15+ Удивительных руководств по модулю блога для Divi
Опубликовано: 2022-03-02Модуль блога Divi — это мощный модуль для создания всех типов страниц с лентами блогов. Отображение отдельных сообщений, нескольких сообщений, сообщений для определенных страниц, назначение страниц в архивы и многое другое. Это простой модуль, но есть несколько способов его использования. К счастью, существует множество руководств по модулям блогов, в которых рассказывается о тонкостях использования модуля блогов. В этой статье мы рассмотрим более 15 удивительных руководств по модулям блога для Divi, которые помогут вам создавать страницы блога.
1. Как создать страницу блога
В этом руководстве используется один из многих шаблонов страниц блога, доступных в Divi, чтобы показать, как создать страницу блога. Он использует модуль блога, а также множество вспомогательных модулей. Вы шаг за шагом проведете все настройки, чтобы воссоздать страницу блога.
Посмотреть учебник
2. 8 комбинаций отображения элементов поста
В нем рассматриваются элементы сообщения, такие как имя автора, дата публикации и категории, которые отображаются в карточках блога. Он содержит 8 примеров с различными комбинациями того, как их можно использовать вместе, а также дает представление о том, когда использовать каждый из элементов и их преимуществах.
Посмотреть учебник
3. Сравнение макетов Divi Grid и Fullwidth Blog
В этом руководстве проводится подробное сравнение сеточного и полноразмерного макетов блога, доступных в модуле блога. Он предоставляет информацию о том, как переключаться между двумя вариантами. Сравнение показывает примеры того, как они используются в макетах Divi. В нем также представлены плюсы и минусы каждого варианта и даны советы по выбору между ними.
Посмотреть учебник
4. Как стилизовать карточки сетки блога Divi
В этом руководстве читатель проведет вас через стилизацию карт сетки блога. Он показывает 4 примера, которые включают в себя сетку блога в виде шахматной доски, эффекты наведения с шахматным макетом, настройку карточек по строкам и дизайн конкретной карточки. Примеры включают видеоруководство и охватывают основные настройки модуля блога и пользовательский CSS. Здесь также показано, как использовать инструмент Chrome Inspect.
Посмотреть учебник
5. Превратите свой модуль блога в карусель, которую можно перетаскивать/пролистывать
В этом руководстве показано, как создать расширенную карусель карточек блога, которую можно перетаскивать/пролистывать. Он размещает большие кнопки в правой части экрана как для настольных компьютеров, так и для мобильных устройств. Он использует несколько модулей и включает пользовательские CSS и jQuery. Карта также доступна в виде загружаемого файла JSON, поэтому вы можете использовать ее без необходимости создавать ее самостоятельно.
Посмотреть учебник
6. Как создать раздел со списком вакансий Dynamic Careers
Этот учебник является частью серии по созданию списков вакансий. Сначала вам нужно создать публикацию о шаблоне открытой вакансии, а затем вернуться к этому руководству. В этом разделе основное внимание уделяется тому, как динамически отображать открытые позиции в этом шаблоне. Он включает в себя пользовательский CSS, а также его можно загрузить в виде файла JSON.
Посмотреть учебник
7. Как добавить похожие сообщения
В этом руководстве показано, как использовать модуль блога для добавления раздела связанных сообщений в нижнюю часть шаблона сообщения блога. Сообщения в этом модуле блога соответствуют сообщению в блоге независимо от его категории. В нем также рассказывается о том, что нужно для шаблона сообщения в блоге, и о том, как использовать шаблон сообщения в блоге с Divi Theme Builder. Он также включает в себя видео-учебник.
Посмотреть учебник
8. Придайте модулю блога Divi новый вид
Это с третьего дня марафона Divi 100. Это расширение Divi Article Cards, которое вы можете скачать. Он включает в себя учебник о том, как его стилизовать. Он включает в себя видео-учебник. Несмотря на то, что это было несколько лет назад, это по-прежнему один из лучших доступных дизайнов карточек блога.
Посмотреть учебник
9. Как переключать выдержки из сообщений блога при наведении
В этом руководстве показано, как создать компактную сетку, которая показывает отрывок, когда посетитель наводит курсор на карточку. Вы можете отображать больше сообщений на странице, и вашим посетителям не придется видеть выдержки из сообщений, которые им не интересны. Он включает в себя настраиваемый CSS. Вы можете загрузить файл JSON, поэтому вам не нужно создавать его с нуля.
Посмотреть учебник
10. Как ограничить длину отрывка
Здесь показано, как настроить длину выдержки для вашего модуля блога. Здесь также показано, как скрыть отрывок, если вы не хотите его показывать, и как оформить отрывок так, чтобы он соответствовал вашему шаблону. В нем также обсуждается, почему вы хотите включить или исключить отрывок из сообщения.
Посмотреть учебник
11. Как использовать смещение поста для создания универсальной страницы блога
В этом руководстве показано, как создавать страницы блога с несколькими модулями блога и использовать смещение постов для управления ими. В примере показано, как создать страницу блога, используя 3 модуля блога и 2 модуля слайдера сообщений в разных комбинациях для создания универсальных страниц. Он показывает, как не дать им отображать одни и те же сообщения и как стратегически заставить их отображать одни и те же сообщения.
Посмотреть учебник
12. Как использовать модуль блога внутри категории или страницы архива
В этом руководстве рассказывается, как использовать модуль блога на страницах категорий и страницах архивов, чтобы они отображали сообщения для этих категорий и архивов. Он показывает настройки модуля блога, а также назначения шаблона. Здесь также описывается, что такое страницы категорий и архивов, и обсуждаются различия между ними.
Посмотреть учебник
13. Как показать сообщения блога по категориям
В этом руководстве показано, как использовать функцию категорий в модуле блога для отображения сообщений для определенных категорий. В нем обсуждается, почему вы хотите показывать определенные категории, и приводится несколько примеров того, как это можно использовать. В нем показано, как назначить шаблон для определенных страниц категорий в сочетании с настройками модуля блога и как оформить модуль в соответствии с вашим шаблоном.
Посмотреть учебник
14. Как настроить кнопку «Подробнее»
В этом руководстве подробно рассказывается о ссылке «Подробнее», которая появляется под выдержкой сообщения в карточках блога. Он охватывает параметры выравнивания, как сделать кнопку полной ширины, создать пользовательскую кнопку с эффектами наведения и как изменить отображаемый текст. Он включает в себя пользовательский CSS, jQuery и загружаемый макет JSON.
Посмотреть учебник
15. Как изменить количество столбцов
В этом руководстве показано, как управлять количеством столбцов блога с помощью CSS Grid. Обычно макет сетки отображает максимум 3 столбца. С помощью CSS Grid вы можете создать адаптивную сетку блога с 5 столбцами. В нем также обсуждается, почему вы хотите использовать CSS Grid и как работают столбцы CSS. Пользовательский CSS, видеоруководство, загружаемый файл JSON и дополнительные советы включены.
Посмотреть учебник
16. Как создавать плавающие карты
Здесь показано, как сделать карточки вашего блога плавающими на странице, чтобы они всегда были видны при прокрутке пользователем. Вы можете отображать популярные сообщения и показывать их сбоку экрана, когда пользователь наводит на них курсор. Эффект достигается только с помощью встроенных настроек Divi. Он включает в себя загружаемый файл JSON и видеоруководство.
Посмотреть учебник
17. Как добавить пагинацию
В этом руководстве основное внимание уделяется нумерации страниц в модуле блога. В нем показано, как используется нумерация страниц и как включить или отключить ее для страниц с несколькими модулями блога. Он также показывает, как его стилизовать. В примере шаблона используются 4 модуля блога, чтобы продемонстрировать, когда его использовать, а когда нет. Он также сравнивает его с пост-навигацией, чтобы показать различия. Видеоурок также включен.
Посмотреть учебник
18. Понимание опции «Сообщения для текущей страницы»
В этом руководстве подробно рассматривается параметр «Сообщения для текущей страницы» в модуле блога. В нем обсуждается, что делает опция и чем она отличается от категорий. В нем показаны примеры использования шаблона блога и назначения шаблонов в конструкторе тем Divi. Примеры включают назначения для категорий и тегов для создания архивных страниц и многое другое.
Посмотреть учебник
Завершающие мысли о 15+ удивительных учебных пособиях по модулям блога для Divi
Это наш взгляд на 15+ потрясающих руководств по модулям блогов для Divi. Эти учебники имеют ряд навыков и применений, и многие из них включают пользовательский код и загружаемые материалы. Прохождение этих руководств — отличный способ узнать, как использовать модуль блога, создавать страницы блога и назначать их в конструкторе тем Divi. Попутно вы даже изучите немного CSS.
Ждем вашего ответа. Вы использовали какое-либо из этих руководств по модулям блога для Divi? Дайте нам знать, какой ваш любимый в комментариях.