28
Авг
2 классных трюка с произвольными полями WordPress
Рубрики: 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 – Создание сайтов, Киров.

Связанные записи

Комментарии: 123

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

  1. Plazik Написал(а):
    августа 29, 2009 в 12:41

    Насчет первого трюка можно намного проще поступить, в редакторе вставляем и редактирует по типу:
    Можно в каждом посте делать свой текст читать далее.

  2. ArtShok Написал(а):
    августа 29, 2009 в 13:52

    Ну это да, read more можно и так исправлять, без полей. Лишние навороты не всегда нужна. А вот последний пост в виде картинки это уже дело. 5+ за проделанную работу

  3. lifeout Написал(а):
    августа 29, 2009 в 17:35

    «Лишние навороты» – это всего лишь пример использования произвольного поля. Вряд ли единственный…

  4. Marianka Написал(а):
    августа 30, 2009 в 17:50

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

  5. Oleg Написал(а):
    августа 30, 2009 в 23:06

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

  6. Anna Написал(а):
    августа 30, 2009 в 23:28

    почему то не получается применить этот трюк=(

  7. Serega Написал(а):
    сентября 2, 2009 в 14:49

    Очень круто, PHP5 вообще класс!!!

  8. Тут Написал(а):
    сентября 3, 2009 в 09:10

    Я на перепутье – подскажите что изучать перл или пашпэ? Начал было перл а все говорят брось и берись за PHP верить?

  9. Хочу гитару Написал(а):
    сентября 7, 2009 в 23:30

    Вообще ничего не понял в пэхэпе. Но, когда блог делал, заклинило это дополнительное поле. Так вообще оно для чего и как неспециалисту им пользоваться?

  10. Олег Написал(а):
    сентября 9, 2009 в 14:55

    На моём движке сделанно проще, там сам тег допускает ввода произвольного текста который и будет выводиться ссылкой. Например тег прописывается так [cut Читать далее...] и выводиться Читать далее…

  11. Lukaha Написал(а):
    сентября 9, 2009 в 15:35

    Да согласен-как-то сложно(((

  12. Инь-ян Написал(а):
    сентября 9, 2009 в 19:32

    в принципе понятно, теперь тоже надо лень преодолеть))))

  13. Вася Написал(а):
    сентября 20, 2009 в 08:25

    Прикольно

  14. JJ Написал(а):
    сентября 20, 2009 в 13:34

    осталось только за дело взятся и немного разнообразить свои блоги.

  15. Молоток Написал(а):
    сентября 21, 2009 в 00:29

    Да ниче сложного, просто еще одна хитроизвернутая фича. На любителя.

  16. zayusha Написал(а):
    сентября 21, 2009 в 08:26

    А мне понравилась эта идея, буду использовать)))Спасибо)

  17. Leontich Написал(а):
    сентября 21, 2009 в 16:52

    Хехе))) прикольно))

  18. stab Написал(а):
    сентября 24, 2009 в 19:45

    Круто, не знал))

  19. uats Написал(а):
    сентября 25, 2009 в 14:10

    Полезная статья, нужно будет попробывать что-нибудь у себя.

  20. Venusha Написал(а):
    сентября 26, 2009 в 07:48

    прикольные трюки, особенно понравилось про смену «читать далее»…. а ещё будет статья на эту тему?

  21. валерия Написал(а):
    октября 1, 2009 в 18:49

    да
    согласна
    трюки прикольные
    статья тоже оказалась полезной
    бду надеяться на ещё-что нибудь интересненькое:)
    подписываюсь

  22. Danila Написал(а):
    октября 6, 2009 в 16:49

    Самый большой ужас интернета – «Читать далее». Когда на каком-то сайте куча статей, и везде это словосочетание, это раздражает.
    Автор, спасибо за публикацию одного из способов исправить этот ужос.

  23. bobby Написал(а):
    октября 6, 2009 в 17:29

    Ну нормально так получается, нужно разнообразить себе страничку тоже.

  24. скорый Написал(а):
    октября 7, 2009 в 14:21

    Эт тема конеш клевая, Но принципиально ничего не меняет!!

  25. Viktorinka Написал(а):
    октября 7, 2009 в 16:55

    Классно надо у себя на блоге поэкспериментировать!

  26. biz Написал(а):
    октября 12, 2009 в 00:25

    Теперь ясно что это за поля. Очень интересно. Значит можно написать свои обработчики. Супер.

  27. Photo Написал(а):
    октября 12, 2009 в 20:05

    Класс) Надо на своем блоге заюзать)
    Пасиба большое)

  28. Польша Написал(а):
    октября 15, 2009 в 01:07

    Спасибо за ЦУ!
    Будем обсуждать проблематику использования таковых трюков на своем сайте!=)

  29. Zinusya Написал(а):
    октября 16, 2009 в 16:02

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

  30. Benzol Написал(а):
    октября 19, 2009 в 14:36

    Попробую в своих блогах сделать. Спасибо!

  31. Den Написал(а):
    октября 21, 2009 в 16:10

    Я тожу опробую все то что вы тут написали! Спасибо за материал!

  32. Leontina Написал(а):
    октября 25, 2009 в 14:16

    У меня что то РНР не идет, не поддается.

  33. Seoshared Написал(а):
    октября 25, 2009 в 20:46

    А прикольней было бы подгонять текст под НЧ-запросы для внутренней перелинковки?

  34. Рейкбек Написал(а):
    октября 26, 2009 в 20:46

    Спасибо попробую.

  35. Сео ученик Написал(а):
    октября 29, 2009 в 01:54

    И не лень было в этом розбираться. Кстати неплохо было бы все это оформить в плагин, думаю на него был бы спрос.
    Хотя конечно для чистоты кода лучше все эти манипуляции делать на более низком уровне.

  36. Olegushka Написал(а):
    октября 29, 2009 в 23:31

    Да классные вещи можно сделать с помощь wp !

  37. Nadeha Написал(а):
    ноября 2, 2009 в 18:36

    Если знаешь как и что, то можно много чего полезного сделать!

  38. Donya Написал(а):
    ноября 3, 2009 в 14:23

    Прикольно))) надо попробывать))

  39. Дмитрий Написал(а):
    ноября 5, 2009 в 18:03

    В каждом движке можно найти баги и другие, ещё неоткрытые ранее возможности!

  40. lifeout Написал(а):
    ноября 5, 2009 в 18:39

    Не назвал бы это багом…. Скорее оригинальное использование предусмотренных разработчиком возможностей:)

  41. Варвара Написал(а):
    ноября 6, 2009 в 16:59

    Прикольно. Будем пробовать.

  42. Seodaiter Написал(а):
    ноября 9, 2009 в 22:38

    Спасибо что написал как их выводить, а то в админке написано, что их можно использовать в шаблоне, а как информации нету, плюс ко всему этому почти всю поисковую выдачу по запросу Произвольные поля WordPress исследовал.

  43. Геймер Написал(а):
    ноября 11, 2009 в 13:56

    Спасибо, очень интересная заметка.
    «прочитала с удовольствием»
    Благодарю!
    думаю стоило бы выделить некоторые моменты и рассказать подробнее..
    Огромное человеческое спасбо!

  44. Tatunya Написал(а):
    ноября 14, 2009 в 03:18

    не знаю как вам! а мне блог понравился! супер! вот у меня с блого ничего не получается!(

  45. dan Написал(а):
    ноября 16, 2009 в 14:50

    Понравились трюки – сам не знал что это за поля и зачем.
    Жду постов. Подпишусь
    Дан.

  46. Михалыч Написал(а):
    ноября 17, 2009 в 12:32

    Прикольно. Не знал, что есть такие возможности. Короче, в закладки

  47. Kseniya Написал(а):
    ноября 18, 2009 в 21:17

    просто пипец как круто! болг пипец отличный !

  48. Pusya Написал(а):
    ноября 19, 2009 в 16:31

    Для меня сложно!

  49. goldium Написал(а):
    ноября 20, 2009 в 14:42

    Хм..а я и не знал что так можно сделать. Попробуем.

  50. remix Написал(а):
    ноября 20, 2009 в 16:56

    Ерунда какая-то, но попробовать надо, а вдруг!

  51. Chacha Написал(а):
    ноября 21, 2009 в 22:57

    Спасибо! Помогли разобраться как выводить посты в виде картинок (трюк номер 2) в скачанной не переведенной теме… отличный пост.

  52. RedLine Написал(а):
    ноября 24, 2009 в 02:31

    За первый трюк большое спасибо.

  53. интернет-бомж Написал(а):
    ноября 28, 2009 в 23:36

    Реальных выгод от применения пока не вижу, но за расширение кругозора – спасибо!

  54. yura Написал(а):
    ноября 29, 2009 в 14:27

    интересно конечно, только сложно всё это слишком!!!

  55. yura Написал(а):
    декабря 3, 2009 в 22:24

    классно конечно, только неплохо бы упростить чуть) а так не плохо)) спасибо)

  56. alech0 Написал(а):
    декабря 4, 2009 в 16:11

    блин, а я и не знал что это такое, думал что-то для добавления строчек в мету. сейчас как раз искал плагин чтобы выводить картинки лентой, вроде как на депозите. попробуй сделать сам. спасибо!

  57. SerguN Написал(а):
    декабря 6, 2009 в 08:47

    Посты в виде картинок – это круто , но нельзя ли упростить процесс , может плагин какой есть ?

  58. Arkman Написал(а):
    декабря 6, 2009 в 19:41

    Отличная фича, только вот больно сложно все это сделать. К тому же все своими руками, да и не каждый знает php.

  59. Webdiller Написал(а):
    декабря 6, 2009 в 19:52

    Классная штука! Спасибо!

  60. Otdihayushiy Написал(а):
    декабря 7, 2009 в 19:30

    Спасибо за подробное описание решения моей «головной боли». Произвольные поля – это то, что надо.

  61. sint Написал(а):
    декабря 11, 2009 в 13:09

    давно с этим вопросом мучился, спасибо за развёрнутый ответ

  62. mirrador Написал(а):
    декабря 12, 2009 в 19:39

    Спасибы!!!

  63. trinit Написал(а):
    декабря 18, 2009 в 12:57

    Классная статья, благодарствую!

  64. Лёха Написал(а):
    декабря 20, 2009 в 18:20

    Прикольные трюки, надо попользоваться.

  65. Aleksandra Написал(а):
    декабря 22, 2009 в 21:09

    Второй трюк мне особенно приглянулся, действительно выглядит круто!!!
    Главное и написано понятно,что и я поняла :) ))
    Надо теперь попробовать…

  66. Нло Написал(а):
    декабря 29, 2009 в 22:31

    :) Долгой вам жизни

  67. Витя Написал(а):
    декабря 30, 2009 в 01:27

    Я вот только познаю вордпресс, и все искал качественную литературу! Думаю, проведу на Вашем блоге еще не один час…а может и день!

  68. космос Написал(а):
    января 5, 2010 в 02:55

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

  69. Андрей Написал(а):
    января 5, 2010 в 21:40

    трюк номер два понравился но он же будет дополнительно нагружать сервер, я правильно понимаю?

  70. mindwork Написал(а):
    января 7, 2010 в 15:35

    Спасибо за второй трюк, попробую реализовать. А первый как бы не нужный (имхо) его и так можно с помощью стандартного WP редактора реализовать.

  71. Дмитрий Написал(а):
    января 9, 2010 в 00:44

    Классные трюки, по-настоящему, впервые слышу про такаи фичи. Это возможность повышения pr на иностранных сайтах

  72. Пира Написал(а):
    января 9, 2010 в 20:12

    Классные хаки. Побольше бы переводом из-за рубежа )

  73. basstudio Написал(а):
    января 11, 2010 в 16:30

    Прикольно мне понравилось!Толковый пост!

  74. Корнелий Написал(а):
    января 12, 2010 в 23:10

    Произвольные поля неплохая тема. Но сложно с ними работать без спец плагинов.

  75. karp Написал(а):
    января 18, 2010 в 16:54

    А в чем проблема, плагин тоже не проблема!

  76. svinip Написал(а):
    января 18, 2010 в 18:41

    Сложновато, но на что только ни идешь ради посетителей – пусть вам будет удобно и красиво

  77. AnutkaChiffa Написал(а):
    января 20, 2010 в 19:15

    Да, информацию полезную найти не трудно, а хорошего друга – практически нереально. (

  78. MisterHosterRu Написал(а):
    января 20, 2010 в 21:22

    Скажите а на каком хостинге Ваш сайт? Открывается и грузится быстро. Зачет!

  79. Mbiz Написал(а):
    января 21, 2010 в 18:32

    Интересненько можно поиграться, спасибо!

  80. MotoRaserSev Написал(а):
    января 21, 2010 в 20:57

    Не сразу понял, в чем дело. Но перечитав, все стало понятно. )

  81. Kinoman Написал(а):
    января 22, 2010 в 18:43

    первый раз о таком слышу..надо будет попробовать

  82. xsid Написал(а):
    января 22, 2010 в 19:14

    Отличная статья. Спасибо. Пошел «произволить» свои темы. Особенно актуальный первый трюк, с заменой «читать далее».

  83. Arni Web Design Написал(а):
    января 25, 2010 в 13:50

    Мне больше всего понравился второй трюк, спасибо за него

  84. Дмитрий Написал(а):
    января 28, 2010 в 15:43

    Большое спасибо за информацию. У произвольных полей еще куча функций. Одной из них может быть выведение произвольных статей в конце постов (Читать еще и т.д.).

  85. MisterMobileq Написал(а):
    января 28, 2010 в 18:33

    И где вы тут видите смысл? Абсурд какой-то…

  86. Электронный документооборот Написал(а):
    февраля 1, 2010 в 13:06

    Спасибо за инфу, пробовал получилось. Насчет второго трюка не очень уверен в нужности его использования так как народ у нас консервативен.

  87. Webman Написал(а):
    февраля 1, 2010 в 16:26

    Интересное решение – надо у себя подправить

  88. вOFFка Написал(а):
    февраля 2, 2010 в 00:34

    За второй трюк – спасибище! Работаю сейчас над одним блогом и задумывался реализовать подобное, разместить все это вертикально в сайдбар и как раз хорошо впишется под дизайн! :)

  89. RapperTochilo Написал(а):
    февраля 2, 2010 в 00:39

    Клево тут у Вас. ) Надо будет еще забежать.

  90. alexander128 Написал(а):
    февраля 2, 2010 в 15:22

    Спасибо, а то я уже давно думал для чего эти поля, интересно было бы еще что нибудь почитать про них.

  91. savdj Написал(а):
    февраля 2, 2010 в 17:22

    Интресно можно поиграться с произвольными полями. Я и не догадывался, но теперь буду знать! Спасибо за пост.

  92. Алексей Написал(а):
    февраля 4, 2010 в 19:31

    Наконец-то нормальную инфу по ним встретил)) Давно хотел разобраться в этих полях, да лень было))

  93. remix Написал(а):
    февраля 5, 2010 в 21:35

    А я пользуюсь ltydthjv!

  94. Дмитрий Написал(а):
    февраля 7, 2010 в 21:21

    Оу, очень неплохая статья + примеры кода, очень здорово!

  95. Рома Написал(а):
    февраля 10, 2010 в 03:46

    Все пишут спасибо. А кто нить эт осделал у себя? у меня пока не получилось

  96. Andrey Написал(а):
    февраля 10, 2010 в 09:18

    Идея с картинками 5 последних постов понравилась – пойду пробовать у себя, может что получится

  97. MisterCifra Написал(а):
    февраля 10, 2010 в 22:56

    Спасибо. Пригодится. )

  98. ShowMan Написал(а):
    февраля 13, 2010 в 14:26

    Полезная статья даже для бывалых PHP спецов. Благодарю.

  99. Vasya Написал(а):
    февраля 13, 2010 в 17:03

    Спасибо, может даже пригодится

  100. Akela Написал(а):
    февраля 13, 2010 в 19:44

    Не поняла, это только с wordpress работает?

  101. sawyer Написал(а):
    февраля 15, 2010 в 15:13

    Akela, по моему да. спасибо за фишки, руки не доходили долго до полей)

  102. Павел Написал(а):
    февраля 16, 2010 в 13:37

    Интересно, надо попробовать, спасибо

  103. denaie Написал(а):
    февраля 18, 2010 в 18:08

    т.е. дополнительные поля это суть переменные которые потом можно парсить в коде?

  104. PSP gen Написал(а):
    февраля 20, 2010 в 02:39

    Эх… и вы блог забросили…

  105. Владимир Написал(а):
    февраля 20, 2010 в 21:09

    Честно говоря никогда не придавал внимания произвольным полям, да и не понимал вообще зачем они нужны. Вы все довольно подробно расписали, можно будет попробовать. Да и с картинками идея хорошая. Спасибо.

  106. Павел Написал(а):
    февраля 21, 2010 в 02:55

    У меня руки ещё не дошли, но буду знать на будущее!

  107. led Написал(а):
    февраля 21, 2010 в 14:35

    Спасибо. Будем побывать. Теперь есть чем заняться в предверии праздника.

  108. r2d2 Написал(а):
    февраля 22, 2010 в 19:11

    Весьма специфическая функцию, но на заметку возьму. По-больше б таких статей!! :)

  109. Ольга Написал(а):
    февраля 22, 2010 в 22:09

    Не заметила квадратик, второй раз приходится писать))
    Спасибо большое за первый трюк – вроде бы и мелочь, но зато какая приятная. Вот насчет второго еще не решила – нужен он или нет.
    А сами-то что так скромно «далее»?)))

  110. LexSan Написал(а):
    февраля 25, 2010 в 09:46

    Спасибо. Подумываю перейти на WP. А тут такие подарки.
    Хочется продолжения.

  111. kinomans Написал(а):
    февраля 26, 2010 в 11:10

    Спс я как раз думал как на киношке своей выводить картинки для фильмов, а не названия фильмов, ещё раз спс!

  112. videostrana Написал(а):
    февраля 28, 2010 в 13:55

    Спасибо за информацию. На нашем сайте также ролики любой тематики – от музыки до полезных советов.

  113. Iren Написал(а):
    марта 4, 2010 в 22:25

    за второй вариант – отдельное спасибо! :)

  114. Tezz Написал(а):
    марта 5, 2010 в 02:28

    Хех, интересно. Пойду прокачаю свой блог

  115. Александр Написал(а):
    марта 5, 2010 в 12:15

    Весьма интересно.

  116. Сёма Написал(а):
    марта 5, 2010 в 15:45

    Мало трюков, а больше нету?

  117. seownik Написал(а):
    марта 5, 2010 в 21:22

    ПХП по любому всегда №1, спасибо!

  118. Турист Написал(а):
    марта 6, 2010 в 20:18

    Спасибо, интересная статья, пригодится в работе.

  119. dorcas Написал(а):
    марта 7, 2010 в 07:27

    Секс, видео эротика
    это для тебя http://clck.ru/yEM

  120. Екатерина Написал(а):
    марта 7, 2010 в 13:11

    А я вот похудела на 30 кг, и не могу нарадоваться. Кому интересен быстрый способ похудеть, добро пожаловать на мою страничку!

  121. Сео Лента Написал(а):
    марта 7, 2010 в 13:31

    Кастом Филд очень сильно помогли мне при создании нескольких нестандартных проектов на wordpress, даже в сео-ленте использую для вывода копирайтов и ссылок (т.к. все остальные ссылки закрываются от индекса)

  122. procarchik Написал(а):
    марта 7, 2010 в 19:25

    Интересно, спасибо. На своем сайте мы стараемся отразить самые последние события на мировом автомобильном рынке.

  123. Сергей Написал(а):
    марта 9, 2010 в 15:25

    Вывожу на главной новые и лучшие посты в виде картинок. Сделано без произвольных полей. Скрипт вычисляет первую картинку в посте и выставляет ее.

Оставьте комментарий

Щёлкни в квадратик, докажи, что не робот.
сделано dimoning.ru



Ссылки в комментариях будут свободны от nofollow.