Добавяне на плаващ панел с бутони за социални медии

В началото на търсенето на решение за показване на плаващ панел с бутони за социални отметки, реших да потърся плъгин за wordpress, който да се справи със задачата. Намерих един, оказа се приставката Sharebar, която може да се изтегли от http://wordpress.org/extend/plugins/sharebar/ . Лесно се инсталира, настройките са лесни, но не бях доволен от него - зареди добре ресурса за мен, скоростта на зареждане на блога се увеличи до 8 секунди и това с малък брой плъгини и графики. Естествено, този вариант не ме устройваше.

добавяне

Получаваме .zip архив, разопаковайки го, виждаме папка с икона, демо файл и скрипт, който трябва да бъде инсталиран в главната папка на сайта, докато вие също ще трябва да посочите пътя към снимките в скрипта.

Следователно, първо, използвайки ftp клиент, качвам папка с икони, имам тази папка „i“ в главната директория на моя ресурс, тоест в super-womens.ru\public_html\

панел

добавяне

Запазвам промените и прехвърлям вече модифицирания скрипт в основната директория на блога, където хвърлих и папката с икони.

Сега е необходимо да се направят някои промени в използвания шаблон, за да се посочи наличието на скрипта. Затова отидете в раздела Облик - Редактиране и първо отворете файла header.php за редактиране и напишете следните два реда между таговете:

Първият ред ви позволява да свържете библиотеката jQuery, ако все още не е свързана, но вторият ред вече свързва скрипта, отговорен за плаващия панел, тук просто трябва да напишете пътя към папката вместо думата „път“ и да обърнете внимание на името на скрипта, тъй като различните опции го наричат ​​по различен начин: socializ.js, socializ_2.js, socializ_3.js

добавяне

Спестяваме произведенотопромени и отворете следващия файл за редактиране - single.php. В него трябва да намерите линията (стрелка 1)

добавяне

Запазвам промените, актуализирам блога, отивам на всяка статия и виждам отражението на плаващия панел вляво.

добавяне

Естествено, веднага проверявам отново скоростта на зареждане на блога с помощта на услугата http://tools.pingdom.com и бях изненадан от резултатите, скоростта на зареждане на блога беше 1 секунда.

Е, резултатът надмина всичките ми очаквания, този скрипт наистина не създава ненужно натоварване, лесен е за инсталиране, не добавя ненужни външни връзки. Мисля, че появата на плаващ панел с бутони за социални мрежи също ще бъде удобна за използване от читателя. Можете да тествате работата на такъв панел на уебсайта http://super-womens.ru

Това е всичко. Всички успешни експерименти и ще се видим отново в блога „Seo Notes Desperate“

Може би ще се интересувате от: