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

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

главное изображение виджет записи констуктора сайта Elementor PRO

Записи — виджет Elementor Pro

Записи это виджет Elementor Pro который выводит карточки записей (или страницы) в контентную часть.  Записи выводятся в виде таблицы или со сдвигом.  У данного виджета очень много полезных настроек, начиная от вида таблицы до различных стилевых изменений.

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

виджет записи в конструкторе сайта elementorНа изображении выше представлен вид виджета сразу после размещения его. Конечно настроив и изменив свойства виджета мы сможем добиться необходимого результата отображения.

А теперь рассмотрим настройки и свойства данного виджета.

Содержимое

- Макет

  • Обложка - выбор типа элемента в виде классического представления или в виде карточке. При выборе типа Карточка доступны дополнительные свойства и опции.
  • Колонки - количество элементов в одном ряду т.е по сути количество колонок.
  • Записей на странице - лимит количества записей на страницу.
  • Позиция изображения - возможность позиционировать изображение относительно текста, а можно просто скрыть (доступна только для типа обложки Классика)
  • Показать изображение - показать или не показывать изображение (доступна только для типа обложки Карточка)
  • Кирпичная кладка - возможность включения представления элементов в виде кирпичной кладки т.е с неровными рядами по высоте.
  • Размер изображения - выбор размера изображения из предустановленных миниатюр шаблона.
  • Пропорции изображения - пропорция изображения. Если поставить 1, то получим 1:1 т.е квадрат. Если стереть значение, то пропорция будет по размеру изображения (опция недоступна при типе Обложка)
  • Ширина изображения -  ширина изображения в процентном соотношении или пикселях (опция недоступна при типе обложки Карточки)
  • Заголовок - показывать или нет заголовок записи.
  • HTML-тег загловка - html тег для заголовка.
  • Отрывок - краткое содержание в виде отрывка текста (обратите внимание, что данный отрывок можно вывести не из содержания записи, а из настроек документа - поле Анонс. Поле анонса необходимо заполнять когда запись делаем в конструкторе и начало текста страницы не подходит для отрывка)
  • Мета данные - выбор какие метаданные отображать. Можно добавить или убрать дату, комментарии, автора, время.
  • Разделитель - разделитель между метаданными.
  • Читай еще - опция для включения и выключения текста "Читай еще"
  • Значок - значок с текстом принадлежности к таксономии (можно выбрать таксономию, например не рубрику, а метки.) Доступно только для типа обложки Карточка.
  • Аватар - показывать или нет изображения автора т.е его аватар. Доступно только для типа обложки Карточка.

 

- Запрос

  • Источник - источник для вывода информации. В качестве источника может быть страницы, записи которые можно отфильтровать по параметрам ниже. А так же можно выбрать отдельные записи для отображения (при выборе данной опции в поле поиска нужно начать писать название и сработает поиск)
  • Автор - фильтрация выборки по автору т.е можно показать записи определенного автора.
  • Рубрики - фильтрация выборки по рубрики т.е можно показать записи из нужной рубрики.
  • Метки - тоже фильтрация выборки по меткам
  • Формат - фильтрация по формату записи
  • Сортировать по - возможно изменить сортировку записей из источника, например сделать сортировку по названию, а если выводим страницы то по порядку расположения в меню.
  • Порядок - дополнительный параметр сортировки, по убыванию или по возрастанию.
  • Смещение - Используйте этот параметр, чтобы пропустить предыдущие записи (напр. '2' чтобы пропустить 2 записи)
  • Исключить - возможность исключить текущую запись из выборки или определенные записи указав самостоятельно.

- Нумерация страниц

  • Нумерация страниц - вид нумерации (просто цифры или с текстом итд)
  • Лимит страниц - количество страниц в нумерации.
  • Сокращать - опция для сокращения списка нумерации когда много страниц.
  • Метка предыдущая - текст для указателя перехода на предыдущую страницу.
  • Метка следующая - текст для указателя перехода на следующую страницу.
  • Выравнивание - выравнивание блока нумерации относительно виджета.

Стиль (классика)

- Макет

  • Разрыв колонок - расстояние между колонками т.е слева и с право от карточек.
  • Разрыв рядов - расстояние между рядами т.е сверху и снизу от карточек.

- Изображение

  • Скругление углов - скругление углов изображения (если выбрать значение 50%, а в пропорциях установить 1, то получим круглое изображение)
  • Отступ - отступ от изображения.

- Содержимое

  • Цвет - цвет текста для каждого элемента (заголовок, отрывок, мета данные, читать еще)
  • Типографика - размер шрифта, тип, жирность итд для каждого элемента (заголовок, отрывок, мета данные, читать еще)
  • Отступ - отступы для каждого элемента в отдельности (заголовок, отрывок, мета данные, читать еще)

 

- Нумерация страниц

  • Типографика - размер шрифта, тип, жирность, стиль итд.
  • Цвет - цвет текста нумерации страниц (возможно на вкладка выбрать разный цвет для разного состояния, например для активного или при наведении указателя мыши)
  • Расстояние между - настройка для указания расстояния между элементами нумерации (цифры, текст)

 

Стиль (карточка)

- Макет

  • Разрыв колонок - расстояние между колонками т.е слева и с право от карточек.
  • Разрыв рядов - расстояние между рядами т.е сверху и снизу от карточек.

 

- Карточка

  • Цвет фона - цвет фона карточки записи
  • Цвет границы - цвет границы карточки
  • Толщина границы - толщина границы
  • Скругление углов - скругление углов для карточки
  • Отступ внутри - отступы внутри карточки
  • Тень блока - тень блока
  • Эффект при наведении - эффекты при наведении на карточку
  • Цвет мета границы - цвет границы (черта разделитель) между метаданными и например отрывком.

- Изображение

  • Отступ - отступ от изображения т.е между изображением и то что ниже
  • Значок - Если включена опция отображения значка то можно изменить свойства )позиция, цвет фона и текста, скругление углов, размер, отступ снаружи и типографика)
  • Аватар - размер изображения аватара т.е изображение автора.

 

- Содержимое и Мета, Отрывок

  • Цвет - возможность установки цвета для текста содержания, мета данным и отрывка.
  • Типографика - типографика для перечисленных блоков данных.
  • Отступ - отступ от элемента данных т.е между содержанием, мета данным и отрывком.

- Нумерация страниц

  • Типографика - размер шрифта, стиль, название, жирность итд.
  • Цвет - цвет текста нумерации страниц (возможно на вкладка выбрать разный цвет для разного состояния, например для активного или при наведении указателя мыши)
  • Расстояние между - настройка для указания расстояния между элементами нумерации (цифры, текст)

 

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

 

Записи — виджет Elementor Pro: 20 комментариев

  1. У меня вставляется пустой виджет. Вы не описали САМОГО ГЛАВНОГО — как его заполнять записями??????

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

  2. Здравствуйте. У меня при выводе анонса записи в блоке от Элементор в начале анонса подтягивается текст из шапки сайта (название сайта, текст кнопки), а только потом текст самой записи. Шапка создано тоже в элементор. Не подскажете, как можно это исправить?

    1. Здравствуйте. Не удивительно. Для этого и придумано поле в настройках страницы. Оно так и называется, Анонс.

        1. Я не могу по виду сайта подсказать где вы ошиблись. Если вы в элементоре в настройках страницы добавили Анонс, то он и должен появится. Для этого его специально и вводили, чтобы небыло такой ситуации как у вас.

          1. У меня вообще нету в настройках страницы анонса, у меня есть второй сайт, там нет такой проблемы. Настройки ИДЕНТИЧНЫ, НО РАЗНЫЕ ТЕМЫ! Скорее всего в этом проблема кроется, буду дальше копать

              1. Спасибо, действительно помогло! Еще я нашел в чем баг, некоторые темы работают по принципу: Подтягивают тег h1 и 140 символов записи и так делается анонс — по умолчанию. Некоторые темы не дублируют H1 в анонсах — Astra, Astra Business

    1. Видимо потому, что у вас их нет. Т.е нет у записей «Изображение записи»). По умолчанию все отображается.

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

  3. и когда я ставлю обложку full content то записи отображаются с картинками, но мне не нужно full content мне нужно classic или cards

    1. Попробуйте в другом браузере, отключив всякие блокировщики реклам (если есть). Но видимо это проблема конкретной версии Elementor PRO

      Обратитесь в поддержку Elementor по ссылке https://my.elementor.com/support/
      Не забыв при этом авторизироваться с аккаунта в котором покупалась лицензия. Лицензия должна быть активной.

  4. Доброго воскресенья. Может быть кто то сталкивался с такой задачей: необходимо на странице отображать все имеющиеся на сайте рубрики, а под каждой рубрикой все записи, соответствующие оной рубрике. Буду признателен за подсказ.

    1. День добрый. Никто не мешает разместить несколько виджетов, в которой вывести каждую рубрику отдельно.

    1. День добрый. Пишите в поддержку Elemento Pro. Возможна какая то ошибка, связанная именно с виджетом.

  5. День добрый, есть ли возможность вывести в анонсе текст с разными шрифтами?
    Или быть может вписать произвольный текст в поле метаданные?
    Как итог необходимо получить под картинкой 2 блока текста разного стиля.

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

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

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