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

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

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

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

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="https://mysite.com/wp-content/uploads/ <? echo strtolower($mythumb); ?>.jpg" 

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

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

Back to top