WordPress setter sammen flere PHP-malfiler for å gjengi lesbart innhold til brukeren i nettleseren.WordPress-temaer inneholder header.php, footer.php, single.php (for innlegg), page.php (for sider) og sidebar.php-filer, de nyeste temaene bruker ekstra malseksjoner for å generere hovedinnholdet.
Alle disse malene er pent satt sammen og vises når du ser på WordPress-siden i nettleseren din.Vanligvis trenger du ikke å endre disse filene, og det er plugins tilgjengelig for å sette inn tilpasset funksjonalitet.I noen tilfeller må du imidlertid sette inn kode i topp- og bunntekstdelene av WordPress.
I denne artikkelen vil vi forklare hvordan du gjør det uten og med plugins.
Hvorfor sette inn kode i topp- eller bunntekst?
Topp- og bunntekstdelene er nyttige for ulike kodeintegrasjoner og for å legge til ekstra funksjonalitet til nettstedet ditt.Her er noen av de beste eksemplene som krever at du setter inn kode i topp- og bunnteksten på WordPress-siden din.
Sett inn automatisk annonsekode fra Google AdSense eller annonsekode for toppannonser fra et hvilket som helst annet annonseprogram.
Installer sporingskoden for Google Analytics og Facebook Pixel.
Sett inn captcha fra Bing Webmaster Tools, Google Search Console, Baidu, Yandex og enhver annen plattform som Pinterest.
Legg til tilpasset CSS i overskriften, for eksempel Google Fonts-stilark og JavaScript i bunnteksten.
Sett inn tilpassede komponenter som brødsmuler i overskriften når du bruker plugins som Yoast SEO.
Som du kan se, vil listen bli lengre avhengig av dine behov.
Legg til kode i topp- og bunntekstseksjoner i WordPress
Som standard gir WordPress ingen mulighet til å sette inn kode i topp- og bunntekstseksjoner.Det enkle alternativet er å redigere filen direkte og sette inn koden din.Imidlertid er det også plugins tilgjengelig for dette formålet.I denne artikkelen vil vi forklare to måter å legge til kode i topp- og bunntekstdelene på et WordPress-nettsted.
Rediger header.php og footer.php-filene til WordPress-temaet manuelt.
Bruk Insert Header and Footer plugin for å legge til kode uten filredigering.
Vi vil også forklare bruken av noen temaer for å sette inn kode i topptekster og bunntekster ved å bruke wp_head- og wp_footer-krokene.
Sett inn WordPress topptekst og bunntekst manuelt
Dette alternativet krever redigering av filen header.php eller footer.php i WordPress-temaet ditt og er kanskje ikke nybegynnervennlig.
Først, start med å klargjøre kodebiter eller kopiere fra tredjepartssider.Når du har koden for topptekst og bunntekst klar, holder du musepekeren over Utseende-menyen i sidepanelet og klikker på Temaredigering-fanen.
Ignorer eventuelle advarselsmeldinger du mottar, og velg det aktive emnet ditt fra rullegardinlisten "Velg emne å redigere:".
Velg filen "header.php" eller "footer.php" til høyre for gjeldende visning.
For toppteksten, pass på å lime inn koden under den avsluttende ""-taggen, så skal koden for bunnteksten være under ""Etikett.Noen ganger må du kanskje også sette inn kode før den avsluttende taggen.
Til slutt klikker du på "Oppdater fil"-knappen for å lagre endringene på nettstedet ditt med kodebiten som er lagt til.
Sørg for å teste nettstedet ditt og sjekk at funksjonene du koblet til fungerer som forventet.
Sett inn WordPress topp- og bunntekstkode ved hjelp av en plugin
Som standard lar WordPress deg legge til tilpasset CSS på nettstedet ditt under Utseende > Tilpasning > Ekstra CSS-delen.Du kan imidlertid ikke sette inn JavaScript i denne delen.Det er mange gratis plugins og plugins tilgjengelig for å sette inn kode, her vil vi forklare bruken av "WPBeginner Insert Header and Footer".Plugin har et superenkelt grensesnitt som nybegynnere enkelt kan bruke.
Først, installer og aktiver "Sett inn topptekst og bunntekst"-plugin.Fra dashbordet på WordPress-nettstedet ditt, hold musepekeren over Plugins-menyen og klikk på Legg til ny.
Bruk søkeplugin-funksjonen for å finne "Sett inn topptekst og bunntekst" og klikk på "Installer nå"-knappen.Etter at installasjonsprosessen er fullført, "Aktiver" plugin-modulen.
Installer plugin-en
Gå til Innstillinger-menyen, finn og klikk på Sett inn topptekst og bunntekst-undermenyen.
Programtillegget gir tre bokser for å plassere skript i topptekst, brødtekst og bunntekst for å sette inn kode.Inntil da instruerer tredjepartsleverandører som Google Analytics deg om hvilken boks du skal plassere kodebitene deres.Ellers må du sørge for at du vet nøyaktig hvor du vil sette inn koden.
Lim inn disse kodene i de riktige kodene og klikk på Lagre for å fullføre endringene på nettstedet.
Kodeskript lastes nå automatisk til det spesifikke stedet der nettstedet kjører.
Du kan alltid redigere koden videre og holde plugin-modulen aktiv, siden deaktivering av den vil forhindre å legge til tilpasset funksjonalitet og deaktivere alle skript som tidligere er lagt til på nettstedet ditt.
Sett inn kode ved hjelp av plugins
Merk at hvis "Sett inn topptekst og bunntekst"-plugin ved en feiltakelse deaktiveres eller avinstalleres ved en feiltakelse, vil koden din forbli i nettstedets database.Bare installer eller reaktiver plugin-en for å få tidligere kode til å fungere.Det anbefales også at du tømmer bufferen til WordPress-nettstedet ditt når du legger til og lagrer endringer i topptekst- og bunntekstkodebitene i plugin-en.
Rediger topp- og bunntekst med temaer
Enten du redigerer temafilene manuelt eller bruker en plugin, påvirker koden du setter inn hele nettstedet ditt.Du må bruke en plugin som Insert HTML Snippet eller prøve egendefinerte HTML-blokker i Gutenberg-editoren for å sette inn egendefinert kode bare i bestemte innlegg eller sider.Du kan imidlertid sette inn kode i topp- og bunntekst med de nyeste temaene som GeneratePress Premium og Astra Pro.Disse temaene bruker standard wp_head og wp_footer kroker og lar tilpassede begrensninger brukes.For eksempel kan du bare sette inn brødsmuler i et enkelt innlegg uten å påvirke siden.
Her bruker vi Astra Pro-temaet for instruksjoner, du kan utføre lignende trinn i GeneratePress Premium-temaet ved å bruke "Elements"-alternativet.
Etter å ha installert Astra Pro-tillegget, gå til Utseende > Astra-alternativer.
Aktiver alternativet Egendefinert oppsett og klikk på Innstillinger-koblingen for det alternativet.
Klikk på "Legg til ny"-knappen og lim inn koden du vil sette inn i boksen.
Under delen Egendefinerte layoutinnstillinger klikker du på rullegardinmenyen Layout og velger alternativet Hooks.
Sett inn overskriftskode i Astra-tema
I rullegardinlisten Handling velger du wp_head for topptekstdelen og wp_footer for bunntekstdelen.
Hvis du bare bruker én kodebit, la «prioritet» stå tomt.Men når du setter inn flere koder på samme krokplassering, sørg for å angi prioritetsrekkefølgen for å sette inn kodene.Du kan bruke 10, 20, 30 osv. som prioritet, den laveste vil ha forrang over de andre.
Oppgi topp- og bunnavstandsdetaljer i piksler om nødvendig.
Velg hvor du vil vise koden i rullegardinmenyen Vis på.Du kan velge spesifikke innlegg, sider, kategorier eller sette inn hele nettstedet ditt eller sette inn spesifikke innleggstyper som innlegg, sider eller en hvilken som helst egendefinert posttype som brukes på nettstedet ditt.
I rullegardinlisten Brukerrolle velger du brukerrollen du vil at koden skal være aktiv for.
Når alle innstillingene er fullført, klikker du på Publiser-knappen for at endringene skal tre i kraft.
Grunner til å bruke Insert Header and Footer-plugin
Det er så mange ulemper ved å redigere temafiler eller bruke et tilpasset tema at du holder deg til plugin-tilnærmingen.Her er noen av fordelene du kan få ved å bruke plugin, bortsett fra at du kanskje ikke er en teknolog eller at du er nybegynner.
Siden plugin-butikken legger til skript på et eget sted, trenger du ikke å bekymre deg for kodesletting under oppgraderinger, oppdateringer eller endring av temaer.Du trenger heller ikke undertemaer, siden plugin-en fungerer uavhengig av nettstedets tema.
Det gjør det enkelt og raskt å legge til egendefinert kode i topp- og bunntekst.I tillegg bidrar dette til å opprettholde organiseringen av kodebiter på ett enkelt sted.
Det er mulig å støte på feil når du velger å redigere WordPress-temaet ditt, så bruk av en plugin kan bidra til å vinke, forhindre og unngå slike feil.
siste tanker
I mange tilfeller må du endre utseendet, endre måten eller legge til annen funksjonalitet på WordPress-siden din.I begge tilfeller, når du ikke er teknisk tilbøyelig, husk å bruke plugin-metoden for å sette inn topp- og bunntekstkode.Mens temaer som Astra og GeneratePress kan hjelpe deg med dette, må du kjøpe premiumversjonen.Det kan også gjøre det vanskelig å endre temaer, og da må du se etter plugins å bruke.
