Legge til en Google +1-knapp til WordPress-bloggen din

Hyped som den neste store siden siden Facebook 'Like' - denne veiledningen forklarer hvordan du legger til Google +1-knappen på nettstedet ditt og utvider ditt sosiale nettverk. Jeg fant ut at et plugin ikke fungerte for meg med en annen tredjeparts plugin, og jeg trengte en løsning, så her er det for deg å bruke! Denne opplæringen vil vise deg hvordan du gjør noen enkle modifikasjoner på WordPress-bloggen din for å vise knappen - uten å bruke et plugin.

I Googles egne ord: +1-knappen er stenografi for "dette er ganske kult" eller "du bør sjekke dette ut."

Krav: For å +1 innlegg eller se på din egen +1 statistikk, trenger du en Google-profil. Etter min mening bør alle webansvarlige ha en (for å gjøre bruk av de utmerkede Googles verktøy for nettredaktører), men hvis du ikke gjør det, vennligst besøk følgende lenke: Google: Ny konto.


Introduksjon

Google +1-knappen er sett av noen som et trekk fra Google for å lukke gapet mellom dem og Facebook. Hvorvidt dette er tilfelle, er det sannsynlig at dette vil bli veldig populært i likhet med "like" -knappen og ikke bør ignoreres av webmastere.

Denne opplæringen vil vise deg hvordan du gjør noen enkle modifikasjoner på WordPress-bloggen din for å vise knappen - uten å bruke et plugin. Jeg fant ut at et plugin ikke fungerte for meg med en annen tredjeparts plugin, og jeg trengte en løsning, slik at det er her for deg alle å bruke!


Trinn 1 Ring til JavaScript-koden fra Temaets Footer-fil

Det første du må gjøre er å legge til en kodekode rett før tag i tematets footer-mal. For å gjøre dette, bare logg inn på WordPress Dashboard og klikk på: Utseende> Editor.

På den høyre menyen bør du se en liste over filer som kan redigeres. Velg Footer (footer.php) filen fra denne listen. Vi skal legge til et lite stykke kode her for å ringe JavaScript fra Googles server som vil håndtere funksjonen til knappen.

I redigeringsprogrammet ruller du ned til du finner tag og kopier / lim inn følgende kode direkte over den.

 

Klikk deretter på Oppdater fil knappen under koden.

Merk: I enkelte temaer kan du ikke få tilgang til footer.php-filen, eller finne tag i det. I så fall må du skrive inn følgende kode i temaets funksjonsfil (functions.php)

 funksjon show_google_plus_one () echo '';

add_action ('wp_footer', 'show_google_plus_one');

Dette hooks inn i WordPress og vil løpe hver gang malen ringer

wp_footer
funksjon.

Det er det! Nå er det på tide å legge til knappen på nettstedet ditt.


Trinn 2 Velge knappen

Knappen kan styles på flere måter. Den enkleste måten å velge, er å besøke nettstedet Google +1 og opprette en egendefinert knapp: Google +1 ditt nettsted

Når du har valgt din preferanse, er du klar til å sette inn koden på nettstedet ditt!


Trinn 3 Legge til knappen

Nå er det på tide å bestemme hvor du vil at knappen skal vises på nettstedet ditt. Det typiske stedet for å bruke dette er øverst på enkelte innlegg. Du kan allerede ha Facebook 'like' -knappen installert, så ved siden av kan det være en god start. Når du har bestemt deg, gå tilbake til oversikten og i samme vindu (Utseende> Editor) velg Single Post (single.php) fra høyre meny. Finn området du vil at knappen skal vises og lim inn koden fra Google +1-knappens nettsted i din single.php-malfil, og trykk deretter på UpdateFile knappen og det er det!

я


Wrapping Up

Jeg er sikker på at det er hundre andre gode måter å oppnå dette på (og ja, det må være mange flotte plugins som kan fungere for deg også), men jeg håper denne lille opplæringen vil hjelpe noen der ute som prøver å gjøre dette på egen hånd. Hvis du har noen måter å forbedre dette på (eller du har noen spørsmål), gi meg en rop i kommentarene!