#89: Die Galerie-Leiste anpassen

In diesem Video nehmen wir eine Reihe von Anpassungen an dem Balken vor, den wir mit den meisten Funktionen der Galerie eingerichtet haben. Design ist doch alles, oder?

Wir passen etwas Padding an, um die Dinge besser auszurichten. Wir gestalten das Dropdown, damit das erscheinende Menü etwas schöner aussieht. Dabei stellen wir sicher, dass es eine ausreichend große klickbare/antippbare Fläche hat (display: block Links). Dies ist ein perfektes Beispiel dafür, wie nützlich die Stil-Injektion von CodeKit ist. Wir sorgen dafür, dass der Rollover visuell stark ist, damit klar ersichtlich ist, was man auswählt. Sehr wichtig in einem Layout wie diesem, wo alles sehr ähnlich aussieht.

Wir machen ein kleines WordPress-Kunststück, indem wir das Title-Attribut von den Tag-Links (die in diesem Fall nutzlos sind) entfernen, indem wir eine Filterfunktion verwenden und nichts zurückgeben.

Wir fügen eine Senden-Schaltfläche hinzu, positionieren sie rechts in der Leiste und erstellen einen Schaltflächenstil, der im Kontext der Galerie-Leiste funktioniert.

Die Galerie auf dieser Seite ist etwas einzigartig, da es ein paar Vorlagen gibt, die deutlich unterschiedlich sind, aber sehr ähnlich aussehen müssen. Zum Beispiel die Startseite der Galerie und die Seite für Galerie-Taxonomien. Wir bemerken dieses Problem und nehmen uns Zeit, die notwendigen Änderungen vorzunehmen, um sie gleich zu machen. Wir wenden einige Techniken an, die wir in dieser Serie immer wieder verwendet haben, wie z. B. die Erstellung eines Include, der auf beiden Vorlagen verwendet wird, damit wir uns nicht wiederholen.

Wir verbringen wahrscheinlich etwas zu viel Zeit damit, uns über eine seltsame Sache den Kopf zu zerbrechen, bei der wir entweder den aktuellen Tag oder einen eindeutigen String ausgeben wollen – je nachdem, auf welcher Art von Seite Sie sich befinden. Es sind immer die dümmsten Kleinigkeiten, die am längsten dauern.

Wir kämpfen auch mit einer dummen kleinen Spezifitäts-Sache, bei der Links und Schaltflächen im Header leicht unterschiedlich sein sollen. Wir haben einen so leichten Griff auf Selektoren in diesem Projekt. Das ist normalerweise großartig, keine bösen Spezifitäts-Kriege, aber es ist auch gelegentlich eine Plage, wo andere sehr leichte (niedrige Spezifität) Selektoren andere überschreiben und man stärker vorgehen muss, als man es gerne hätte, um es zu beheben. So ist das Leben.