Selectarea paginii curente din meniu, creând un site pe wordpress

Utilizarea funcțiilor PHP și WordPress

Navigare statică (evidențierea unui element cu mijloace id = "actuale" CSS):

Navigare dinamică

Opțiunea 1: CSS pe fiecare pagină

Aici este folosit $ curent. care conține întotdeauna numărul paginii curente și id-ul unic al fiecărei pagini:

Definirea curentului $ în header.php între etichete :

is_page (); - compară linia cu titlul paginii curente.

Într-un fișier CSS, nu puteți pune conținut dinamic, deci trebuie să puneți CSS care evidențiază elementul listă din pagină în header.php între etichete :

Evidențierea conținutului dinamic cu culoare:

Opțiunea 2: Toate stilurile dintr-un fișier CSS

Definiți pagina curentă și afișați ID-ul acesteia. pentru a selecta elementul corespunzător din listă.

Pe pagina "home" primim:

Și pe oricare alta:

Meniu în header.php:

Această metodă funcționează numai cu pagini, dar folosind etichete condiționate în WordPress (etichete condiționale). acesta poate fi extins prin verificarea altor condiții.

*** Puteți utiliza, de asemenea, un plugin (de exemplu, plugin-ul din meniul wp care vă permite să adăugați, să actualizați și să ștergeți pagini, să creați o hartă a site-ului, submeniuri etc.). În plus, meniul afișează clasa CSS curentă_page_item a widget-ului bara laterală Pagini (inclusă în distribuția wordpress):

Articole similare

Pagina anterioară