Kaip sukurti socialinio bendrinimo mygtukus „GeneratePress“?

Šioje pamokoje mes apžvelgsime Kaip sukurti socialinio bendrinimo mygtukus „GeneratePress“.?

Tai neabejotinai padėtų jums pagerinti tinklaraščio įrašo reklamavimą keliuose kanaluose. Tai savo ruožtu padidins jūsų buvimą internete.

Parodysiu, kaip sukurti lipnius socialinio bendrinimo mygtukus, kurie plūduriuoja jūsų tinklaraščio įrašų priekinėje dalyje. Tai reiškia, kad jie visada bus matomi jūsų auditorijai.

Tai galime pasiekti naudodami papildinį, tačiau geriausia juos sukurti rankiniu būdu. Taip žinosite, kad savo svetainėje vengiate pridėti „JavaScript“ (mažina svetainės našumą).

Šioje pamokoje reikia turėti „GeneratePress Premium“, nes mes naudosime elementų modulį.

Sukurkite socialinio bendrinimo mygtukus „GeneratePress“ be papildinio

Kurdami socialinio bendrinimo mygtukus „GeneratePress“ temoje be papildinių, turite žinoti apie SVG piktogramas.

SVG yra keičiamo dydžio vektorinė grafika. Tai yra atviri standartiniai vaizdai (daugiausia naudojami kaip piktogramos), kuriuos sukūrė W3C (World Wide Web Consortium) (World Wide Web Consortium).

SVG naudojimo pranašumai

• Jie turi mažą failo dydį, kuris niekada neturi įtakos svetainės greičiui.
• Galite lengvai pridėti hipersaitus prie SVG piktogramų.
• Jie lengvai modifikuojami naudojant bet kokią vektorinės grafikos programinę įrangą.
• SVG piktogramos nepriklauso nuo skiriamosios gebos, todėl puikiai tinka darbalaukio, planšetinio kompiuterio ir mobiliojo telefono peržiūrai.
• SVG nuotraukos yra labiau pritaikytos SEO, palyginti su įprastais vaizdais.

Mes naudosime SVG iš Iconmonstr. Reiškia, ne tik piktograma, bet ir piktograma su jos XML kodu.

1 veiksmas: pridėkite socialinio bendrinimo mygtukų kodą, kad sukurtumėte „Press Elements Hook“.

Norėdami tai padaryti, pirmiausia turėsite sukurti naują elementą „GeneratePress“. Eikite į „WordPress“ informacijos suvestinę, skiltyje Išvaizda spustelėkite Elementai. Bus atidarytas elementų puslapis, spustelėkite Pridėti naują elementą.

Kai tik spustelėsite Pridėti naują elementą, Generuoti spaudą parodys dialogo langą. Spustelėkite Kabliukas. Tai tiksliai, jums reikia „GeneratePress“ tinkinto kablio, kad galėtumėte atlikti šį veiksmą.

Pavadinkite naują elementą ir pridėkite kodą.

Pasirinkite kabliuką kaip generuoti po antraštės, paleiskite PHP ir nustatykite rodymo taisykles į Posts – All Posts.

Kadangi mums reikia, kad socialinio bendrinimo piktogramos plūduriuotų mūsų ekrano peržiūros srityje. Geriausia pasirinkti Generuoti po antraštės kabliuko.

Priežastis, kodėl pasirinkome rodymo nustatymus kaip Visi įrašai, yra ta, kad norėtumėte, kad jūsų naudotojai bendrintų jūsų turinį savo socialinėse svetainėse.

Nepamirškite paspausti mygtuko Publikuoti.

Nukopijuokite toliau pateiktą kodą, kad įdiegtumėte tą patį savo svetainėje.

2 veiksmas: atlikite CSS stilių ir socialinio bendrinimo piktogramas

Norėdami tai padaryti, eikite į „WordPress“ prietaisų skydelį, skiltyje „Išvaizda“ spustelėkite Tinkinti.

Bus atidarytas „GeneratePress“ temos tinkinimo įrankis. Čia eikite iki galo ir spustelėkite Papildomas CSS.

Įklijuokite šį CSS kodą, kad galėtumėte palyginti stilių. Jums leidžiama koreguoti CSS pagal savo poreikius.

3 veiksmas: galutinis socialinio bendrinimo mygtukų rezultatas „GeneratePress“.

Galiausiai, štai kaip socialinis bendravimas piktogramos turėtų atrodyti taip, kaip jūsų svetainėje. Atminkite, kad mes padarėme juos plaukiojančius iš viršaus 70 % ekrano peržiūros srities.

„GeneratePress“ socialinio bendrinimo mygtukų privalumai (be papildinio) (be papildinio)

Naudojant SVG iš Iconmonstr, jūsų piktogramos tampa labai lengvos
Jame nėra jokio JavaScript kodo.

Naudodami šią strategiją neįdiegsite jokio trečiosios šalies papildinio
Jis reaguoja.

Visi mygtukai veiks neįtikėtinai greitai bendrinimo tikslais.

Išvada: Kaip sukurti socialinio bendrinimo mygtukus „GeneratePress“?

Dabar jūs sužinojote, kaip sukurti socialinio bendrinimo mygtukus „GeneratePress“ naudojant kodą ir papildinius.

Naudokite jums paprastą ir jūsų poreikius atitinkančią parinktį. Nedvejodami redaguokite PHP ir (arba) CSS kodą iš straipsnio.