Web5X Блог

Блог о создании сайта, конструкторе сайтов

Web5X Блог

Блог о создании сайта, конструкторе сайтов

Поиск по блогу

Элементы Темы — виджеты Elementor Pro

Обновлено: 03.03.2018
2 комментариев

Элементы темы, что это? Это виджеты которые выводят основные элементы темы на страницу. К таким элементам обычно относится: поиск, комментарии, навигация, информация о авторе.  Применяя данные виджеты, вы можете создать свою уникальную страницу блога. Так же вы можете просто красиво оформить главную страницу блога.

Вы скажите, зачем эти виджеты, если и так есть страница блога? Тут все просто. С помощью конструктора сайта и данных виджетов, вы сможете создать свою уникальную страницу записи(ей) вашего блога. И она будет уникальной, но при этом будет все так же функциональна, т.е будут и комментарии и поиск и информация о авторе.  На данный момент доступно 5 виджетов (Форма поиска, Блок Автор, Комментарии записи, Навигация записи, Хлебные крошки). Рассмотрим кратко каждый в отдельности.

Форма поиска.
Данный виджет выводит на страницу обычную форму для поиска записей. У формы есть поле ввода и кнопка.  Примеры оформления данного виджета указана на изображении ниже.

элементы темы в конструкторе сайта

Настроек у виджета поиска предостаточно.  Вы можете выбрать один из предлагаемых макетов отображение это Классика, Минимализм, Полноэкранный.  Так же можно поменять вид иконки поиска, можно изменить стили, как для кнопки, так и для поля ввода. Все стили стандартные, а именно типографика, цвет фона, цвет текста и размер поля, граница, ее цвет и скругление. Надписи (сам текст) на кнопке и подсказка в поле ввода тоже доступны для изменения.

Блок Автор
Данный блок выводит стандартную информацию о авторе записи. В блоке выводится изображение автора, описание, и его имя. С помощью опций виджета можно выбрать текущего или персонального автора, включить или выключить отображения имени или фото автора. Так же можно включить отображении биографии автора и кнопки просмотра всех записей автора. Так же доступны настройки управления макетом и выравниванием т.е фото автора можно разместить и справа или сверху, а текст можно выровнить по середине или по правому краю. Ниже вид по умолчанию.

элементы темы в конструкторе сайтаПрисутствуют и стилевые настройки.  Для изображения доступно следующее: вертикальное выравнивание, размер, отступ, граница и ее свойства, скругление углов и тень объекта. Для все текстов возможно изменить типографику, цвет и отступы. А для кнопки доступны все стандартные свойства стилей (фон, типографика, граница итд) .

Комментарии записи
Виджет позволяет вывести комментарии на страницу записи или в любое место. Доступен вывод комментариев как для текущей записи, так и от индивидуальной записи, как это показано на изображении ниже.элементы темы комментарии -в конструкторе сайта

У виджета почти нет настроек и изменения стилей, поэтому за оформление комментариев отвечают стили вашей темы.

Навигация записи
Простой виджет, который просто выводит блок навигации по записям т.е Следующий и Предыдущий. Но простой, не значит не функциональный. У виджета есть весь арсенал настроек т.е можно изменить с помощью опций вид  блока навигации. Например можно убрать текстовый указатель (Предыдущий и Следующий), а можно и отказаться от стрелок навигации. Еще можно изменить вид стрелок или поменять текст у ярлыка навигации. На примере ниже показан пример виджета по умолчанию, который был вставлен в новую запись (поэтому ссылка только на предыдущую запись)

элементы темы комментарии -в конструкторе сайта

Что касается оформления, то тут все в порядке. На вкладке стили, мы можем изменить типографику и цвет для ярлыка и заголовка навигации. А для стрелки возможно изменить цвет, размер и отступы.  Тоже самое доступно и для границ блока навигации.

Хлебные крошкиэлементы темы хлебные крошки -в конструкторе сайта
Виджет доступен если у вас установлен СЕО плагин Yoast SEO. Именно он и формирует изначально хлебные крошки, а конструктор уже с помощью виджета выводит их.  Для виджета из настроек доступно выравнивание и выбор html тега. В стилях возможно изменить типографику, цвет текста крошек и цвет ссылки.

Список всех виджетов Elementor вы можете посмотреть на странице Виджеты
Остались вопросы?
Листай ниже или клик по ссылке выше. Там можно задать вопрос или почитать комментарии других.
Написать комментарий

2 комментариев

Добавить комментарий для Админ (Отменить ответ)