Разумеется, в текст записи картинки можно вставлять и с помощью менеджера медиафайлов. Это наглядно и действительно удобно. Но что делать, если мы хотим разместить картинку ВНЕ текста записи? Например — над заголовком новости. Или слева всей области поста, в отдельную колонку с индивидуальным фоном. Для таких случаев существуют Custom Fields.

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

Выглядит так:

<div class="post-area">
<?php $thumbnail = get_post_meta($post->ID, 'thumbnail', true);
if ($thumbnail != '') {?><div class="thumb"><a href="<?php the_permalink(); ?>"><img src="<?php echo $thumbnail ?>" /></a></div><?php } ?>
<?php $custommore = get_post_meta($post->ID, 'custom_more', true);if (!$custommore) { $custommore = 'Подробнее &raquo;'; } the_content($custommore); ?>
</div>

А вот и сами поля — для вывода картинки (thumbnail) и для изменения текста ссылки на полную новость (custom_more):

Несколько комментариев по коду:

Переменная $thumbnail принимает значение из произвольного поля thumbnail. Далее происходит проверка — если поле вообще указано, то вставляется картинка, путь к которой — значение из поля thumbnail. Картинка, в свою очередь является ещё и ссылкой на полную новость. А если поле не указано — то вообще ничего не происходит, блок картинки не генерируется. Всё просто. Если что-то не просто — спрашивайте в комментариях.

Вот пара примеров живого использования. Обратите внимание на расположение картинок в новостях.

Замена ссылки «Подробнее», например, на «Дальше — больше», или «Смотрим под кат», в зависимости от сути публикуемого текста, очеловечивает вид контента вашего сайта. А делается это совсем не сложно. Нужно только найти в коде вашей темы строку the_content("Подробнее"); (текст в скобках может отличаться, сама функция находится в файлах темы index.php, search.php, single.php и page.php) и заменить на код

<?php $custommore = get_post_meta($post->ID, 'custom_more', true);
if (!$custommore) { $custommore = 'Подробнее »'; }
the_content($custommore); ?>

Разберём, если непонятно. Стандартная функция WordPress the_content(); выводит содержимое поста, что ясно по названию. В скобках можно указать параметры, которая принимает функция (это уже из области php, не будем углубляться). В основном в скобках указывают текст ссылки на полную новость, то есть «Подробнее» в самых разных ипостасях. Нам же нужно каким-то образом изменить этот текст в каком-нибудь определённом случае. В админке, в разделе добавления новой записи, под полем редактора, вы увидите область для ввода произвольных полей. Она так и называется – «Произвольные поля». Если вы раньше никогда не обращали на них внимание — то сейчас самое время начать :) Код, которым мы заменили стандартную функцию, считывает запись из поля custom_more в переменную $custommore. Дальше идёт проверка на сам факт наличия чего либо в полях. Если вы поле не указали — используется стандартное шаблонное «Подробнее». Если всё же произвольное поле custom_more добавлено и заполнено — функция вывода содержания поста принимает указанный вами текст для обозначения полной новости. Вот.

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

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