Hvordan sette inn kode i WordPress innlegg og sider

Hvordan sette inn kode i WordPress innlegg og sider

WordPress Bruker

Hvordan sette inn koden og Scripts I WordPress innlegg og sider

For eksempel kan du kommer over et stykke kode som alltid ville vise dagens dato på din spesielle tilbud, eller skape den rette oppfordring til handling på slutten av innleggene dine, eller vise relevante annonser på et bestemt sted på sidene dine, eller endring utformingen av innholdet i en bestemt del, etc.

I denne opplæringen skal du lære hvordan du enkelt sette inn kode og skript i din WordPress innlegg og sider, slik at du kan dra nytte av den ekstra funksjonaliteten disse skriptene kan gi for deg.

Du skal også lære seg ulike metoder du kan bruke til å sette inn kode og skript inn i innholdet.

Se videoen nedenfor og deretter fullføre steg-for-steg tutorial for å lære mer om hvordan du setter koden i WordPress Innlegg og sider …

Sette inn koder og Scripts I WordPress innlegg og sider manuelt

WordPress ikke tillater deg å sette inn koder og skript (f.eks HTML, Javascript) direkte inn i Visual Editor .

Du kan imidlertid sette inn kode i WordPress ved hjelp av tekst editor.

Slik setter du inn koden på innlegg eller siden, gjør du følgende:

Først velger du kode som du ønsker å legge til din WordPress innlegg eller side og kopiere den til utklippstavlen …

Deretter går du til innlegg eller siden du redigerer og velge den nøyaktige plasseringen der du vil at skriptet skal vises, og deretter opprette en ny linje og setter inn en rekke "plassholder" tegn (f.eks @@@@@) …

Klikk på Tekst Tab for å bytte fra Visual redaktør for tekst editor …

Finn og markere eksempelteksten tegnene du har lagt til tidligere …

Lim inn koden over din valgte teksten …

Husk å publisere innlegg eller side for å lagre nytt innhold.

Viktig: IKKE bytte tilbake til Visual Editor vinduet etter innsetting kode som Javascript, HTML, etc, eller det vil forsvinne, og du må gjenta prosessen ovenfor for å legge den til igjen. Når du legger til kode som Javascript dine innlegg eller sider, er det best å publisere siden og bo i HTML editor vinduet hvis du trenger å gjøre noen ytterligere redigering av innhold.

For å unngå problemer, lime noen kode du vil vise i din WordPress innlegg eller sider i en vanlig tekstfil og lagre filen først. På denne måten kan du enkelt få koden på nytt hvis du må.

Tips: En smartere løsning du kan bruke for å legge koden til WordPress innlegg og sider er å bruke plugins som lar deg skrive inn koden eller skriptet inn et eget område av nettstedet ditt, og deretter "anrop" skriptet eller kode ved å la deg legge til en "kort kode" inn i innholdet.

WordPress Snarveiene

EN "kort kode" er et veldig enkelt kort bit av koden som inkluderer innebygde koder og / eller skript, og lar deg utføre komplekse funksjoner i WordPress uten å måtte ha koding ferdigheter eller kunnskap om programmering. Snarveiene kan settes inn hvor som helst på din side for å utløse en omfattende skript til handling. Vanligvis kortkoder ligne beskrivende tekstbiter innpakket i klammer, f.eks [Ezformshortcode].

kortkoder Aktiver plugin utviklere å lage komplekse innhold som former, bildegallerier, innhold generatorer, osv …, som du deretter kan enkelt sette inn WordPress ved hjelp av en enkel tekst kode levert av plugin.

Dette er illustrert i eksempelet nedenfor:

I skjermbildet ovenfor, kan du se følgende:

[1] En Plugin er installert på din WordPress nettsted som lar deg lime inn kode eller et skript i et eget innhold felt (vi vil vise deg denne plugin nærmere nedenfor)

[2] Når du har limt inn koden i feltet og spare, genererer plugin en unik snarvei for å kalle opp dette skriptet.

[3] Du kan deretter kopiere snarvei til utklippstavlen og lime det inn i en ny eller eksisterende innlegg eller siden hvor du ønsker skriptet til å vise. Når du har "en del av" den snarvei inn til innholdet, du da publisere eller oppdatere innlegg eller siden.

[4] WordPress vil nå ringe opp og laste skriptet i en nettleser når noen besøker nettstedet ditt, og ser på innlegg eller siden der du har integrert den snarvei inn i innholdet.

Det flotte med å bruke kortkoder er at du ikke trenger å rote med skript eller kode for å få funksjonaliteten av skriptet … du bare sette inn kortnummer hvor du vil at skript eller kode for å komme og WordPress gjør resten!

Sette inn koder og Scripts I WordPress innlegg og sider

I dette eksemplet vil du lære hvordan du setter inn koden i WordPress ved hjelp av en gratis WordPress plugin kalt Embedit Pro

Som navnet på denne plugin foreslår, Embedit Pro gjør det mulig å legge inn HTML-kode i et innlegg, side, eller en sidebar widget.

I hovedsak måten denne plugin fungerer, er at det tillater deg å kode HTML separat med kortkoder eller egendefinerte felt.

Du kan deretter opprette og lagre HTML-snutter. og sette dem inn i innholdet ved å klikke på "HTML-fragment" knappen i innlegget editor (se trinn-for-trinn veiledning nedenfor)

HTML-snutter er objekter som kan lagre koder og skript for omtrent alt: en video embed koden fra YouTube, noen javascript innhold, lydspiller kode, etc.

Opplæringen nedenfor viser deg hvordan du bruker Embedit Pro plugin for å legge til kode til dine innlegg eller sider ved hjelp av HTML-snutter.

Slik bygger du inn koder og Scripts I WordPress innhold – Embedit Pro Tutorial

Last ned plugin her . eller bruk "søkemetode" å installere plugin direkte fra WordPress dashbordet som beskrevet i denne opplæringen: Slik bruker WordPress Plugins

Etter installasjon og aktivering av Embedit Pro plugin, et nytt menypunkt som heter HTML-snutter vil bli lagt til WP Admin Menu delen …

Viktig: Kontroller at du har din kode eller skript tilgjengelig (for eksempel lagret i en vanlig tekstfil) og klar til å lime inn i innlegget ditt eller siden.

For å opprette en ny kodebiten, klikk på HTML-snutter gt; Legg til ny

I Legg til ny HTML-fragment skjermen, navnet kodebiten ved å skrive inn et navn i Tittel seksjon (dette er for din egen referanse, så skriv en beskrivende tittel for å hjelpe deg med å identifisere hva biten er om!), og lim koden inn i Kropp seksjon …

Klikk på publisere knappen for å lagre den nye HTML-fragment …

HTML Snippet vil bli lagret og publisert som en Kort kode

Når du har opprettet din HTML-fragment, lagrer plugin tekstutdraget i en egen liste inne i plugin database.

Du kan også redigere kodebiten, og dette vil automatisk oppdatere koden på alle steder der du har lagt den snarvei …

Slik setter du inn koden i innholdet ditt, gå til innlegget eller siden du vil redigere, og plasserer musepekeren på det stedet der du ønsker å legge inn koden.

Du vil merke at et par nye menyknappene er lagt til din Editor Meny-verktøylinjen: HTML-fragment og Tilpasset felt .

For dette eksempelet, vil vi bruke HTML-fragment knappen for å sette inn en snarvei inn i innholdet.

Med markørplasseringen valgt, klikker du på HTML-fragment knappen for å velge og sette inn kodebiten …

Et vindu vil dukke opp på skjermen slik at du kan velge hvilken som helst av de HTML-snutter du tidligere har opprettet og lagret. Velg HTML-fragment du ønsker å sette inn i innlegget ditt eller siden, og klikk OK å fortsette …

Den snarvei knyttet til HTML-fragment vil bli satt inn i plasseringen av markøren …

Klikk på publisere eller Oppdater knappen for å lagre innstillingene …

Når du viser din oppdaterte innlegg eller side, skal du se at koden er satt inn, og det nye innholdet skal vises på nettleservinduet i det angitte stedet …

Hvis du vil redigere eller oppdatere koden, klikk på edit Snippet knappen …

Du vil bli tatt til Rediger HTML-fragment skjerm. Her kan du redigere og oppdatere koden din, og alle innlegg og sider som inkluderer snarvei for dette Biten oppdateres automatisk med de nye endringene …

Tips # 1. Du kan eksportere HTML-snutter (og importere dem til andre WordPress nettsteder) ved hjelp av Verktøy gt; Eksport funksjon …

Tips # 2 (for avanserte brukere): De Embedit Pro plugin bruker også WordPress egendefinerte felt legge til kode på innleggene dine.

Hvis du er kjent med egendefinerte felt, kan du lime inn HTML-koden for å bygge inn i et egendefinert felt av ditt valg, og deretter plassere en snarvei i innholdet ved å klikke på "Tilpasset felt" knappen i innhold editor.

Dette er nyttig når du trenger å raskt legge inn HTML i et enkelt innlegg uten å forlate stillingen redigeringsvinduet.

Tips # 3 – Sette kode i header delen av WordPress

En plugin som EmbeditPro kan du enkelt legge til kode og skript i innholdsområdet av WordPress Innlegg og sider.

Noen programmer krever imidlertid at koden legges ikke bare til innholdet delen, men også til overskriften i en enkelt post eller side for at programmet skal fungere (for eksempel hvis du sporer Facebook Ad konverteringer, vil du må sette inn en kodebit inn i header delen av den enkelte side eller innlegg hvor konverteringer forekomme (for eksempel en "Takk skal du ha" eller "nedlasting" side.).

Du kan finne en rekke WordPress plugins som vil tillate deg å legge koden til header delen av innlegg og sider, men med mange av disse plugins, er koden lagt til alle innlegg og sider, ikke bare det du vil ha.

Hvis du trenger å sette inn kode eller skript til steder utenfor innholdet området av enkelt innlegg eller sider, deretter en stor gratis WordPress plugin du kan bruke er CSS & Javascript script~~POS=HEADCOMP Toolbox

CSS & Javascript Toolbox (eller CJT) er en kraftig og fleksibel plugin, som lar deg legge til kode og bidra til din WordPress installasjon koden ved hjelp av en lett-å-bruke web-grensesnitt.

Måten denne plugin fungerer, er at det tillater deg å endre eller utvide nettstedet funksjonalitet og utseende ved å legge til egendefinert kode direkte inn CJT kode blokker, som du deretter kan tilordne til enkeltsider, innlegg, tilpassede innlegg, kategorier, webadresser, uttrykk, og laster mer!

Den plugin utviklere av CJT har skapt omfattende dokumentasjon og brukerhåndboken for plugin, som du får tilgang til her: CJT Free Version

De CSS & Javascript script~~POS=HEADCOMP Toolbox Skjermen vil vise på skjermen …

Klikk på den nye koden Block-knappen for å legge til ny egendefinert kode på nettstedet ditt …

De Opprett ny kode Block vinduet vises.

Gi kodeblokken et navn. merker du aktivere den (eller la det være tomt hvis du ikke ønsker det aktivert ennå), velger du en "Beliggenhet Hook " (Alternativer = Topp- / bunntekst. Dette angir om å sette inn kodeblokk i overskriften på bunnteksten på siden), og "Initial Block Plassering " (Alternativer = First Block / Siste Block. Dette kan du oppgi om manuset bør legges før eller etter alle andre koder i topp- eller bunntekst), og klikk deretter Skape

En tom tekstfeltet vises. Lim koden eller skriptet inn innholdsområdet …

Deretter velger du plassering på nettstedet der du vil at kodeblokken som skal settes inn (Side, Post, etc …)

Den plugin-skjermen har en rekke ikoner du kan klikke på for å få tilgang til funksjonene (hold musen over ikonene for å se en beskrivelse av funksjonen), samt lenker for å hjelpe dokumentasjon …

Klikk Lagre alle endringer når du er ferdig med å opprette eller redigere en kodeblokk for å lagre innstillingene …

Den plugin legger også et menyikon til din WordPress Visual Editor, som lar deg sette inn en eksisterende kodeblokk når du oppretter eller redigerer en post eller siden …

For hjelp og støtte med denne plugin, kan du gå til plugin utviklerens nettsted her: CJT WordPress Plugin

Tips: Hvordan å sjekke at koden er lagt

Hvis du har lagt til kode til en del av nettstedet ditt som "Overskrift" seksjon som ikke er ment å være synlig (f.eks en konverteringssporingsskriptet) og du ønsker å sjekke for å være sikker på at koden har blitt lagt til, så her er hvordan du gjør det:

Merk: For dette eksempelet, vil vi bruke Firefox nettleser. Alle nettlesere har en lignende funksjon.

Først åpner opp din nettleser (f.eks Firefox) og gå til siden der du har satt inn koden, og velg deretter Verktøy gt; Webutvikler gt; Page Source fra nettleseren menyen delen …

Et nytt nettleservindu vil åpne opp vise kildekoden for denne siden. Bla nedover siden til du finner koden som du har satt inn (hvis du legger kode til en side i mål koden vil typisk finnes mellom lt; headgt; og lt; / headgt; tags …

Hvis du kan se koden som du har lagt på siden kilden, så vet du at koden har blitt lagt til. Hvis du opplever feil, gjenta prosessen ovenfor og sørg for at du har tastet inn koden riktig, og plassert den på riktig sted som per dine script instruksjoner.

Relaterte Guider

Kilde: swellhost.com

Legg igjen en kommentar

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

twenty − 2 =