1. Використовуючи плагіни. Плюси - зручність налаштувань, мінуси - велике навантаження на сайт.
2. За допомогою конструкторів різних сервісів. Переваги і недоліки ті ж, що і у першого способу, гнучкі настройки і збільшення часу завантаження сайту.
3. Самостійно додавши код в шаблон WordPress. Найлегший варіант. Кнопки практично не навантажують сайт, але для їх установки потрібні хоча б початкові знання в html.
У цього способу є і мінуси. По-перше, сервіс іноді буває недоступний з різних причин і тоді кнопки висять на сайті марними картинками і другий, мабуть, головний недолік - сторонні скрипти, а також плагіни значно збільшують час завантаження сторінки. Зауважу, пошукові системи звертають на це увагу.
Встановивши кнопки популярного сервісу share.pluso.ru мені стало цікаво як сильно вони навантажують сайт і я перевірив швидкість його завантаження по сервісу WebPageTest.org.
Скрипт кнопок додав 3 запити до бази даних, а загальний час завантаження 3 файлів склало в середньому 1 сек. Добре це чи не дуже думаю залежить від кожного конкретного випадку.
Крім використання сторонніх сервісів кнопки соцмереж можна легко встановити, самостійно додавши код в шаблон WordPress.
Гідність цього способу в тому, що він практично не впливає на час завантаження сторінки.
Далі я опишу гнучкий код, що дозволяє розмістити блок кнопок під статтею на сайті, або в сайдбарі, або у вигляді вертикальної лінійки кнопок в лівій частині екрана.
Кнопки в кінці статті
Це можна зробити через файловий браузер в особистому кабінеті хостингу або за допомогою FTP клієнта. Спосіб роботи з файлами на сайті за допомогою FTP описаний в статті Як зняти обмеження WordPress на завантаження файлів в 2МБ.
Не забудьте замість моїх посилань і заглушок href = "#" поставити справжні посилання на ваші сторінки в соцмережах.
Далі в файл style.css. який знаходиться в тій же директорії, в самий кінець додамо рядки:
Цей код задає оформлення кнопок і незважаючи на те, що здається трохи більшим, він дозволяє з легкістю встановлювати кнопки практично в будь-якому місці на сайті.
Власне це все кроки. Тепер під кожною статтею на сайті з'явиться два блоки кнопок.
Для цього в файл header.php відразу ж після тега:
Щоб прибрати білий фон, змініть або видаліть властивість «background-color: #dfdfdf;» в файлі style.css:
social_vertical ul З приводу 500 помилки, складно відповісти не дивлячись.
Як варіант, перевірте роботу js-скриптів. Один з них обробляє html-теги, імена класів ..., використовувані в коді кнопок. Сервер генерує 500 помилку, якщо скрипт довгий час не відповідає.Схожі статті