Web5X - Готовые сайты

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Список всех виджетов Elementor вы можете посмотреть на странице Виджеты

Элементы Темы — виджеты Elementor Pro: 2 комментария

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Блог о создании сайта, конструкторе сайтов и Elementor.
Авторские права © 2017-2020 . Все права защищены.
Готовые сайты на web5x.ru
Политика конфиденциальности