Когда-нибудь задумывались, что такое настраиваемые поля в WordPress? Хотите узнать больше о том, как работают настраиваемые поля? В этой статье мы покажем вам, как использовать настраиваемые поля WordPress с советами, хитростями и приемами.
^
Так как это длинная статья, мы добавили оглавление для облегчения навигации.
Что такое настраиваемые поля WordPress?
Добавление пользовательских полей в WordPress
Отображение пользовательских полей в темах WordPress
Создание пользовательского интерфейса для пользовательских полей
Скрыть пустые настраиваемые поля с условным оператором
Добавление нескольких значений в настраиваемое поле
Отображение сообщений с определенным пользовательским ключом
Добавьте имя автора гостя, используя настраиваемое поле
Отображать авторов статьи, используя настраиваемые поля
Отображение пользовательских полей вне цикла в WordPress
Отображение пользовательского заголовка, нижнего колонтитула, боковой панели с использованием пользовательских полей
Управлять контентом RSS-ленты с помощью пользовательских полей
Управлять заголовком RSS-канала с помощью пользовательских полей
Установить срок действия для постов, используя настраиваемые поля
Пользовательские поля WordPress – это метаданные, которые используются для добавления дополнительной информации, связанной с постом или страницей, такой как заголовок, имя автора, дата / время и т. д.
По умолчанию, когда вы пишете новый пост, страницу или любой другой тип контента, WordPress сохраняет его в двух разных областях. Первая часть – это текст вашего контента, который вы добавляете с помощью редактора сообщений.
Вторая часть – это информация о конкретном контенте. Например, название, автор, дата, время и многое другое. Этот информационный бит поста называется метаданными.
WordPress автоматически добавляет все необходимые метаданные к каждому создаваемому вами сообщению или странице. WordPress также позволяет пользователям сохранять свои собственные метаданные с помощью пользовательских полей.
По умолчанию опция настраиваемых полей скрыта на экране редактирования записи. Чтобы просмотреть его, вам нужно нажать на кнопку «Параметры экрана» вверху, а затем проверить опцию пользовательских полей.
^
Прокрутите немного вниз, и вы увидите мета-поле настраиваемого поля под редактором сообщений.
^
Пользовательские поля могут использоваться для добавления любой информации, связанной с постом, страницей или любым типом контента. Эта мета информация может отображаться в вашей теме. Однако для этого вам нужно будет отредактировать файлы вашей темы WordPress.
Вот почему этот учебник рекомендуется для пользователей, знакомых с редактированием файлов тем. Это также полезно для начинающих разработчиков WordPress, которые хотят научиться правильно использовать настраиваемые поля в своих темах или плагинах.
Давайте посмотрим, как добавлять и использовать настраиваемые поля в WordPress.
Сначала вам нужно отредактировать сообщение или страницу, где вы хотите добавить настраиваемое поле и перейти в мета-поле настраиваемых полей.
^
Далее необходимо указать имя для своего настраиваемого поля, а затем ввести его значение. Нажмите кнопку Добавить настраиваемое поле, чтобы сохранить его.
Поле будет сохранено и отображено в мета-поле пользовательских полей следующим образом:
^
Вы можете редактировать это настраиваемое поле в любое время, а затем нажать кнопку обновления, чтобы сохранить изменения. Вы также можете удалить его по мере необходимости.
Теперь вы можете сохранить свой пост, чтобы сохранить настройки пользовательского поля.
Чтобы отобразить свое настраиваемое поле на своем веб-сайте, вам необходимо отредактировать файлы темы WordPress. Если вы еще этого не сделали, посмотрите наше руководство о том, как копировать и вставлять код в WordPress.
Сначала вам нужно будет найти файл темы, который нужно отредактировать, чтобы отобразить ваше настраиваемое поле. В идеале вы хотели бы отобразить его на одной странице сообщения. Вам нужно будет отредактировать файл single.php или content-single.php.
Вам нужно будет ввести код пользовательских полей внутри цикла WordPress. Посмотрите на строку, которая выглядит следующим образом:
^
Вы хотите убедиться, что вы добавили свой код перед следующей строкой:
^
Теперь вам нужно добавить этот код в ваш файл темы:
^
Не забудьте заменить ключ именем вашего настраиваемого поля. Например, мы использовали этот код в нашей демо-теме:
^
Теперь вы можете сохранить свои изменения и посетить сообщение, в которое вы добавили настраиваемое поле, чтобы увидеть его в действии.
^
Теперь вы можете использовать это настраиваемое поле во всех ваших других постах WordPress. Просто создайте новый пост или отредактируйте существующий. Перейдите в мета-поле пользовательских полей, выберите свое поле в раскрывающемся меню и введите его значение.
^
Нажмите кнопку «Добавить настраиваемое поле», чтобы сохранить изменения, а затем опубликовать или обновить свое сообщение.
Как видите, после добавления настраиваемого поля вам придется выбирать поле и вводить его значение каждый раз, когда вы пишете сообщение.
Если у вас есть много пользовательских полей или несколько пользователей пишут на вашем сайте, то это не очень идеальное решение.
Разве было бы неплохо, если бы вы могли создать пользовательский интерфейс, в котором пользователи могли бы заполнять форму для добавления значений в ваши настраиваемые поля?
Это то, что многие популярные плагины уже делают. Например, поле SEO-заголовка и мета-описания внутри плагина Yoast SEO – это настраиваемое мета-поле:
^
Самый простой способ сделать это – использовать плагин Advanced Custom Fields. Он позволяет создавать настраиваемые поля, группировать их и отображать в настраиваемом мета-поле на экранах редактирования сообщений в WordPress.
Подробные пошаговые инструкции см. В нашем руководстве о том, как добавить настраиваемые мета-блоки в сообщения и типы сообщений WordPress.
В приведенном выше примере мы показали, как создать настраиваемое поле и отобразить его в своей теме.
Теперь давайте посмотрим, как проверить, не является ли настраиваемое поле пустым, перед его отображением. Для этого мы изменим наш код, чтобы сначала проверить, содержит ли поле данные.
^
Не забудьте заменить Mood собственным именем поля.
Пользовательские поля могут быть повторно использованы в том же сообщении снова, чтобы добавить несколько значений. Вам просто нужно выбрать его снова и добавить другое значение.
^
Однако код, который мы использовали в приведенных выше примерах, сможет показывать только одно значение.
Чтобы отобразить все значения настраиваемого поля, нам нужно изменить код и заставить его возвращать данные в массиве. Вам нужно будет добавить следующий код в ваш файл темы:
^
Не забудьте заменить Mood собственным именем поля.
На этом примере вы заметите, что мы изменили последний параметр функции get_post_meta на false. Этот параметр определяет, должна ли функция возвращать одно значение или нет. Установка в false позволяет ему возвращать данные в виде массива, который мы затем отображаем в цикле foreach.
WordPress позволяет отображать сообщения с пользовательскими ключами и их значениями. Например, если вы пытаетесь создать пользовательскую страницу архива для отображения всех сообщений с определенными настраиваемыми ключами, то вы можете использовать класс WP_Query для запроса сообщений, соответствующих этим полям.
Вы можете использовать следующий код в качестве отправной точки.
^
Не забудьте заменить параметры meta_key и meta_value своими собственными значениями.
Вы хотите добавить гостевой пост, но не хотите добавлять новый профиль пользователя, чтобы добавить только один пост? Более простой способ сделать это – добавить имя автора гостя в качестве настраиваемого поля.
Во-первых, вам нужно добавить следующий код в файл functions.php вашей темы или плагин для сайта.
^
Этот код подключает функцию к фильтрам the_author и get_the_author_display_name в WordPress. Функция сначала проверяет имя автора гостя. Если он существует, он заменяет имя автора на имя гостя.
Теперь вам нужно будет отредактировать пост, в котором вы хотите отобразить имя автора гостя. Перейдите в мета-поле пользовательских полей и добавьте имя автора гостя.
^
Подробнее см. В нашей статье о том, как переписать имя автора гостя с помощью настраиваемых полей в WordPress.
На многих популярных блогах и новостных сайтах несколько авторов вносят свой вклад в написание статьи. Тем не менее, WordPress позволяет только одному автору быть связанным с постом.
Одним из способов решения этой проблемы является использование плагина Co-Authors Plus. Чтобы узнать больше, ознакомьтесь с нашим руководством о том, как добавить нескольких авторов в сообщение WordPress.
Другой способ сделать это – добавить участников в качестве настраиваемого поля.
Сначала вам нужно отредактировать пост, в котором вы хотите отобразить соавторов или авторов. Прокрутите вниз до мета-поля пользовательских полей и добавьте имена авторов в качестве пользовательских полей соавторов.
^
Теперь добавьте этот код в ваши файлы тем, где вы хотите показать соавторов.
^
Для отображения имен авторов, разделенных запятыми, вы можете добавить следующий пользовательский CSS.
^
Вот как это выглядело на нашем демонстрационном сайте.
^
Пока что мы показали вам все примеры, где настраиваемые поля отображаются внутри цикла WordPress. Что если вам нужно показать их вне цикла? Например, в боковой панели одного поста.
Чтобы отобразить настраиваемые поля вне цикла WordPress, добавьте следующий код:
^
Не забудьте заменить ключ своим именем настраиваемого поля.
Обычно большинство тем WordPress используют одинаковые верхний и нижний колонтитулы и боковую панель на всех страницах. Существует несколько способов отображения разных боковых панелей, верхнего или нижнего колонтитула для разных страниц вашего сайта. Смотрите наше руководство о том, как отображать разные боковые панели для каждого поста или страницы WordPress.
Одним из способов сделать это является использование пользовательских полей. Отредактируйте сообщение или страницу, где вы хотите показать другую боковую панель, а затем добавьте боковую панель в качестве настраиваемого поля.
^
Теперь вам нужно отредактировать файлы вашей темы WordPress, например single.php, где вы хотите отобразить пользовательскую боковую панель. Вы будете искать следующий код:
^
Замените эту строку следующим кодом:
^
Этот код просто ищет настраиваемое поле боковой панели и затем отображает его в вашей теме. Например, если вы добавите wpbpage в качестве настраиваемого поля боковой панели, код будет искать файл sidebar-wpbpage.php для отображения.
Вам нужно будет создать файл sidebar-wpbpage.php в папке вашей темы. Вы можете скопировать код из файла sidebar.php вашей темы в качестве отправной точки.
Хотите отобразить дополнительные метаданные или контент для пользователей вашего RSS-канала? Используя настраиваемые поля, вы можете манипулировать вашим RSS-потоком WordPress и добавлять пользовательский контент в свои каналы.
Сначала вам нужно добавить следующий код в файл functions.php вашей темы или плагин для сайта.
^
Теперь просто создайте настраиваемое поле с именем «coolcustom» и добавьте любое значение, которое вам нравится. Вы можете использовать его для отображения рекламы, изображений, текста или чего угодно.
Иногда вам может понадобиться добавить дополнительный текст в заголовок сообщения для пользователей RSS-канала. Например, если вы публикуете спонсорский пост или гостевой пост.
Сначала добавьте следующий код в файл functions.php вашей темы или в плагин для конкретного сайта.
^
Затем вам нужно отредактировать сообщение, в котором вы хотите отобразить дополнительный текст в поле заголовка и добавить guest_post и спонсорское_пост в пользовательских полях.
^
Если какое-либо из этих двух настраиваемых полей будет найдено со значением «true», то перед заголовком будет добавлен соответствующий текст. Эта техника может быть использована по-разному, чтобы соответствовать любому, что вам нравится.
Хотите узнать больше крутых хаков на фид RSS? Посмотрите наше руководство о том, как добавлять контент и управлять своими RSS-лентами WordPress.
Хотите установить срок действия некоторых сообщений на вашем сайте WordPress? Это удобно в ситуациях, когда вы хотите публиковать контент только в течение определенного периода, например, при проведении опросов или ограниченных временных предложений.
Одним из способов сделать это является ручное удаление содержимого публикации или использование такого плагина, как плагин Post Expirator.
Другой способ сделать это – использовать настраиваемые поля для автоматического истечения срока действия сообщений по истечении определенного времени.
Вам нужно будет отредактировать файлы вашей темы и добавить модифицировать цикл WordPress следующим образом:
^
Примечание. Вам нужно будет отредактировать этот код в соответствии с вашей темой.
После добавления этого кода вы можете добавить настраиваемое поле срока действия к сообщению, срок действия которого вы хотите закончить. Убедитесь, что вы добавили время в этом формате мм / дд / гггг 00:00:00.
^
Хотите изменить внешний вид отдельного поста с помощью CSS? WordPress автоматически присваивает каждому сообщению свой собственный класс, который вы можете использовать для добавления пользовательских CSS.
Однако, используя пользовательские поля, вы можете добавить свои собственные пользовательские классы, а затем использовать их для стилизации сообщений по-разному.
Сначала вам нужно отредактировать пост, который вы бы хотели по-другому оформить. Перейдите в поле пользовательских полей и настраиваемое поле после класса.
^
Затем вам нужно отредактировать файлы тем WordPress и добавить этот код в начале цикла WordPress.
Затем вам нужно отредактировать файлы тем WordPress и добавить этот код в начале цикла WordPress.
^
Теперь вам нужно найти строку с функцией post_class (). Вот как это выглядело в нашей демо-теме:
^
Измените эту строку, чтобы включить значение настраиваемого поля, например:
^
Теперь, если вы изучите исходный код сообщения с помощью инструмента Inspect, то увидите, что класс CSS вашего пользовательского поля добавлен в класс сообщения.
^
Теперь вы можете использовать этот класс CSS, чтобы добавить собственный CSS и по-другому оформить ваш пост.
Вот и все, мы надеемся, что эта статья помогла вам узнать больше о пользовательских полях WordPress. Возможно, вы также захотите ознакомиться с нашим окончательным пошаговым руководством по повышению скорости и производительности WordPress для начинающих.
Поскольку до крайнего срока соблюдения GDPR ЕС осталось всего 178 дней , многие владельцы сайтов…
Команда Gutenberg создаст станцию тестирования удобства использования в WordCamp US, где посетители смогут принять участие…
Сегодня компания 10up опубликовала предварительную версию своего плагина Distributor , нового решения для синдикации контента…
На этой неделе был выпущен Gutenberg 1.8 с несколькими заметными улучшениями, которые предоставят разработчикам плагинов…
На этой неделе был выпущен Gutenberg 15.5 с новыми функциями и улучшениями возможностей полнофункционального редактирования…
DesktopServer выпустил версию 3.8.4 своего программного обеспечения для локальной разработки. Эта версия включает в себя…