Hvordan legge til en Header Link i Tematisk

Hvordan legge til en Header Link i Tematisk


Den tematiske tema rammer for WordPress tilbyr en ren layout og gyldig markup. Utviklere som ønsker å endre temaet vil oppdage at Tematisk ikke er bygd som de fleste WordPress temaer og bruker en proprietær struktur. Dette kan skape noen skremmende veisperringer når utvikleren prøver å legge til funksjoner eller filtre. Den Tematisk header kan redigeres gjennom WordPress Theme Editor side, men filen har kun Tematiske kroker og ikke HTML kode man kunne forvente. Eventuelle oppdateringer til rammeverket vil også overskrive eventuelle endringer du gjør, så den beste metoden for å legge til, fjerne eller endre maler selv er å kopiere endrede filer til et tematisk barn tema.

Bruksanvisning

1 Last ned en kopi av Tematisk. Kopier "thematicsamplechildtheme" -mappen til en lett-å-finne sted og endre navnet til "MyThematic." Åpne mappen og starte "style.css" filen i en tekst eller HTML editor.

2 Sett på "Theme Name" verdi med "MyThematic." Rediger beskrivelsen, forfatter og forfatter URL, men la resten av innholdet som det er. Dette stil vil la barnet ditt tema å være synlig på din WordPress Theme siden. Når den er aktivert, vil den bruke de tematiske maler, men erstatte "header.php" med den tilpassede versjonen. Du kan også gjøre tilpasninger til stilene ved å fjerne "@import URL ( '../ tematisk / bibliotek / stiler / default.css');" linje. Kopiere innholdet i Tematisk er "default.css" til "style.css" dokumentet for å gjøre endringer.

3 Gå tilbake til Tematisk mappen og åpne "header.php" fil. Bla ned til du ser "<body>" tag. Skriv eller lim inn definert kode i riktig sted for nye koblinger, enten over eller under overskriften koder. Du kan eventuelt velge å angi koden inn i tittel beholder selv om du vil det skal vises til venstre eller høyre for header bilde eller logo. Følgende eksempel illustrerer hvordan du vil legge til en "login" linken til toppen av siden, over overskriften koden:

// action hook for placing content above the theme header

thematic_aboveheader ();

?>

& Lt; div id = "login"> & lt;? Php wp_loginout (); ?> & Lt; / div>

& Lt; div id = "header">

4 Gå tilbake til "style.css" dokument og legge stiler for din egendefinert kode. For eksempelet ovenfor, ble følgende stil lagt til legge linken oppe til høyre:

Logg inn {

bredde: 960 x;

margin: 0 auto;

}

Logg inn et {

float: right;

font-size: .9em;

}

5 Lagre oppdatert "style.css" og "header.php" til din MyThematic mappe. Last opp mappen til "wp-content / themes" katalog på webserveren, og deretter få tilgang til den Temaer side i WordPress administrasjonspanel for å aktivere den. Oppdater hjemmesiden din for å teste endringene. Ytterligere endringer kan gjøres til header og stil direkte fra Temaredigering siden.

Hint

  • Hvis du får en feilmelding på en blank hvit side, slette "functions.php" filen inni MyThematic mappe på webserveren. Barnet ditt tema vil bruke de tematiske funksjoner i stedet.