Как создать страницу блога с Gutenberg (на основе темы Gutenberry)

В этом руководстве вы найдете все необходимое для создания страницы блога с помощью редактора Gutenberg и темы GutenBerry.

Создание страницы блога с Гутенбергом

Страница блога - это страница, на которой ваши посетители видят все публикации, существующие на вашем сайте. Это динамическая страница, что означает, что на ней отображаются публикации, добавленные на ваш сайт, от самых последних до первых, с упорядочением их по дате.

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

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

Чтобы создать страницу блога на своем веб-сайте, вам нужно перейти в раздел «Страницы»> «Добавить новый», и поехали!
Прежде всего, вы должны выбрать название своей страницы. Мы назовем ее «Моя первая страница блога», но имя вашей страницы должно быть небольшим введением.

Вы можете заполнить страницу классическим блоком Gutenberg Posts. Однако, если вы хотите сэкономить свое время и получить больше дополнительных настроек для настройки страницы блога, вы можете использовать плагин ZeGuten. Он имеет 5 адаптивных макетов сообщений, чтобы сделать вашу страницу более привлекательной и интересной.

Создание страницы блога на основе Gutenberry

После того, как вы создали страницу блога, вы можете перейти к панели управления> Настройки> Чтение и найти здесь раскрывающееся меню страницы сообщений. Укажите страницу, которую вы только что создали, и нажмите кнопку «Сохранить изменения».

Поздравляю! Теперь вы назначили только что созданную страницу своей страницей блога. Однако есть еще очень много способов настроить его и сделать уникальным.

Откройте только что созданную страницу блога в настройщике и перейдите на вкладку «Настройки блога», затем перейдите на вкладку «Блог», чтобы узнать, что вы можете сделать.

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

Тип макета блога - здесь вы можете выбрать макет из раскрывающегося списка, чтобы ваши публикации отображались в виде сетки.

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

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

Последний флажок позволяет вам включить отображение отрывка сообщения.

Включите кнопку «Показать подробнее», чтобы посетители могли щелкнуть ее и перейти на страницу с отдельным сообщением.

Также вам нужно будет установить тип липкой метки, чтобы отмечать ваши сообщения как липкие, если они есть.

Включение навигации для страницы блога

Когда у вас много сообщений на вашем сайте (да, вы блогер, уверен, что они у вас есть), вы знаете, как может быть неудобно посетителю, когда ему нужно прокрутить страницу вниз, ища конкретный пост, который вы опубликовано некоторое время назад.

Чтобы упростить процесс, вы можете добавить тип навигации на страницу блога. Это может быть опция, позволяющая переходить со страницы на страницу, или стрелки навигации.

Находясь в настройщике, вы можете изменить тип навигации для страницы блога в раскрывающемся списке «Тип навигации».

Здесь вы можете выбрать либо разбиение на страницы, либо навигацию.

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

Перейдите в «Панель управления»> «Настройки»> «Чтение» и определите, какие страницы блога должны отображаться с максимальным значением (оно должно быть меньше, чем количество сообщений, которые у вас есть, чтобы вы могли видеть опцию разбивки на страницы).

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

Создание статической страницы блога с динамическим контентом с помощью Gutenberg

Еще раз вам следует создать новую страницу. И вот мы приступаем.

Давайте добавим блок сообщений на холст страницы! Просто щелкните значок «+» слева от текста «Начать писать или введите /, чтобы выбрать блок». Выберите блок под названием «Сообщения» - вы можете найти его в категории блоков ZeGuten.

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

Кстати, вы можете легко использовать шорткуты для Гутенберга, чтобы ускорить вашу работу. Если вы не знаете, как использовать сочетания клавиш, не стесняйтесь читать это руководство.

Настройки блокировки сообщений. Настройка макета постов в Гутенберге

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

Блок сообщений: параметры макета

Найдите панель настроек блока справа от холста страницы. Если вы его не видите, значит, вы его ранее закрыли. Чтобы вернуть его, щелкните значок шестеренки в правом верхнем углу. Затем щелкните блок сообщений на холсте, чтобы сделать его активным и получить доступ к его настройкам.

Блок сообщений позволяет выбрать один из 3 различных вариантов макета:

• Список сообщений - это чистый макет, в котором сообщения расположены по одной в один столбец;
• Сетка сообщений - макет, в котором вы можете отображать сообщения в несколько столбцов и строк, устанавливая сетку для демонстрации публикаций;
• Список неравномерных сообщений - используйте этот макет, чтобы расположить сообщения в шахматном порядке. Здесь у вас будет один столбец, и сообщения будут отображаться один за другим в виде списка с четными строками, показывающими изображение слева, и неравномерным отображением его справа.

Откройте настройки публикации ниже, чтобы выбрать публикации, которые вы хотите извлечь с помощью этого блока.

Здесь вы можете установить:

• Категория - категория, из которой вы хотите отображать публикации.
• Количество элементов - ограничьте количество публикаций определенным количеством и не отображайте больше определенного количества. Максимальное количество публикаций - 100, но вы, безусловно, можете использовать настройки «Подробнее», чтобы блок выглядел короче.
• Столбцы - используйте этот переключатель, чтобы установить количество столбцов для макета сетки. Максимальное количество столбцов - 6.
• Выберите тег заголовка - здесь вы можете установить тег html, который будет использоваться для заголовка (H1 - H6). Убедитесь, что ваш заголовок установлен правильно, чтобы он занимал более высокие позиции в результатах поиска.
• Сортировать по - эта опция позволяет упорядочивать публикации от самых старых к самым новым, от самых новых к самым старым и использовать алфавитный порядок для установки порядка.

Также есть варианты:

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

Прочитать больше настроек

Пока вы хотите, чтобы посетители открывали ваши сообщения и переходили к чтению, вы сможете отображать ссылку «Подробнее» и настраивать ее отображение, заменять текст по умолчанию своим собственным и т. Д.

Вы также сможете решить, хотите ли вы отображать параметр «Читать дальше» для каждого сообщения в виде текста или кнопки.

Блок сообщений хорош для работы с динамическими публикациями, но пока не позволяет полностью использовать возможности настраиваемого запроса. Тем не менее, это будет непревзойденный актив при работе со статическими страницами вашего веб-сайта для ведения блога.

Обратите внимание, что пока нет параметров нумерации страниц, поэтому, если вы хотите показать все свои сообщения, вам нужно установить максимальное количество сообщений. Вы также можете назначить вновь созданную страницу в качестве основной страницы вашего блога в Настройках, или вы можете оставить все как есть, и сделать так, чтобы она отображалась как ваш блог только в меню (где вы должны связать его), сохраняя при этом Блог страницу в качестве архива ваших сообщений.

Другой способ подойти к этой задаче - добавить ссылку на страницу архива сообщений (настоящий блог, который вы создали в первой части этого руководства) внизу списка сообщений, чтобы посетители могли получить доступ ко всем публикациям.

Поздравляю! Вы создали и создали свою первую страницу в блоге! Подпишитесь на нашу рассылку, чтобы получать еще больше советов о том, как работать с Gutenberg и Gutenberry!