# 88: Galleria-palkin rakentaminen - CSS-temppuja

Anonim

Aloimme rakentaa palkin gallerian otsikon alle. Tällä baarilla on melko työ. Se kertoo ihmisille missä he ovat ja mitä he katsovat (leivänmuruja, yksinkertaisella tavalla). Se sisältää myös sivutuksen, painikkeen ja kaiken aikaa on oltava reagoiva.

Tämä on alku, jota kutsumme "mustaksi palkkiksi" navigoinniksi, josta todella tulee asia muille sivustosuunnittelulle.

Kirjoitamme palkin merkinnät, mukaan lukien kuvakkeen fontin käyttäminen tarvittaessa avattavan valikon alanuolelle. Font Explorer X: n merkkikaavioon on helppo viitata nopeasti saadaksesi selville, minkä arvon HTML-kuvake voi olla.

Käytämme tätä wp_tag_cloud()funktiota sylkemään sivulle luettelo gallerian mukautetun taksonomian tunnisteista. Me yksinkertaisesti tyylitämme merkinnät käyttäytymään kuin pudotusvalikko. Voit kirjoittaa / piilottaa tämän avattavan valikon kirjoittamalla vain JavaScriptiä. Kuten olemme tehneet aiemmin sivuston päävalikossa, kaikki mitä teemme, on vaihtaa luokan nimi JavaScriptillä ja antaa CSS: n tehdä työ.

Loppuun mennessä meillä on toimiva pudotusvalikko Galleriaan, mikä on mukavaa. Se on todella Galleria-navigoinnin työhevonen.