TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

Як додати та налаштувати соціальні значки у WordPress?

9

WordPress має межі для розробників плагінів та тем. Це допомагає не змішувати функції теми з функціями плагінів. Це дуже допомагає при зміні теми, оскільки впливає лише на зовнішній вигляд, а не на функції. Тим не менш, багато популярних тем використовують соціальні значки відстеження та спільного використання як частину шаблонів тем. Також має сенс не встановлювати додатковий соціальний плагін для підвищення швидкості та конфіденційності. Нарешті, WordPress включив віджет соціальних іконок як частину редактора Гутенберга з версії 5.4. У цій статті ми розглянемо, як вставити соціальні значки на сайт WordPress.

Пов’язані: Як вставити та налаштувати соціальні значки у Weebly?

Піктограми соціального доступу та слідування

Соціальні іконки мають дві функції – одна дозволяє користувачам ділитися сторінкою, а інша – стежити за вашими профілями в соціальних мережах. Значки відстеження в соціальних мережах прості і містять статичну URL -адресу профілю. Однак для значків спільного доступу потрібен певний сценарій для включення поточної URL -адреси сторінки, коли користувач натискає на неї для спільного використання. Він також повинен забрати зображення та опис, щоб створити віджет для спільного використання (наприклад, відкритий графік у картках Facebook або Twitter ).

Тепер ви знаєте різницю між спільним використанням та дотриманням соціальних іконок. З точки зору зручності використання, іконки спільного доступу повинні знаходитися на тому самому місці в макеті сайту, тоді як значки слідування мають бути віджетом, який користувач може вставляти куди завгодно.

Вставте соціальні значки у WordPress

WordPress представив віджет Social Icons у версії 5.4. Однак назва "Соціальні іконки" може вас збентежити. Це простий блок значків соціальних мереж, які ви можете вставити будь -де на своїй публікації чи сторінці та додати URL -адреси свого соціального профілю.

  • По -перше, не забудьте оновити версію WordPress до 5.4 або пізнішої версії та скористатися редактором або плагіном Гутенберга.
  • Коли ви перебуваєте в редакторі Гутенберга, натисніть «Додати блок» + значок.
  • Введіть "соціальний" і знайдіть блок "Соціальні іконки" в розділі "Віджети".
  • Натисніть на блок «Соціальні іконки», щоб вставити свій вміст.

Як додати та налаштувати соціальні значки у WordPress?

Вставте соціальні значки у WordPress

Налаштування віджетів соціальних іконок у Гутенберзі

За замовчуванням у блоці «Соціальні іконки» спочатку відображатиметься кілька піктограм із піктограмою WordPress.

Як додати та налаштувати соціальні значки у WordPress?

Блок соціальних іконок у Гутенберзі

Ви можете налаштувати іконки, подібні до будь -яких інших блоків Гутенберга.

Як додати та налаштувати соціальні значки у WordPress?

Налаштування блоку соціальних іконок у WordPress

  • Натисніть на піктограму, щоб додати посилання на свій соціальний профіль для цієї піктограми.
  • Ви можете змінити мітку на бічній панелі налаштувань "Блокувати". Мітка корисна для людей із вадами зору для використання у програмі зчитування з екрана.
  • Ви можете додати власний клас CSS під опцією «Додатково».
  • Перемістіть стрілку в блоці, щоб перемістити вибрану піктограму вліво або вправо. Таким чином, ви можете налаштувати розташування піктограм на свій смак.

Коли ви натискаєте за межами блоку, будуть видимі лише значки з URL -адресою. Ви можете додати додаткові значки, натиснувши кнопку + у блоках соціальних іконок. Він працює як блок всередині блоку (як блок стовпців). Він також дозволяє шукати соціальну піктограму серед доступних значків.

Як додати та налаштувати соціальні значки у WordPress?

Шукайте соціальні блоки

Крім того, ви також можете вставляти власні посилання за допомогою блоку "Посилання". Оскільки кожна піктограма є блоком, ви можете видалити невикористані соціальні значки з віджета. Ми рекомендуємо вам видалити невикористані значки, щоб зберегти бекенд -код у чистоті.

Зміна дисплея

Коли ви закінчите з додаванням посилань на профіль, у вас є можливість вирівняти значки вліво, вправо або по центру. Крім того, ви можете змінити стиль значків, вибравши одну з доступних опцій.

Як додати та налаштувати соціальні значки у WordPress?

Змінити стиль соціальних іконок

Поточний віджет соціальних іконок має три стилі:

  • За замовчуванням – значок всередині заповненого кола
  • Тільки логотипи – відображає лише логотип бренду без заповнення
  • Форма таблетки – змініть стиль на овальну пілюлю з піктограмами та заливкою

Ми сподіваємось, що в майбутньому буде більше варіантів стилізації ваших ікон.

Повторне використання соціальних іконок

Найкраще, що ви можете натиснути на налаштування трьох крапок і включити значки соціальних мереж для включення до "Блоків багаторазового використання".

Як додати та налаштувати соціальні значки у WordPress?

Додати до багаторазових блоків

Ви можете вставити блок соціальних іконок багаторазового використання будь -де на своєму сайті без необхідності кожного разу відтворювати його.

Помилка перегляду HTML -коду

На даний момент ви не можете отримати HTML -код соціального віджета, і він показує невирішену помилку.

  • Натисніть на піктограму налаштування трьох точок у блоці соціальних іконок і виберіть «Змінити як HTML».
  • Знову натисніть на кнопку з трьома крапками та виберіть «Змінити візуально», щоб візуально повернути значки.

На жаль, у блоці є якась помилка, і він покаже вам помилку недійсного вмісту при перемиканні HTML та візуальних режимів.

Як додати та налаштувати соціальні значки у WordPress?

Помилка блокування соціальних іконок

Ми також не бачимо можливості виправити помилку та повернути блок назад.

Як додати та налаштувати соціальні значки у WordPress?

Помилка під час перемикання HTML та візуального коду

Ми сподіваємось, що ця помилка буде виправлена ​​в майбутніх версіях. Тому що ви можете використовувати HTML на бічній панелі або віджеті нижнього колонтитула, якщо це працює.

Вставка іконок спільного доступу до соціальних мереж

У WordPress немає параметрів за замовчуванням для вставлення значків соціального доступу на ваш сайт. Якщо у вашій темі немає вбудованих значків спільного доступу, єдиний спосіб-пошукати сторонні плагіни, і у вас є багато доступних як безкоштовно, так і преміум-класів. Однією з наших улюблених є преміальні прості кнопки соціального доступу, які можна придбати за 22 долари. Якщо ви хочете встановити безкоштовний плагін, ознайомтесь із цим списком безкоштовних плагінів для соціальних мереж, щоб знайти відповідний для вас.

Як уже згадувалося, не має сенсу мати блок соціального спільного доступу в Гутенберзі, оскільки не зручно вставляти іконки в кожну публікацію.

Джерело запису: www.webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі