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

произвольные поля wordpress, custom fields

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

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

произвольные поля wordpress, custom fields

Я думаю, что было бы очень прикольно сменить стандартное «читать далее», которое появляется при обрезке поста тэгом <!--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, а в поле значение введи фразу, которая заменит «Читать далее». Вот как это выглядит в админке:

произвольные поля wordpress, custom fields

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

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

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

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

произвольные поля wordpress, custom fields

Следующим шагом будет создание нового 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 – Создание сайтов, Киров.

Об авторе Skech

Погонщик умов.
Запись опубликована в рубрике Wordpress с метками , , , , . Добавьте в закладки постоянную ссылку.

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

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

  2. Аллен Карр говорит:

    спс, буду знать!

  3. Крава говорит:

    PHP всегда рулит

  4. Konstantin говорит:

    согласен, пхп решает! ))

  5. гном говорит:

    Первый трюк мне особенно понравился =) Буду пользоваться, спасибо.

  6. KACTEt говорит:

    1 способ понравился, попробую на своем блоге. спс

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">