Hvordan legge til en knapp til en blogg for Kildekode på WordPress

Utviklere ofte ønsker å vise at de ulike kreative måter de kommer opp med å løse problemer og implementere funksjoner. Noen ganger er dette for opplæringen nettsteder, hjelpe nybegynnere å lære ins og outs av nettstedet koding. Andre ganger er det kun for å vise frem. Uansett årsak, kan du legge til en knapp til en WordPress blogg som vil umiddelbart få opp HTML-kildekoden for hva side brukeren er på på den tiden.

Bruksanvisning

Hvordan legge til knappen til din Sidebar

1 Logg inn på din WordPress admin kontrollpanelet. Klikk "Utseende" og deretter "Widgets".

2 Dra en "Text" widget fra det store området i midten til sidepanelet til høyre. Flytt widget til posisjonen på sidelinjen der du vil at knappen skal gå. De andre widgets vil automatisk skifte for å gi plass som du gjør det. Når du har bestemt deg for en posisjon, skriv inn en tittel i "Tittel" tekstfeltet, vil noe beskrivende som "Vis kildekode for denne siden" være effektive. Deretter legge til følgende kode i "Text" område:

<Form>

<Input type = "button" value = "View Source"

onclick = 'window.location = "view-source:" + window.location.href'>

</ Form>

Du kan også skrive noe annet beskrivende tekst du vil vise rundt knappen i her også - bare sørg for å skrive det utenfor <form> tags.

3 Klikk "Lagre" når du er ferdig. Knappen vil nå vises på sidelinjen.

Hvordan legge til knappen til individuelle innlegg

4 Logg inn på din WordPress admin området. Klikk "innlegg", deretter enten "Legg til ny" for å starte et nytt innlegg, eller klikk på tittelen på innlegget som du vil legge til på knappen.

5 Klikk på "HTML" fanen øverst til høyre i hovedredigeringsområdet. Dette gjør at du kan legge til koden manuelt til innlegget.

6 Plasser markøren på det punktet i innlegget du vil at knappen skal vises, og deretter skrive inn følgende kode:

<Form>

<Input type = "button" value = "View Source"

onclick = 'window.location = "view-source:" + window.location.href'>

</ Form>

7 Klikk "Publiser" hvis dette er et nytt innlegg, eller "Update Post" hvis du legger på knappen til en eksisterende post. Knappen vil nå vises i innlegget.