Gå til hovedinnhold

Hvordan legge til topp- og bunntekstkode i WordPress

Å tilpasse WordPress-nettstedet ditt ved å bruke kode vil være skummelt. Ofte må du grave i kjerneinformasjon for å bytte konfigurasjon eller legge til nye parametere, som kan ødelegge nettstedet ditt i tilfelle du gjør det feil.

Inkludert topp- og bunntekst har imidlertid en tendens til å være mye lettere. Ofte vil du bare gjenta og lime inn bestemte kodebiter. Dette betyr at hvis du vet hvordan du legger inn topp- og bunninformasjon, er du den skummeste halvdelen.

I denne teksten vil vi lære deg hvordan du legger til topptekst og bunntekst i WordPress hver manuelt og med et plugin. Begge tilnærmingene er veldig enkle, så la oss gjøre det ordentlig!

Hvorfor du kanskje trenger å legge til topp- og bunntekstkode i WordPress

Hvis du driver et nettsted, er du mest sannsynlig kjent med minst en tredjepartstjeneste som krever at du legger inn kode for å koble til det. 

Noen av de mest populære eksemplene legemliggjør Google Analytics, Search Console, Facebook Pixel og mange forskjellige instrumenter som inneholder nettstedsovervåking.

Alle disse selskapene krever at du legger til bestemte skript mellom nettstedets hode koder. Nettstedets overskrift er et viktig element sammen med komponenter som ligner på skript, titler, typeinformasjon og ekstra.

Et eksempel på en topptekstfil.

Bunntekst koder fungerer like godt som deres hode kolleger. Teknisk sett, hvis du legger til kodebiter i nettstedets bunntekst, må de kjøre det samme som i tilfelle du legemliggjør dem i toppteksten din.

Det er imidlertid viktig å vite at nettstedet ditt utfører skript i den rekkefølgen du legemliggjør dem. I tillegg vil toppkoden kjøres tidligere enn nettsiden er lastet, mens bunntekstkoden kjører etter den.

Hvis du har valget å bestemme deg for, og du også bryr deg om nettsted optimaliseringHvis du overfører JavaScript til bunnteksten på nettstedet ditt, kan det øke hastigheten på innlastingen. Noen selskaper vil imidlertid eksplisitt be deg om å legge til koden i toppteksten din for å holde deg borte fra eventuelle utførelsespunkter.

Som en tommelfingerregel, hvis en tjeneste ber deg om det, foreslår vi at du følger anbefalingene. For forskjellige JavaScript-kodebiter, plasser dem i bunnteksten på WordPress-nettstedet. CSS-kode går hele tiden inn i overskriften.

Hvordan legge til topp- og bunntekstkode i WordPress (2 metoder)

Som det vanligvis er tilfelle med WordPress, kan du muligens oppnå det samme formålet ved å både endre informasjon manuelt eller bruke et plugin.

La oss begynne med å snakke om plugin-metoden.

1. Bruk et plugin, slik som hode-, bunn- og bunninjeksjoner

Å bruke et plugin for å legge til kode i topp- og bunninformasjonen din i WordPress er den sikreste metoden. Med et plugin vil du ikke bytte temainformasjon manuelt eller være sikker på at du inkluderer skript på riktig sted.

Selv om det er mange gode plugins å velge mellom, er vårt forslag til jobben den Hode-, bunntekst- og postinjeksjoner plugin.

Plugin for hode, bunntekst og postinjeksjon

Dette pluginet gir deg god ledelse over stedet i koden du trenger for å legge til kodebitene dine. Det gir i tillegg valget mellom å inkludere helt forskjellige skript for mobil- og skrivebordsgjengivelser av nettstedet ditt.

For å legge til pluginet, gå til Plugins> Legg til nytt inne i dashbordet og bruk søkefunksjonen til å søke etter plugin. Klikk på oppsett, og aktiver deretter pluginet.

Når pluginet er energisk, kan du muligens sveve rett til Innstillinger> Topptekst og bunntekst. Du ser en rekke felt stedet du muligens kan legge til kodebiter.

Sjekk ut alternativene for plassering av topptekskode

Hvis du graver inn i pluginens valg, vil du se at det gir mange flere plasseringer i kodebitene dine. Imidlertid kan du vanligvis fortsette med Hode og bunntekst fanen.

For verdenskode, bare husk å plassere disse kodebitene i På hver side disiplin. Hvis du bare vil at koden skal kjøre på din private hjemmeside, bruker du Bare på hjemmesiden valg.

Når du er ferdig med å inkludere kode på nettstedet ditt, lagrer du endringene i plugin-programmet, så er du klar!

2. Legg til kodebit gjennom filene dine.php

Å legge til topp- og bunntekstkode manuelt i WordPress er ikke sofistikert, men det krever sikkert ekstra problemer enn plugin-metoden.

Du kan legge til koden på dine energiske temaer header.php or footer.php informasjon. Du kan oppdage denne informasjonen i / public_html / wp-content / temaer / oppføring ved å åpne det energiske temaets mappe og søke inne:

Få tilgang til topp- og bunntekstfilene dine via FTP

Du kan legge inn denne informasjonen via filoverføringfer protokoll (FTP) og rediger dem ved hjelp av favorittkodeditoren din. Imidlertid vil det være rotete å endre informasjon om topp- og bunntekst. Med dette i tankene har vi nå to forslag i tilfelle du planlegger å bruke håndbokmetoden:

  1. Lag en barn tema i temaet ditt. Dette betyr at du ikke har mistet noen tilpasninger når du bytter ut far eller mor tema.
  2. Bruk kroker for å legge til koden via din capabilities.php fil. Dette gir en renere metode enn å endre topp- og bunntekstinformasjon manuelt.

Ideelt sett er det best å hele tiden bruke et baby-tema i tilfelle du planlegger å gjøre noen form for tematilpasning. Du kan legge inn babyens temaer capabilities.php filen i mappen inne i / wp-content / themes notering.

Åpne capabilities.php filen i kodeditoren din. For å legge til koden du trenger, anbefales det å bruke begge wp_head or wp_footer krok.

Følgende kodebit gir din tilpassede kode til overskriften på nettstedet ditt:

add_action('wp_head', 'test_script');
perform test_script() {
    ?>
    
    <!-- Here comes your customized code in HTML format. -->
          
    <?php
}

Du kan bruke wp_footer krok som erstatning for wp_head hvis du ønsker å plassere koden i bunnteksten. Du kan også endre utførelsesidentifikasjonen (test_skript) i orden for deg.

Når du blir utført justerer du capabilities.php fil, husk å lagre mange av endringene dine, og det er det. Uansett hvilken kode du la til må fungere nå!

konklusjonen

Mange tredjepartsfirmaer som ligner på Google Analytics eller Facebook Pixel, krever at du legger til kodebiter på nettstedet ditt for at de skal få kontakt med det. Dette er imidlertid bare ett av mange tilfeller stedet du vil ha for å legge til kode i topptekst og bunntekst på WordPress, så det lønner seg å vite hvordan du gjør det.

Det er to metoder du muligens kan legge til kodebiter i topptekst og bunntekst. Du kan begge bruke et plugin som ligner på 'Head, Footer and Post Injections', eller legge til kodebiter via capabilities.php filen.

Har du noen spørsmål om hvordan du legger til topp- og bunntekstkode i WordPress? La oss snakke om dem i tilbakemeldingsdelen under!



Dette innlegget har 0 kommentarer

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket *

Tilbake til toppen