Cum de a înlocui o imagine faceți clic pe „principal“, pagina în meniul WordPress, versinfo

Vom continua pentru a personaliza meniul WordPress - înlocuiți elementul «Acasă» (Acasă) Pagina de poze (casa). În acest articol, voi descrie două moduri. Primul - meniul implicit, al doilea - pentru meniul arbitrar (personalizat). Toate acțiunile sunt efectuate în WordPress versiunea 3.5 cu tema Douăzeci Zece.

$ Meniu. = '

  • “. $ Args [ 'link_before']. ''. $ Args [ 'link_after']. '
    • „;

    Actualizarea site-ului și a vedea rezultatul:

    În noul șablon din versiunea anterioară rămâne parte neschimbată

    Link text - textul pe care îl vedem atunci când treceți cursorul peste imaginea

    În schimb, numele paginii este acum afișa o imagine:

    Această linie este formată din următoarele componente:

    wp-content / încărcări - calea către imaginea (imaginea stocată în încărcările dosarul în directorul wp-conținut în dosarul apărut necesară pentru a încărca cel puțin o imagine.)

    fișier imagine (l-am 36px dimensiune au - - latime, 36px - inaltime) home36.jpg, cel mai bine este de a crea o imagine în format png pentru a face mai ușor de a „potrivi“ sub fundal meniu

    height = „13“ - înălțimea imaginii în pixeli, este ales pe înălțimea textului din imagine meniu va fi comprimat cu 36px pentru a 13px păstrarea raportului de aspect (redimensiona nu este necesar) ..

    Dacă în loc de „Acasă“ elementul de meniu pe care doriți să afișați imagini și text, partea din șirul de caractere între ghilimele simple va completa textul (de exemplu: <-IMG) :

    Adăugați distanța dintre imagine și textul din meniul și imagine mai mare-casa:

    <-IMG

    A doua modalitate - de a înlocui imagine elementul de meniu „Pagina principală“ într-un (personalizat) meniul WordPress arbitrar. În primul rând, creați. Au apărut la> tematică-> Meniu, introduceți img_menu din titlu meniu. faceți clic pe "Start Menu".

    Adăugați același meniu o pagină de „Sample Page“ existente. Pentru a face acest lucru în „Pagini“ secțiune, a pus o bifă în caseta de lângă elementul corespunzător și faceți clic pe „Adăugați la meniu.“

    Salvați noul meniu și a elementelor - "Save Menu". Apoi, în blocul „zone tematice“ img_menu selectați lista de „navigarea principală“ - click pe „Save“.

    Subtotal: am creat img_menu - meniu arbitrar (personalizat), se adaugă cele două puncte: „Pagina principală“ și „exemple de pagini“, alege meniu principal.

    Acum de la admin du-te la site-ul și folosind libelula instrumente de dezvoltare de operă sau plugin Firebug arăta codul sursă elementul de meniu „Acasă“ pagina.

    Alte acțiuni sunt asociate cu teme instalate de editare de fișiere style.css.

    Am adăugat următoarele linii:

    # #access meniu-item- 7 a: link, # #access meniu item-7 a: ecran vizitat: bloc; înălțime: 38px; lățime: 38px; text-liniuță: -9999px;
    fundal: url ( "images / 38.jpg") fără repetare; padding: 0px;
    >
    # #access meniu item-7, o: activa, #access # meniu-item-7 a: afișare Hover: bloc; înălțime: 38px; lățime: 38px; text-liniuță: -9999px;
    fundal: url ( "images / 382.gif") fără repetare; padding: 0px;
    >

    Notă: Pentru 2 mod joacă un important rol de șablon css. probleme de dimensiunea imaginii.