2 классных трюка с произвольными полями WordPress

Я услышал о произвольных полях(custom fields) WordPress наверно где-то год назад. Многие блоггеры писали какая это крутая фича. Но у меня никак не доходили руки взяться за эти произвольные поля и отпроизволить свои темы. То ли времени не хватало, то ли желания. Скорее всего второго, потому что я не особо понимал, что же это за поля такие, и что они такого делают, чего нельзя сделать другими способами. Но прошло время и вот я наконец-то добрался до них. Два трюка, описанных в этом посте, довольно просты, что бы понять, что такое произвольные поля WordPress и зачем они нужны. А так же очень полезны и думаю многим пригодятся.

Трюк номер раз. Заказное <!--more-->

Я думаю, что было бы очень прикольно сменить стандартное «читать далее», которое появляется при обрезке поста тэгом <!--more--> на что-нибудь своё для каждого отдельного поста. Поэтому я нашёл простой способ сделать это, используя произвольные поля WordPress. Всё, что тебе нужно сделать, это заменить тэг шаблона the_content этим кодом.

<?php $custommore = get_post_meta($post->ID, 'custom_more', true); ?> 
<?php if (!$custommore) { $custommore = 'Читать далее &raquo;'; } ?> 
<?php the_content($custommore); ?>

Потом, когда ты будешь писать пост, создай произвольное поле с ключом custom_more, а в поле значение введи фразу, которая заменит «Читать далее». Вот как это выглядит в админке:

Трюк номер два. Выводи список последних постов в виде картинок.

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

Сперва нужно сделать уменьшенное изображение для каждого из пяти твоих последних постов(и для каждого следующего потом тоже придётся делать). Залить их к себе на сервер(а лучше на какой-нибудь яндекс.фотки), а потом вставить ссылку на них в новое произвольное поле с ключом post_thumbnail.

Следующим шагом будет создание нового Loop’а где-нибудь в одном из файлов твоей темы, где будут выводиться изображения. Например в шапке блога.

<ul class="thumb_recent" > 
<?php query_posts('showposts=5'); ?> 
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> 
<?php $thumbnail = get_post_meta($post->ID, 'post_thumbnail', true); ?> 
    <li> 
        <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"> 
        <img src="<?php echo $thumbnail; ?>" alt="<?php the_title(); ?>" /> 
        <span><?php the_title(); ?></span></a> 
    </li> 
<?php endwhile; endif; ?> 
</ul>

Этот пример нуждается в небольшом добавлении CSS, что бы выглядеть более привлекательно. Поэтому добавь следующие строки в свой файл style.css и готово.

ul.thumb_recent { 
    list-style:none; 
    margin:30px 0 0 0; 
    padding:0; 
    } 
 
ul.thumb_recent li { 
    float:left; 
    margin:0 5px 0 0; 
    position:relative; 
    } 
 
ul.thumb_recent li img {border:3px solid #7BA2C7;} 
ul.thumb_recent li a:hover img {border:3px solid #666;} 
ul.thumb_recent li span { 
    text-decoration:none; 
    display:none; 
    text-align:left; 
    position:absolute;  
    top:-15px; 
    left:0px; 
    width:400px; 
    color:#666; 
    text-transform:uppercase; 
    font-family:arial; 
    font-size:11px; 
    } 
 
ul.thumb_recent li a:hover span {display:block;}

Переведено с WordPress Tip: 3 Awesome Custom Field Tricks

Rk-airplane.ru – Создание сайтов, Киров.