X
  • Дизайн та розробка сайту
  • Дизайн і створення сайтів. Розробка тем для WordPress. Створення Landing Page.
  • office@gnatkovsky.com.ua
  • @vgnat
  • Написати мені
Замовити послугу

Произвольные поля (custom fields) в WordPress

Приклад
  • 2024-03-28
  • 11491 переглядів

  • Дизайн та розробка сайту

Доброго времени суток!
В сегодняшней статье речь пойдет о произвольных полях (custom fields) для WordPress и как их можно применить. С помощью произвольных полей можно организовать нужные и интересные блоки.
Итак, произвольные поля можно подключить в админке WordPress при создании записи или странице в одном из блоков под текстовым редактором. Если произвольных полей нет, то их нужно включить. В верху справа возле вкладки "Помощь" есть вкладка "Настройки экрана" в ней есть "На экране отображаются" - где нужно отметить галочкой "Произвольные поля". Теперь можно пользоваться данной формой.
Выглядит форма примерно следующим образом:
Произвольные поля
Здесь слева располагается имя поля, а справа его значение. В качестве имени вы можете выбрать несколько вариантов по умолчанию, у меня там было title, description, keywords. Также можно добавлять свое значение. Для этого нужно нажать «Добавить новое» и ввести имя (ключ). Использовать нужно только английские символы! Справа указываем значение поля, после чего нажимаем на кнопку «Добавить произвольное поле». К примеру в поле можно ввести значение «hello world» и зададим ему имя(ключ) mytext.

Заполнив форму, мы прошли только пол пути 🙂 Следующим шагом является вывод произвольного поля (custom fields) в нашем шаблоне WordPress. Для этого используем функцию get_post_meta($post_id, $key, $single). Переменные здесь обозначают:

no image

post_id – ID поста, из которого берутся произвольные поля. Чаще всего использует значение текущей статьи, поэтому параметр равен $post->ID.
key – имя произвольного поля.
single – установлен в true, если требуется вывести единичный результат в виде строки. Значение false используется для отображения всего массива данных с произвольными полями. Чаще всего (в том числе и у нас в примере) используется true.

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

<?php echo (get_post_meta($post->ID, 'mytext', true)); ?>

Эту строку можно заключить в какой то класс и придать ему стилей с помощью CSS. Этим методом можно вывести нужный текст. Но это еще не все, с помощью произвольных полей можно выводить и картинки. Для этого создаем поле с названием, например, mythumb, где в качестве значение указываем название изображения (его предварительно заливаем на фтп), а в шаблон добавляем код по типу:

<?php $mythumb = get_post_meta($post->ID,'mythumb', true); ?>
<img src="http://mysite.com/wp-content/uploads/ <? echo strtolower($mythumb); ?>.jpg" 

С помощью произвольных полей можно вывести еще много чего интересного. Я показал лишь 2 простых и самых популярных способов.
На этом все. Спасибо за внимание 🙂

Якщо Вам була корисна моя праця, можете фінансово підтримати сайт або відключити блокувальник реклами, що займе 2 хвилини :)

Хочу підтримати фінансово Хочу відключити блокувальник

Оцініть статтю
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
Проголосовало: 14, в среднем: 4.4 из 5
Читайте також