Tegye fel a közösségi hálózatok gombjait kézzel, plug-inek nélkül

1. Pluginok használata. Előnyök - kényelem beállítások, hátrányok - nagy terhelés a helyszínen.
2. A különböző szolgáltatások tervezőinek használata. Az előnyök és hátrányok megegyeznek az első módszerrel, rugalmas beállításokkal és növelik az oldal betöltési idejét.
3. Adja hozzá a kódot a WordPress sablonhoz. A legegyszerűbb lehetőség. A gombok gyakorlatilag nem töltik be a webhelyet, de a telepítéshez legalább a kezdeti tudás szükséges a html-ben.

Ennek a módszernek vannak hátrányai. Először is, a szolgáltatás néha nem áll különböző okok miatt, majd tegye gomb helyén haszontalan képeket és a második, talán a fő hátránya - a harmadik féltől származó szkript és plug-inek nagyban növeli az oldalak betöltési ideje. Észrevettem, hogy a keresőmotorok erre figyelnek.

A gombok telepítése népszerű szolgáltatás share.pluso.ru Érdeklődöm attól, hogy mennyit töltenek be a webhelyen, és ellenőrizte a terhelés sebességét a WebPageTest.org szolgáltatáson.

A gombszkript 3 lekérdezést adott az adatbázisba, és 3 fájl átlagos letöltési ideje átlagosan 1 mp. Jó, vagy nem nagyon hiszem, hogy minden ügytől függ.

A harmadik féltől származó szolgáltatásokon kívül a social network gombok egyszerűen telepíthetők hozzáadásával a WordPress sablon kódjának hozzáadásával.

Ennek az eljárásnak az az előnye, hogy gyakorlatilag nem befolyásolja az oldal betöltési idejét.

Ezt követően egy rugalmas kódot fogok leírni, amely lehetővé teszi, hogy a cikk bal oldalán található egy cikket egy oldalsávon vagy egy függőleges vonalzó gombok formájában helyezzen el a webhelyen.

Tegye fel a közösségi hálózatok gombjait kézzel, plug-inek nélkül

A cikk végén található gombok

Ezt egy fájl böngészővel lehet elvégezni a tárhely személyes szekrényében vagy egy FTP kliens használatával. A FTP-n keresztül a webhelyen található fájlok kezelésének módját a cikk Hogyan írja le a WordPress korlátozását a fájlok 2 MB-os letöltésére vonatkozó cikkében.

Ne felejtsd el, a linkek és a csonkjaim helyett href = "#" igazi linkeket helyeztek el oldalaihoz a közösségi hálózatokban.

A file style.css fájl mellett. amely ugyanabban a könyvtárban található, és a legvégén hozzáadjuk a sorokat:

Ez a kód határozza meg a gombok megjelenését, annak ellenére, hogy kicsit nagynak tűnik, lehetővé teszi, hogy könnyen telepítse a gombokat szinte a webhely bármely pontjára.

Valójában ezek mind lépések. Most a weboldal minden cikkében két gombblokk lesz.

Ehhez menjen a header.php fájlba közvetlenül a címke után:

A fehér háttér eltávolításához módosítsa vagy törölje a style.css fájl "background-color: #dfdfdf;" tulajdonságát:

social_vertical ul

Mintegy 500 hiba, nehéz keresni anélkül, hogy megnéznéd.
Opcióként ellenőrizze a js-scriptek munkáját. Az egyik feldolgozza a html-címkéket, az osztályneveket ..., amelyeket a gombok kódjában használnak. A kiszolgáló 500 hibát generál, ha a szkript nem reagál sokáig.

Kapcsolódó cikkek