Как использовать пользовательские поля в WordPress

Как использовать пользовательские поля в WordPress


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

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

Позвольте нам показать вам больше о пользовательских полях и как их использовать на вашем сайте:

  • Что такое пользовательские поля и как они работают
  • Как составить список сообщений с определенным пользовательским полем
  • Показать боковую панель с помощью пользовательских полей
  • Изменить заголовок, нижний колонтитул или боковую панель для отдельных сообщений с настраиваемыми полями
  • Реализуйте расширенные пользовательские поля с помощью кода ACF Theme
  • Покажите свое настроение или песню с пользовательскими полями

Contents

Что такое пользовательские поля и как они работают

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

Настраиваемые поля

Может быть, все будет яснее с примером.

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

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

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

Следуя примеру игрового веб-сайта, вы получите несколько пользовательских полей, которые ваши авторы могут ввести и которые вы покажете своим читателям:

Call of Duty info

Это информация, которую ваши авторы будут вводить в пользовательские поля, и вы можете отобразить ее в сообщении. Но как?

Отобразить все настраиваемые поля:

Если у вас есть только одно поле или вы хотите показать все свои поля в одном месте, вы можете подключить все метаданные сразу с помощью простой функции:

  1. Откройте single.php
  2. Найдите функцию the_content () и вставьте этот код до или после нее (в зависимости от того, где вы хотите отобразить настраиваемые поля):
  3. Сохранить изменения

Отображение определенного настраиваемого поля:

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

  1. Открыть файл single.php
  2. Найдите содержание и к / п следующее:
ID, «ключ», правда); ?>
  1. Замените «ключ» фактическим настраиваемым полем, которое вы используете в сообщении. Например: «Издатель»
  2. Сохранить изменения

Эта функция будет проверять каждый пост в цикле и искать пользовательское поле с именем «Издатель». Если ключ найден, его значение будет отображаться. Вы можете дополнительно настроить способ отображения настраиваемого поля, добавив в него класс и стилизовав его с помощью CSS, или вы можете напрямую ввести HTML в значение поля.

Условные пользовательские поля:

Если вы хотите, вы можете использовать пользовательские поля как условные. Давайте оставим пример и допустим, что бывают случаи, когда вы не сможете узнать дату выпуска игры, о которой пишете. Вместо того, чтобы вводить пользовательское поле, вы можете автоматизировать процесс и сказать WordPress написать «TBA» (будет объявлено) в поле «Дата выпуска», если пользователь не добавил никаких данных:

ID, «Дата выпуска», правда);
if ($ release_date) {
?>


Быть объявленным.

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

Как составить список сообщений с определенным пользовательским полем

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

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

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

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

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

1. Создайте собственный шаблон:

Остановимся на примере обзора игры, где мы хотим показать все игры от Bethesda Softworks (кто-нибудь говорил Fallout?). Для начала вам нужно будет создать и подготовить собственный шаблон:

  1. Создайте собственный шаблон страницы и назовите его bethesda-games.php
  2. Скопируйте и вставьте следующий код в файл:
  3. 
    
    
    
     «Издатель»,
    'meta_value' => 'Bethesda'
    ));
    
    if (have_posts ()) while (have_posts ()): the_post ();
    эхо«;
    the_title ();
    эхо«;
    ENDWHILE;
    
    wp_reset_query (); ?>
    
    
    
    
  4. Сохранить изменения

Код готов пройти через все настраиваемые поля и найти только ключи «Publisher» со значением «Bethesda». Вы можете изменить ключ и значение на что угодно. Если вы хотите отобразить все сообщения с настраиваемым полем «Издатель», содержащим любое значение, просто полностью удалите строку «meta_value».

Не забудьте изменить название шаблона на то, что вы узнаете позже.

2. Добавьте страницу:

Теперь ваш шаблон готов, поэтому вы можете продолжить создание списка:

  1. Перейдите к Страницы-> Добавить новый
  2. Добавить заголовок
  3. На правой стороне найдите «Атрибуты страницы»
  4. Выберите свой шаблон из выпадающего списка «Шаблон»
  5. Опубликовать страницу

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

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

Показать боковую панель с помощью пользовательских полей

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

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

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

1. Подготовьте шаблон:

  1. Откройте файл page.php или single.php
  2. Найдите следующий код:
  3. Замените код следующим:
  4. ID, "боковая панель", правда);
    get_sidebar ($ боковой панели);
    ?>
    
  5. Сохранить изменения
  6. Создайте собственный шаблон, где ваша боковая панель будет
  7. Откройте файл sidebar.php
  8. Скопируйте все из sidebar.php и вставьте в свой файл шаблона
  9. Сохранить изменения.

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

2. Использование боковой панели в пользовательских полях:

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

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

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

    Но иногда одного элемента недостаточно, например, вы захотите изменить заголовок. Если вы хотите изменить его для всего сайта, вы уже готовы к работе – откройте header.php и измените его так, как вы этого хотите.. Но что, если вы хотите добавить объявление в заголовок только для ваших отдельных сообщений? Или, возможно, измените заголовок только для одного сообщения во всей вашей коллекции, не меняя остальных?

    Еще раз, настраиваемые поля помогут вам.

    1. Подготовьте файл:

    Прежде чем использовать настраиваемое поле для изменения верхних и нижних колонтитулов или боковых панелей, необходимо подготовить файл. Допустим, вы хотите изменить заголовок для одного или двух сообщений, и вы создали новый файл с именем header-header2.php, в котором вы изменили дизайн или вставили конкретное объявление в сообщение. Прежде чем вы сможете продолжить создание настраиваемого поля, убедитесь, что файл правильно закодирован и работает на вашем сайте. Как только файл готов и готов, вы можете продолжить.

    Будьте осторожны с присвоение имени файлу – если вы пытаетесь изменить заголовок, ваш новый файл заголовка должен выглядеть так: Заголовок-newname.php

    2. Заменить код:

    1. Открыть файл single.php
    2. Поиск get_header (); часть кода, которая обычно находится в самом верху страницы single.php
    3. Замените функцию следующим:
    4. global $ wp_query;
      $ postid = $ wp_query-> post-> ID;
      $ header = get_post_meta ($ postid, "header", true);
      if (! empty ($ header)) {
      get_header ($ заголовка);
      } еще {
      get_header ();
      }
      wp_reset_query ();
      
    5. Сохранить изменения

    С помощью этого кода вы сказали WordPress проверять настраиваемое поле «заголовок» в каждом посте. Если пользовательское поле с таким именем было найдено, WordPress примет его значение и будет использовать имя файла в качестве заголовка только для этой записи..

    3. Измените заголовок через настраиваемое поле:

    Если в вашей теме загружен header-header2.php, теперь вы можете вызвать его в специальном поле:

    1. Откройте сообщение, для которого вы хотите изменить заголовок
    2. Прокрутите вниз и перейдите к пользовательским полям
    3. Введите новое поле и назовите его «header»
    4. Введите «header2.php» в значение поля
    5. Обновить или опубликовать пост

    Если в вашем файле нет ошибок Заголовок-header2.php файл, новый заголовок должен появиться в верхней части сообщения, для которого вы внесли изменения. Тем не менее, все остальные сообщения будут загружать ваш стандартный заголовочный файл, определенный темой.

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

    То же самое касается боковой панели или файла нижнего колонтитула, конечно, путем изменения get_sidebar () а также get_footer () часть кода.

    Реализуйте расширенные пользовательские поля с помощью кода ACF Theme

    Пользовательские поля являются неотъемлемой частью практически любой темы WordPress. Эти поля позволяют каждому включать дополнительную информацию о публикации, но, к сожалению, эта стандартная функция WP довольно сырая. Начинающим нужно некоторое время, чтобы привыкнуть к использованию пользовательских полей, а разработчикам приходится тратить много дополнительного времени на программирование вокруг них..

    Вот почему Расширенные пользовательские поля (ACF) плагин очень популярен среди пользователей WordPress по всему миру. Этот бесплатный плагин насчитывает более 1 миллиона активных установок на данный момент, и мы не видим, почему число начнет падать. ACF позволяет создавать мощные, профессиональные и интуитивно понятные настраиваемые поля с помощью визуального редактора..

    Несмотря на то, что ACF довольно популярен, он все еще требует знания кодирования и много времени, если вы планируете реализовать эти поля в теме. Да, создать группу полей легко, но отображать эти поля не так уж и легко. И именно здесь вступает в силу ACF Theme Code, чтобы спасти разработчиков.

    ACF Theme Code

    ЦЕНА: бесплатно

    ACF Theme Code для WordPress

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

    Аарон Ратли, один из создателей, объяснил на его блог:

    «При реализации поля в теме WordPress, скорее всего, я забуду имя поля, это было« profile_image »или« profile_photo »? Я также могу забыть, как я установил это поле для возврата, это был ID, URL или массив? Я постоянно редактировал полевую группу, чтобы выяснить это ».

    И именно здесь ACF Theme Code может помочь разработчику. После установки этого бесплатного плагина, который сейчас загружается более 4000 раз, Вы можете сэкономить время при работе с кодом. Каждый раз, когда вы публикуете, редактируете или обновляете группу полей в Advanced Custom Fields, этот удивительный плагин автоматически генерирует код, необходимый для внедрения полей в любую тему..

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

    Хотя плагин уже является обязательным для любого разработчика, Аарон говорит, что они уже планируют расширить код темы ACF:

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

    Хотя плагин является бесплатным в сочетании с бесплатной версией ACF, вам потребуется PRO версия если вы используете расширенную версию Advanced Custom Fields. ACF Theme Code Pro генерирует код для всех других типов полей ACF Pro, таких как поля «Клон», «Галерея», «Повторитель» и «Гибкое содержимое».

    Покажите свое настроение или песню с настраиваемыми полями

    Блоги должны быть веселыми. Даже если вы пишете статьи на серьезные темы, в вашем блоге может быть то или иное, что делает его более увлекательным для обычного читателя. Это может быть что угодно – небольшая заметка от автора, забавное изображение или вы можете добавить настроение, в котором вы были, когда писали статью. Может быть, вы даже хотели бы добавить название песни, которую вы слушали.

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

    1. Давайте добавим «функцию настроения»:

    1. Открыть файл single.php
    2. Скопируйте и вставьте следующий код в то место, где вы хотите показать свое настроение:
    3. $ customField = get_post_custom_values ​​("mood");
      if (isset ($ customField [0])) {
      эхо "Msgstr "Настроение:". $ CustomField [0]. "«;
      }
    4. Сохранить изменения

    Настраиваемые поля настроения

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

    2. Добавьте свое настроение / песню в пост:

    Чтобы ввести настроение или песню, вам нужно будет написать ее в специальном поле:

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

    4. Напишите «настроение» в поле имени или «песню», если вы решили пойти с ним
    5. Напишите все, что вы хотите в поле «Значение» – это будет настроение / песня, отображаемая в вашем посте
    6. Нажмите на кнопку «Добавить настраиваемое поле»
    7. Опубликуйте свой пост

    3. Стиль это:

    Как вы можете видеть только из трех строк кода, это самая простая форма добавления нового настраиваемого поля. Если вы хотите стилизовать свое настроение с помощью некоторого CSS, вы можете видеть, что код уже добавил класс «my_mood» к вашему тексту. Чтобы изменить стиль, сделайте следующее:

    1. Открыть файл style.css
    2. Скопируйте и вставьте код:
    3. .мое настроение {
      цвет синий;
      }
    4. Добавьте любой стиль CSS, который вам нравится
    5. Сохранить изменения.

    Надеюсь, этого будет достаточно, чтобы вы начали настраивать «функцию настроения / песни» для своего блога, и мы надеемся, что «синий» не будет частым значением, с которым вы имеете дело. Если вы не хотите публиковать свое настроение, просто не пишите ничего в поле «настроение».

    Подводя итоги

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

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

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
      Like this post? Please share to your friends:
      Adblock
      detector
      map