# 89: Προσαρμογή της γραμμής γκαλερί - CSS-Κόλπα

Anonim

Σε αυτό το βίντεο φτιάχνουμε μια σειρά τροποποιήσεων στη γραμμή που έχουμε ρυθμίσει με τις περισσότερες λειτουργίες της Συλλογής. Ο σχεδιασμός έχει να κάνει με το τσίμπημα, έτσι δεν είναι;

Προσαρμόζουμε κάποια επένδυση για να κάνουμε τα πράγματα καλύτερα. Διαμορφώνουμε το αναπτυσσόμενο μενού έτσι ώστε το μενού που αποκαλύπτεται να φαίνεται λίγο καλύτερο. Ενώ το προσαρμόζουμε αυτό, φροντίζουμε να έχουν πολύ μεγάλη περιοχή με δυνατότητα κλικ / με δυνατότητα κλικ ( display: blockσυνδέσεις). Αυτό είναι ένα τέλειο παράδειγμα όπου η έγχυση στυλ από το CodeKit είναι εξαιρετικά χρήσιμη. Βεβαιωθούμε ότι η ανατροπή είναι ισχυρή, οπτικά, οπότε είναι πολύ σαφές τι επιλέγετε. Πολύ σημαντικό σε μια τέτοια διάταξη όπου όλα φαίνονται τόσο παρόμοια.

Κάνουμε μια μικρή απάτη στο WordPress όπου καταργούμε το χαρακτηριστικό τίτλου από τους συνδέσμους ετικετών (οι οποίοι είναι χειρότεροι από άχρηστοι σε αυτήν την περίπτωση) χρησιμοποιώντας μια λειτουργία φίλτρου και δεν επιστρέφουμε τίποτα.

Προσθέτουμε ένα κουμπί υποβολής, το τοποθετούμε στα δεξιά της γραμμής και δημιουργούμε ένα στυλ κουμπιού που λειτουργεί στο πλαίσιο της γραμμής συλλογής.

Η γκαλερί σε αυτόν τον ιστότοπο είναι λίγο μοναδική στο ότι υπάρχουν μερικά πρότυπα που είναι σαφώς διαφορετικά, αλλά πρέπει να μοιάζουν πολύ. Για παράδειγμα, η αρχική σελίδα της γκαλερί και η σελίδα για ταξινομίες γκαλερί. Παρατηρούμε αυτό το πρόβλημα και χρειαζόμαστε λίγο χρόνο για να κάνουμε τις αλλαγές που απαιτούνται για να γίνουν οι ίδιες. Χρησιμοποιούμε μερικές τεχνικές που έχουμε χρησιμοποιήσει ξανά και ξανά σε αυτήν τη σειρά, όπως να κάνουμε μια συμπερίληψη για χρήση και στα δύο πρότυπα, ώστε να μην επαναλαμβάνουμε τον εαυτό μας.

Πιθανότατα ξοδεύουμε λίγο πολύ χρόνο για να είμαστε κολλημένοι, αλλά ένα περίεργο πράγμα που προσπαθούμε είτε να επαναλαμβάνουμε την τρέχουσα ετικέτα είτε μια μοναδική συμβολοσειρά - ανάλογα με τον τύπο σελίδας στην οποία βρίσκεστε. Είναι πάντα τα πιο ανόητα μικρά πράγματα που διαρκούν περισσότερο.

Αντιμετωπίζουμε επίσης μια χαζή μικρή εξειδίκευση όπου θέλουμε οι σύνδεσμοι και τα κουμπιά στην κεφαλίδα να είναι ελαφρώς διαφορετικά. Έχουμε τόσο ελαφριά επαφή με τους επιλογείς σε αυτό το έργο. Αυτό είναι συνήθως υπέροχο, χωρίς άσχημους πολέμους, αλλά είναι επίσης περιστασιακά ένας πόνος όπου άλλοι πολύ ελαφριοί (χαμηλής ειδικότητας) υπερισχύουν των άλλων και πρέπει να γίνετε πιο δυνατοί από ό, τι θα θέλατε να το διορθώσετε. Ετσι είναι η ζωή.