Вдосконалюємо стандартні віджети в wordpress

Вдосконалюємо стандартні віджети в wordpress
Управляти елементами сайдбара за допомогою віджетів в WordPress більш наочно і просто ніж вносити зміни безпосередньо в шаблон сайту. Єдиною складністю може стати недостатня гнучкість в їх налаштування, особливо, якщо мова йде про стандартні віджети. Переглядаючи деякі статті на wpbeginner.com знайшов парочку цікавих плагінів, які допоможуть вирішити деякі специфічні завдання для віджетів. Комутаторів для послуг не складні, виконують, по суті, одну функцію, але роблять при цьому вирішення питання наочним і простим (без необхідності колупатися в шаблонах або файлах системи). Про чомусь схожому я писав раніше в статті про плагін Widget Logic. який додавав умовні оператори в віджети.

Як приховати заголовок віджета в WordPress?

Вам потрібно буде зайти в розділ «Зовнішній вигляд» - «Віджети» і додати знак оклику «!» Перед заголовком того віджета, для якого хочете приховати тайтл.

Вдосконалюємо стандартні віджети в wordpress

В даному прикладі перші два віджету мають позначку «!» Тому в підсумку на сайті їх заголовки будуть приховані. Останній же залишився без змін, буде виводитися в сайдбарі як і раніше.

Вдосконалюємо стандартні віджети в wordpress

Теоретично подібні трюки можна зробити за допомогою CSS стилів, але тут є свої нюанси. По-перше, завдання не тільки в прихованні тексту, що виконується елементарно, потрібно розбиратися з відступами так щоб це не впливало на інші віджети. У підсумку це може вилитися в безліч CSS коду і хаков - простіше просто не виводити тайтл. По-друге, плагін Remove Widget Titles дає можливість самому користувачеві визначати де виводити заголовки, а де приховувати без необхідності звернення до розробника і вникання в стилі і код.

Як додати посилання в заголовок віджета?

Для кожного віджета буде додано додаткове поле «Title Link» куди по бажаю можна вставити посилання.

Вдосконалюємо стандартні віджети в wordpress

Розширення можливостей базових віджетів

Візьмемо, наприклад, віджет архівів.

Вдосконалюємо стандартні віджети в wordpress

Ще один приклад - хмара тегів. У базовому віджеті можете вибрати тільки якісь записи відображати + ввести заголовок. Спеціальна функція wp_tag_cloud допоможе розробнику підправити хмара тегів під свої потреби, але пересічний користувач wordpress навряд чи в усьому цьому розбереться. Після установки Widgets Reloaded віджет буде мати куди більше налаштувань.

Вдосконалюємо стандартні віджети в wordpress

Фактично всі опції базових функцій вордпресс розробник виніс як полів віджета щоб кожен користувач зміг поміняти потрібні налаштування. Як на мене, - дуже зручно, доступно і наочно. Те ж саме можна сказати і про попередні плагинах. Розробникам змінити певні нюанси відображення віджетів не проблема, але звичайним користувачам подібні віджети будуть вкрай корисні.

Сподобався пост? Підпишись на оновлення блогу по RSS. Email або twitter.

Безліч перепробуваних мною варіантів ні до чого позитивного не привели, на жаль (((
Максимум, що виходило, це зробити маркований список з квадратними «бульками», навіть не дивлячись на те, що всі значення «square» всюди були змінені на «disc». І текст в віждетах підкреслювався. Не дуже красиво виходило.
Чогось я не наздоганяю в php.
Мій код style.css, відповідальний за цю ділянку:
.widget-area ul list-style: none;
margin-left: 0;
>
.widget-area ul ul list-style: square;
margin-left: 1.3em;
>
.widget_search #s / * This keeps the search inputs in line * / width: 60%;
>

Mars, тут потрібно продовжувати експериментувати :) всі шаблони різні і у всіх свої стилі. Є може бути таке, що стиль «перекривається» якимось іншим css файлом з теми. В такому випадку допишіть щось подібне до:
dist-style: disc! important;

Спасибі, буду продовжувати :)
Хоча, часу зовсім немає на експерименти. Після основної роботи, у вільний час, я досить успішно пишу на Textsale. Правда, робота там майже зупинилася, так як мої нові сайти настійно вимагають уваги до себе)))
Постарайтеся, будь ласка, це повідомлення не публікувати. Чи не для всіх воно :)

Tod, Ви Геній! Вийшло! Всього-то одне слово треба було додати :) Схоже, до одного елементу зверталися два взаємовиключних селектора, і дійсно, як Ви і сказали, треба було додати додатковий атрибут! Important.