Как добавить поле автора в тему GeneratePress? –

Имя автора сообщения

Мета пользователя

< !-- /wp:generateblocks/container -->

GeneratePress — одна из легких и быстро загружаемых тем для сайтов WordPress. Хотя в хранилище тем WordPress доступна бесплатная версия, она имеет множество ограничений. Поле автора — это одна из основных вещей, которой вам не хватает при создании постов в блоге в теме GeneratePress. Тем не менее, очень легко создать поле автора в теме GeneratePress и настроить внешний вид в соответствии с вашим макетом.

Что нужно для создания авторского ящика?

Вот продукты, которые вам понадобятся:

Обратите внимание, что вам нужна бесплатная или премиум-версия GenerateBlocks для установки любой демоверсии из раздела «Библиотека сайта». Итак, плагин GP Premium — это единственное, что вам нужно для создания авторского ящика.

Добавить поле автора под содержимым публикации

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

Шаг 1 – Подготовка авторского изображения

Первый шаг — подготовить изображение автора для использования в настройках. У вас есть два варианта:

• Граватар — если ваша электронная почта администратора WordPress связана с учетной записью gravatar.com, обязательно загрузите туда достойную картинку. После этого перейдите в раздел «Настройки > Обсуждение» в панели администратора и включите опцию «Показать аватары».
• Пользовательское изображение – сохраните изображение PNG или JPEG вашего изображения размером 200 x 200 пикселей.

Примечание: Вы также можете использовать плагин для использования пользовательского изображения аватара вместо граватара. Тем не менее, вам по-прежнему нужна четко видимая фотография профиля для загрузки. В этом уроке мы используем собственное изображение без каких-либо дополнительных плагинов, которое подходит для блога одного автора. Если у вас несколько авторов, используйте gravatar и динамические параметры, как описано в шаге № 5.

Шаг 2 – Активируйте элементы

Elements — это модуль, который поставляется с премиальным дополнением GeneratePress. Вам нужно активировать это для вставки крючков и блоков в макет.

• Убедитесь, что вы установили и активировали плагин GeneratePress GP Premium.
• После этого перейдите в раздел «Внешний вид > GeneratePress».
• Найдите модуль «Элементы» и активируйте его.

Активировать модуль Elements в GeneratePress

Примечание: «Отключить элементы» — это другой модуль, и обязательно правильно активируйте модуль «Элементы».

Шаг 3 – Создайте хук блока Author Box

После активации модуля Elements он добавит пункт меню в левую боковую панель панели администратора.

• Перейдите в раздел «Внешний вид > Элементы» и нажмите кнопку «Добавить новый элемент».

Добавить новый элемент

• Появится всплывающее окно «Выберите тип элемента». В раскрывающемся списке выберите «Заблокировать» и нажмите кнопку «Создать».

Выберите тип элемента блока

Шаг 4 – Заполнение деталей крючка

• Перейдите на вкладку «Элементы» в разделе «Настройки» правой боковой панели.
• Разверните раздел «Блокировать элемент» и заполните данные, как показано ниже:
  • Ширина редактора — оставьте по умолчанию 100%
  • Название хука — before_comments_container

Заполнить поля элемента блока

Как уже упоминалось, хук «before_comments_container» предназначен для вставки поля автора перед полем комментариев. Вы можете выбрать другое положение крючка, если хотите изменить положение поля автора в макете. Приоритет 10 используется для отображения поля автора в качестве первого элемента в хуке. Обязательно используйте приоритет больше 10 для любых других «Элементов», использующих тот же хук.

Шаг 5 – Добавление содержимого в ящик автора

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

Блоки авторских ящиков

• Сначала вставьте блок Container, назначьте отступы по 40 пикселей (сверху, снизу, справа и слева), а затем отступы по 20 пикселей сверху/снизу.
• Добавьте блок сетки внутри контейнера и выберите вариант разделения 1/3 + 2/3.

Вставить сетку внутрь контейнера

• В первой 1/3 колонке добавьте блок изображений и загрузите изображение своего профиля, как это было подготовлено на шаге №1. Если вы хотите использовать изображение gravatar, добавьте блок изображения и выберите следующие детали в разделе «Динамические данные» на правой боковой панели «Настройки блока».
  • Включить динамические данные — включите эту кнопку. Источник данных — выберите текущий пост. Источник изображения — выберите аватар автора.
  • Источник ссылки — выберите Архив автора, если хотите создать ссылку, в противном случае оставьте поле пустым.

Добавить ссылку на изображение Dynamic Gravatar

• Перейдите к настройкам «Интервал» и измените радиус границы на 100% для всех четырех углов.
• Во втором столбце 2/3 добавьте два блока заголовков GenerateBlocks один под другим. Измените первый заголовок на H3, щелкните значок базы данных «Динамические параметры» и выберите следующие детали.
  • Динамический тип текста — выберите имя автора публикации.
  • Перед текстом — введите «О программе».
  • Тип динамической ссылки — выберите «Архивы автора», если вы хотите связать страницу архива автора с именем автора в поле. В противном случае оставьте это поле пустым, если вы отключили авторский архив с помощью таких плагинов, как Yoast SEO (это должно быть в случае с блогом одного автора, чтобы избежать дублирования контента на странице блога).

Добавить динамическое описание автора

• Выберите второй заголовок, измените его на абзац и добавьте следующие «Динамические параметры».
  • Динамический тип текста — выберите «Автор мета».
  • Имя метаполя — просто введите описание.
  • Перед текстом — оставьте это поле пустым.
  • Тип динамической ссылки — оставьте поле пустым.

Назначить имя автора динамического сообщения

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

Шаг 6 – Добавление цветов в поле автора

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

Изменить цвет и фон

Шаг 7 – Назначение места для ящика автора

Вам нужно, чтобы поле автора отображалось во всех статьях блога.

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

Добавить место для ящика автора

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

Шаг 8. Опубликуйте и проверьте свой авторский ящик

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

Поле автора добавлено в опубликованное сообщение

Вы можете установить флажок автора на своем мобильном телефоне или проверить с помощью опции элемента «Проверить» в браузере.

Проверить мобильный вид

Если выравнивание нехорошее, вы можете отредактировать поле автора в разделе «Внешний вид > Элементы», чтобы добавить необходимые поля и отступы.

Скопируйте и вставьте код для поля автора

Если вы ленивы или не можете создать поле автора, как описано выше, выполните первые 4 шага. После этого просто скопируйте и вставьте следующий код в область содержимого (под заголовком). Вы увидите окно автора, созданное точно так же, как показано выше. Добавьте свой заголовок, правило отображения местоположения и нажмите кнопку «Опубликовать».

Имя автора сообщения

Мета пользователя

< !-- /wp:generateblocks/container -->