Wéi erstellen ech Social Sharing Buttons In GeneratePress?

An dësem Tutorial wäerte mir kucken Wéi Erstellt Social Sharing Buttons In GeneratePress?

Dëst wäert Iech ouni Zweifel hëllefen d'Cross-Channel Promotioun vun Ärem Blog Post ze verbesseren. Dat am Tour wäert Är Web Präsenz erhéijen.

Ech wäert Iech weisen wéi Dir plakeg Social Sharing Buttons konstruéiert déi um Frontend vun Äre Blog Entréen schwammen. Sinn, si wäerten ëmmer fir Äre Publikum siichtbar sinn.

Mir kënnen dëst iwwer e Plugin erreechen, awer de beschten Deel ass se manuell ze konstruéieren. Sou wësst Dir datt Dir vermeit JavaScript derbäi ze ginn (killt Websäit Leeschtung) op Ärem Site.

Dës Lektioun erfuerdert datt Dir GeneratePress Premium hutt, well mir den Elements Modul benotzen.

Erstellt Social Sharing Buttons In GeneratePress Ouni Plugin

Schafen sozialen Deele Knäppercher am GeneratePress Thema ouni Plugins verlaangt Dir iwwer SVG Symboler wëssen.

SVGs si Scalable Vector Graphics. Si sinn oppe Standard Visuals (haaptsächlech als Ikonen benotzt) entwéckelt vum W3C (World Wide Web Consortium) (World Wide Web Consortium).

Virdeeler fir SVGs ze benotzen

• Si hunn eng kleng Dateigréisst déi ni d'Sitegeschwindegkeet beaflosst.
• Dir kënnt einfach Hyperlinks op SVG Ikonen addéieren.
• Si sinn einfach ze änneren mat all Vektorgrafik Software.
• SVG Symboler sinn Resolutiounsonofhängeg, wat se exzellent mécht fir Desktop, Tablet a mobil Vue.
• SVG Biller si méi SEO-frëndlech am Verglach mat konventionelle Biller.

Mir benotzen d'SVGs vun Iconmonstr. Dat heescht, net nëmmen d'Ikon, awer och d'Ikon mat sengem XML-Code.

Schrëtt 1: Add Social Sharing Buttons Code Fir Generate Press Elements Hook

Fir dëst z'erreechen, musst Dir als éischt en Neit Element an GeneratePress erstellen. Gitt op Äre WordPress Dashboard, ënner Ausgesinn, klickt op Elementer. Dëst wäert d'Elementer Säit opmaachen, klickt op Neit Element derbäi.

Soubal Dir op Add New Element geklickt hutt, GeneratePress wäert eng Dialog Fënster weisen. Klickt op Hook. Dat ass richteg, Dir braucht e GeneratePress personaliséierten Hook fir dës Aktioun.

Gitt en Numm fir dat neit Element a füügt de Code derbäi.

Wielt den Hook als Generéiere nom Header, fuert PHP aus, a setzt d'Displayregelen op Posts - All Posts.

Well mir brauchen déi sozial Deele Ikonen fir op eisem Écran Viewport ze schwammen. Et ass am beschten ugeroden Generate After Header Hook ze wielen.

De Grond firwat mir Display-Astellungen als All Posts gewielt hunn ass well Dir wëllt datt Är Benotzer Ären Inhalt op hire soziale Siten deelen.

Vergiesst net op de Publizéieren Knäppchen ze drécken.

Kopéiert de folgende Code fir datselwecht op Ärer Websäit ëmzesetzen.

Schrëtt 2: Maacht CSS Styling op Social Sharing Icons

Fir dat ze maachen, gitt op WordPress Dashboard, ënner Ausgesinn, klickt op Customize.

Dëst wäert den GeneratePress Thema Customizer opmaachen. Hei gitt de ganze Wee erof a klickt op Zousätzlech CSS.

Paste de folgende CSS Code fir vergläichbar Styling. Dir sidd erlaabt CSS no Ären Ufuerderungen unzepassen.

Schrëtt 3: Finale Resultat vu Social Sharing Buttons In GeneratePress

Endlech, hei ass wéi de sozialen Deel Ikonen solle wéi op Ärer Websäit ausgesinn. Denkt drun datt mir se vun uewen op 70% vum Écran Viewport schwammen gemaach hunn.

Virdeeler vu Social Sharing Buttons In GeneratePress (Ouni Plugin) (Ouni Plugin)

D'Benotzung vu SVGs vun Iconmonstr mécht Är Ikonen ganz liicht
Et gëtt keng Aart vu JavaScript Code involvéiert.

Andeems Dir dës Strategie benotzt, installéiert Dir keen Drëtt Partei Plugin
Et ass reaktiounsfäeger.

All d'Knäppercher funktionnéieren onheemlech séier fir den Zweck ze deelen.

Konklusioun: Wéi erstellen ech Social Sharing Buttons In GeneratePress?

Elo hutt Dir entdeckt wéi Dir Social Sharing Buttons an GeneratePress konstruéiert andeems Dir Code a Plugins benotzt.

Benotzt d'Optioun déi einfach fir Iech ass an déi déi Är Ufuerderung entsprécht. Gitt w.e.g. fräi fir de PHP an / oder CSS Code aus dem Artikel z'änneren.