Wordpress Inside - сайдбар
Все публикации для тега сайдбар.
Создание своего виджета на основе базового (extends WP_Widget)
Увы, у меня пока нет времени для написания большого поста про создание виджетов со всеми тонкостями и нюансами, поэтому просто рассмотрю одну интересную задачу по этой теме (данный опыт многим пригодится). Мне требовалось изменить формат отображения списка последних комментариев в сайдбаре. Изначально думал найти хаки, как для настройки виджета архивов, но ничего подходящего не было. Ставить какой-то плагин последних комментариев не хотелось, и я придумал кое-что поинтереснее. Почему бы не использовать базовую функциональность WordPress?
Настройка виджета архивов в WordPress (базовый + плагины)
Ранее в блоге я делал подборку плагинов для страницы архива в Вордпресс, а сегодня поговорим про виджет, который отображается в сайдбаре/футере сайта. Данный элемент частенько встречается в блогах или новостных сайтах – с его помощью посетитель может быстро перейти к чтению статей за определенный день/месяц/год. Сейчас этот информационный блок не так популярен, но кое-где его все еще можно увидеть. Ниже рассмотрю плагины, помогающие быстро и легко его настроить дабы не вникать в WordPress сниппеты и коддинг.
Виджет социальных ссылок и добавление протокола wp_allowed_protocols
Обычно при создании сайтов/блогов кроме основной области контента добавляются 1-2 боковые колонки с разными информационными блоками. В WordPress для реализации этой задачи используются виджеты – это может быть список ссылок, баннеры, краткое описание проекта либо отображение случайных цитат. Сегодня рассмотрим плагин Meks Smart Social Widget, позволяющий легко выводить иконки со ссылками на профили социальных сетей и сервисов. Также вкратце разберем функцию wp_allowed_protocols, без которой тут не обойтись.
Выводим облако меток в WordPress через виджет и функцию wp_tag_cloud (+полезные хаки)
Облако тегов — отличный функциональный элемент сайта, позволяющий создать дополнительную навигацию и перелинковку. Посетители смогут искать публикации не только через подборки последних/лучших постов, список категорий, но и просматривать статьи по определенной метке. Блок с тегами обычно располагается в боковой панели (сайдбаре) или в футере блога на каждой его странице.
Category Posts Widget — вывод списка постов из определенной категории WordPress
Очередное пополнение в разделе решений, позволяющих выводить перечень последних постов в Вордпресс. Некоторые из рассмотренных ранее модулей перестали обновляться более 2-3х лет назад, поэтому пришлось поискать актуальную замену. Сегодня рассмотрим Category Posts Widget, где кроме базовой функции отображения списка записей имеется возможность задавать определенную категорию, из которой они будут считываться. Кроме того, там есть много других интересных настроек — не зря же его скачали более 90тысяч раз.
Enhanced Text Widget — продвинутый виджет для HTML, JavaScript и даже PHP
Как вы знаете, в последних версиях Вордпресс разработчики заменили классический текстовый виджет, на более новый вариант с простеньким визуальным редактором. Его недостатком на момент внедрения было то, что при вводе данных в HTML режиме и перезагрузке страницы виджет переключался обратно в текстовый формат, а весь код «слетал».
Сейчас в системе есть два элемента отдельно для текста и HTML, что убирает эту проблему, но на тот момент мне пришлось искать альтернативное решение…
Создаем список ссылок в сайдбаре с картинками +плагины блогролла
Недавно в заметке о плагинах популярных постов меня спросили как лучше организовать простой список ссылок в сайдбаре. Причем желательно, чтобы там присутствовали миниатюры, и все было максимально легко без сверхсложных модулей. Вопрос оказался не совсем однозначным, поэтому в статье решил рассмотреть несколько ситуаций.
Отчасти решение зависит от конкретной поставленной задачи. Во-первых, какие именно объекты нужно выводить в боковой панели сайта: посты блога? перелинковку произвольных страниц? внешние линки?
Advanced Sidebar Menu — виджет зависимого бокового меню для wordpress
Давайте рассмотрим решение одной тривиальной задачи с wordpress меню которая время от времени встречается разработчикам. Бывает, что на сайтах нужно выводить сразу два меню, которые при этом между собой взаимосвязаны: одно верхнее горизонтальное 1-го уровня, а второе в сайдбаре 2-го уровня. Причем в боковом отображаются только те подпункты, для которых выбран соответствующий родительский элемент в главном меню. Например, если у вас в шапке сайта есть перечень стран, то выбрав, допустим, Италию, в сайдбаре получите только лишь список итальянских городов.
Quotes Collection для вывода случайных цитат (записей)
На некоторых сайтах в сайдбаре можно встретить функцию вывода случайных цитат. Подобный элемент дополняет страницу интересной информацией, хотя, конечно, он подходит не для всех тематик. Мне, например, сложно подобрать что-то для отображения в данном блоге, однако, если у вас какой-то творческий или научный проект, можно выводить случайные записи с цитатами известных соответствующих людей. Либо, допустим, для сайта о саморазвитии постить какие-то мотивационные фразы и полезные советы. Это может быть даже небольшой анекдот для юмористического сайта.
Black Studio TinyMCE Widget — продвинутый текстовый виджет в WordPress
Недавно сдавал заказчику созданный на WordPress сайт и мне понадобилось дополнительно рассказывать каким HTML кодом вставляется ссылка и картинка в футере. Для визуального редактора системы (базового или TinyMCE Advanced) такой проблемы не возникает, но в виджетах по умолчанию подобного функционала нет. Объект типа «Текст» позволяет размещать лишь обычный контент без форматирования или HTML код. Последнее для редакторов новичков, не знающих основ верстки, может быть весьма сложной задачей. К счастью, плагин Black Studio TinyMCE Widget сможет ее решить.
Simple Music Widget — виджет музыкального плеера
Когда-то я уже рассматривал в блоге похожую тему и рассказывал про добавление mp3 в wordpress с помощью плагина oEmbed HTML5 audio. Сегодня хотелось бы поделиться ссылкой на модуль, позволяющий разместить на сайте виджет с музыкальным плеером. Это пригодится для разных музыкальных порталов, персональных проектов подкастеров, групп, музыкантов. Виджет достаточно простой и не требует особых навыков в работе.
Display Widgets — показываем/скрываем виджеты на страницах
Когда-то я рассматривал в блоге плагин Widget Logic который позволяет добавить условный оператор для виджетов. Вы могли указать что-то вроде !is_page(15) в специальном поле для того или иного виджета, и он бы не отображался на странице с ID=15. Однако такой подход понятен не для всех категорий пользователей. Если редактор/администратор WordPress не силен в PHP и сложен в обучении, проще установить модуль Display Widgets.
Блог Wordpress Inside поможет вам научиться работать в вордпресс, закрепить и расширить имеющиеся знания. Плагины и шаблоны, разные хаки и функции wp, оптимизация и безопасность системы – все это и намного больше вы сможете найти на страницах нашего проекта!
Если хотите быстро и оперативно получать последние новости и статьи, то рекомендуем подписаться на обновления блога:
- Як сховати відсутні товари в Woocommerce шорткодах та схожих товарах
- Сервіс AdMaven + плагін для монетизації трафіка на WordPress сайтах
- Плагіни для створення стрічки новин з біжучим рядком в WordPress
- Як змінити розміщення кнопки оформлення замовлення в WooCommerce
- Плагін WHWS Display In Stock Products First – відображення товарів в наявності першими
- Підписка MonsterONE: чи варто використовувати цей сервіс у 2023 році? (+5 продуктів, які треба скачати в першу чергу)
- Онлайн генератор ссылок на мессенджеры для WordPress и не только
- WooCommerce (46)
- Безопасность (12)
- Видео (6)
- Виджеты (28)
- Возможности (141)
- Вопрос-ответ (6)
- Начинающим (52)
- Новости (46)
- Оптимизация (23)
- Плагины (246)
- Сервисы (87)
- Хаки и секреты (87)
- Шаблоны (45)
- Плагин WP-PostRatings рейтинга постов в WordPress (5,79 из 7, голосов - 934)
- Вкладки в Woocommerce товарах — как убрать, добавить, изменить (сниппеты + плагин) (3,96 из 7, голосов - 167)
- Вывод Woocommerce товаров на странице с Elementor с помощью плагина (4,37 из 7, голосов - 107)
- Записи и посты wordpress, оформление записи (5,91 из 7, голосов - 47)
- Оптимизируем WordPress header и удаляем лишний код (5,19 из 7, голосов - 43)
- 5 wordpress плагинов для кнопок социальных закладок (5,24 из 7, голосов - 42)
- Кэширование в wordpress — выбираем лучший плагин для кэширования (5,63 из 7, голосов - 35)
- 50+ лучших плагинов для WordPress сайта (5,71 из 7, голосов - 34)
- Проблема с адаптивными изображениями в Gutenberg редакторе WordPress (3,86 из 7, голосов - 49)
- Лучшие плагины картинок в WordPress — галереи, слайдеры, для миниатюр и т.п. (6,07 из 7, голосов - 30)
- Дизайн Мания - о веб-дизайне и не только.
- Tod's Blog - все про заработок онлайн.
- Вебдванольные заметки - обзоры веб-сервисов.
- Советы по выбору холодильника LG с технологией No Frost
- Зачем нужны Wi-Fi ретрансляторы и как выбрать подходящую модель
- Введение в онлайн-казино Slotor777: многообразие игр и привлекательные бонусы
- Необходимость использования облачного хранилища в наше время, что важно и как выгодно?
- Спрощення процесу звітності за допомогою програми BAS Бухгалтерія
- Технологія підключення інтернету GPON та її переваги
- За що гравці найбільше цінують Lineage 2
- Для каких проектов нужна аренда виртуального сервера и что такое VPS