# 89: Vyladenie panela galérie - Triky CSS

Anonim

V tomto videu robíme veľa vylepšení baru, ktorý sme nastavili pre väčšinu funkcií Galérie. Dizajn je predovšetkým o dolaďovaní, však?

Upravili sme nejaké polstrovanie, aby sa veci lepšie zoradili. Štýl rozbaľovacej ponuky upravujeme tak, aby odhalená ponuka vyzerala o niečo krajšie. Pri nastavovaní sa ubezpečujeme, že majú dosť veľkú klikateľnú / klepnuteľnú oblasť ( display: blockodkazy). Toto je dokonalý príklad toho, kde je vloženie štýlu z aplikácie CodeKit mimoriadne užitočné. Dbáme na to, aby bolo obnovenie vizuálne silné, takže je veľmi jasné, čo vyberáte. Je to veľmi dôležité v takomto usporiadaní, kde všetko vyzerá tak podobne.

Robíme malú trik vo WordPress, kde pomocou odkazov na tagy (ktoré sú v tomto prípade horšie ako zbytočné) odstránime atribút title pomocou funkcie filtra a nič nevrátime.

Pridáme tlačidlo na odoslanie, umiestnime ho napravo od pruhu a vytvoríme štýl tlačidla, ktorý funguje v kontexte panela galérie.

Galéria na tomto webe je trochu jedinečná v tom, že existuje niekoľko šablón, ktoré sa výrazne líšia, ale musia vyzerať veľmi podobne. Napríklad domovská stránka galérie a stránka pre taxonómie galérií. Tento problém si všimneme a chvíľu trvá, kým urobíme potrebné zmeny, aby boli rovnaké. Používame niektoré techniky, ktoré sme v tejto sérii opakovane používali, napríklad vytváranie zahrnutia do oboch šablón, aby sme sa už neopakovali.

Pravdepodobne trávime príliš veľa času tým, že sme nastrčení, ale je to čudná vec, keď sa pokúšame zopakovať aktuálnu značku alebo jedinečný reťazec - podľa toho, na akom type stránky sa nachádzate. Vždy sú to najhlúpejšie maličkosti, ktoré trvajú najdlhšie.

Tiež bojujeme s nemou konkrétnosťou, keď chceme, aby sa odkazy a tlačidlá v hlavičke mierne líšili. V tomto projekte máme taký ľahký dotyk so selektormi. To je zvyčajne skvelé, žiadne nepríjemné vojny o špecifickosť, ale tiež je to občas bolesť, keď iné veľmi ľahké (s nízkou špecifickosťou) selektory prekonajú ostatných a musíte ísť silnejšie, ako by ste to chceli napraviť. C'est la vie.