Cum se creează butoane de partajare socială în GeneratePress?

În acest tutorial, ne vom uita la Cum se creează butoane de partajare socială în GeneratePress?

Acest lucru vă va ajuta, fără îndoială, să îmbunătățiți promovarea pe mai multe canale a postării dvs. de blog. Aceasta, la rândul său, vă va crește prezența pe web.

Vă voi arăta cum să construiți butoane lipicioase de partajare socială care plutesc în partea din față a intrărilor dvs. de blog. Adică, ele vor fi întotdeauna vizibile pentru publicul tău.

Putem realiza acest lucru prin intermediul unui plugin, dar cea mai bună parte este să le construim manual. În acest fel, știți că evitați să adăugați JavaScript (oferă performanța site-ului) pe site-ul dvs.

Această lecție necesită să aveți GeneratePress premium, deoarece vom folosi modulul Elements.

Creați butoane de partajare socială în GeneratePress fără plugin

Crearea butoanelor de partajare socială în tema GeneratePress fără pluginuri necesită să știți despre pictogramele SVG.

SVG-urile sunt grafice vectoriale scalabile. Sunt imagini standard deschise (utilizate în principal ca pictograme) dezvoltate de W3C (World Wide Web Consortium) (World Wide Web Consortium).

Beneficiile utilizării SVG-urilor

• Au o dimensiune mică de fișier care nu afectează niciodată viteza site-ului.
• Puteți adăuga cu ușurință hyperlinkuri la pictogramele SVG.
• Sunt ușor de modificat cu orice software de grafică vectorială.
• Pictogramele SVG sunt independente de rezoluție, ceea ce le face excelente pentru vizualizarea desktop, tabletă și mobil.
• Imaginile SVG sunt mai prietenoase cu SEO în comparație cu imaginile convenționale.

Vom folosi SVG-urile de la Iconmonstr. Adică nu numai pictograma, ci și pictograma cu codul său XML.

Pasul 1: Adăugați codul butoanelor de partajare socială pentru a genera cârligul de elemente de presare

Pentru a realiza acest lucru, mai întâi va trebui să creați un element nou în GeneratePress. Accesați tabloul de bord WordPress, sub Aspect, faceți clic pe Elemente. Aceasta va deschide pagina Elemente, faceți clic pe Adăugare element nou.

De îndată ce ați făcut clic pe Adăugați un element nou, GeneratePress va afișa o fereastră de dialog. Faceți clic pe Hook. Este exact, aveți nevoie de un cârlig personalizat GeneratePress pentru această acțiune.

Dați un nume noului Element și adăugați codul.

Selectați cârligul ca generare după antet, executați PHP și setați regulile de afișare la Postări – Toate postările.

Deoarece avem nevoie ca pictogramele de partajare socială să plutească în fereastra de vizualizare a ecranului. Cel mai bine este să selectați Generare după cârlig antet.

Motivul pentru care am ales setările de afișare ca Toate postările este că ați dori ca utilizatorii să vă distribuie conținutul pe site-urile lor de socializare.

Nu uitați să apăsați butonul Publicare.

Copiați următorul cod pentru a implementa același lucru pe site-ul dvs. web.

Pasul 2: Efectuați stilul CSS la pictogramele de partajare socială

Pentru a face acest lucru, accesați tabloul de bord WordPress, sub Aspect, faceți clic pe Personalizare.

Aceasta va deschide personalizarea temei GeneratePress. Aici mergeți până la capăt și faceți clic pe CSS suplimentar.

Lipiți următorul cod CSS pentru un stil comparabil. Aveți voie să ajustați CSS în funcție de cerințele dvs.

Pasul 3: Rezultatul final al butoanelor de partajare socială în GeneratePress

În cele din urmă, iată cum partajarea socială pictogramele ar trebui să arate ca pe site-ul dvs. Amintiți-vă că le-am făcut să plutească de sus la 70% din fereastra de vizualizare a ecranului.

Beneficiile butoanelor de partajare socială în GeneratePress (fără plugin) (fără plugin)

Utilizarea SVG-urilor de la Iconmonstr face pictogramele dvs. foarte ușoare
Nu este implicat niciun fel de cod JavaScript.

Folosind această strategie, nu instalați niciun plugin terță parte
Este receptiv.

Toate butoanele vor funcționa incredibil de rapid în scopul partajării.

Concluzie: Cum se creează butoane de partajare socială în GeneratePress?

Acum ați descoperit cum să construiți butoane de partajare socială în GeneratePress utilizând cod și pluginuri.

Utilizați opțiunea care vă este ușoară și cea care vă satisface cerințele. Vă rugăm să nu ezitați să editați codul PHP și/sau CSS din articol.