Hvordan redigere en Tematisk Header

Hvordan redigere en Tematisk Header


Tematisk er en av de mest brukte tema rammer for WordPress publiseringsplattform på grunn av sin ren kode og enkel tilpasning gjennom tematisk admin panel. Samtidig, kan utviklere som ønsker å endre rammene for sine egne temaer kjøre inn i noen skremmende sperringer når møtt med den tematiske kodestruktur. Den Tematisk header kan redigeres som alle andre tema fil gjennom WordPress "Utseende> Redigering" side i administrasjonspanel, men filen inneholder bare Thematic kroker i stedet for HTML-koden forventet i spissen. For å endre den faktiske header innhold, vil du ha tilgang til resten av tema filer.

Bruksanvisning

1 Start din favoritt HTML eller tekst editor og klikk på "File> Open". Finn frem til din Tematisk tema-mappen og åpne "Library" og "Extensions" mapper. Velg "header-extensions.php" filen og klikk "Åpne". Denne filen inneholder selve overskriften koden i mellom tema funksjons uttalelser.

2 Rediger kodelinjer innenfor apostrof etter hver "$ content =" statement. Det er svært viktig at du lar apostrof intakt og bare redigere koden i anførselstegn, men de andre elementene alene. For eksempel, for å endre dokumenttype fra XHTML 1.0 til HTML5, ville du forandre denne linjen:

$ Content = '<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ". "\ N";

Fjern koden i enkeltanførselstegn:

$ Content = ''. "\ N";

Erstatt med HTML5 dokumenttypedeklarasjon:

$ Content = '<! DOCTYPE html> ". "\ N";

3 Vurdere resten av dokumentet for kode områder du trenger å endre. Hver seksjon header viser hva funksjonen refererer til. En vanlig endring kan endre CSS klasser rundt linjer 336-390, eller deaktivere en seksjon eller kodelinje. For eksempel, hvis du har planlagt å erstatte menyen med et annet manus og ikke vil at Superfish skript for å kjøre lenger, så kommenter bort de skript ved hjelp av en

"/" og "/" før og etter linjen som følger:

/ * $ Skript. = $ Scriptdir_start. 'hoverIntent.js'. $ Scriptdir_end. "\ N";

$scripts .= $scriptdir_start . 'superfish.js' . $scriptdir_end . "\n";

$ skript. = $ scriptdir_start. 'supersubs.js'. $ Scriptdir_end. "\ N";

$ Dropdown_options = $ scriptdir_start. 'Tematisk-dropdowns.js'. $ Scriptdir_end. "\ N"; * / 4 Lagre endringene når du er ferdig. Endre navnet på "header-extensions.php" fil på webserveren før opplasting endret versjon. Dette skaper en fail-safe i tilfelle en av dine endringer fører til et problem med nettstedet lasting riktig. Last opp din redigerte filen og laste nettstedet ditt for å bekrefte endringene.

5 Gå tilbake til WordPress administrasjon panel og klikk på "Utseende> Editor." For å legge til ekstra Javascript, link til flere CSS-filer eller inkludere noen annen kode i header, legge koden til "header.php" fil ved å velge den fra listen over filer på høyre side. Lim tilleggene like over "</ head>" tag midtveis i dokumentet, med CSS lenker første og Javascript-kode eller filkoblinger siste.

6 Rediger resten av header.php filen under </ head> tag som du gjør med andre tema fil. Du kan legge til eller fjerne DIV elementer, endre klasse navn eller legge til en annen vilkårlig HTML som du har tenkt å laste på hver side før innholdet.

Hint

  • Bruk en HTML-editor som tall på hver linje og fargelegger koden for å gjøre det enklere å redigere header-extensions.php fil. Koden linjer du kan redigere er vanligvis i rødt.
  • Bygg en Child Theme stedet for å redigere kjernen rammeverket. Barne Temaer tillate deg å bygge en mal ved hjelp av hva koden og struktur du liker, og deretter bruke Tematisk Mal Kroker til å trekke i Thematic Theme funksjoner.
  • Hvis noe går galt, sjekk din header-extensions.php å sikre at du ikke fjerne noe utenom apostrof og hver linje med HTML er inne i enkle anførselstegn. Fjern eventuelle mellomrom mellom sitater og koden inne i dem, hvis det finnes.