WordPress. Картинка рубрики

WordPress. Картинка рубрики

От автора: в этом и нескольких следующих уроках мы с вами поработаем с описаниями рубрик в CMS WordPress.

В разделе Рубрики админки вы можете видеть соответствующее поле, выделенное под описание рубрики. Там же можно прочитать, что это описание по умолчанию не показывается, однако некоторые темы могут его показывать. Давайте попробуем немного модифицировать свою тему, и научить ее показывать описания рубрик.

автор

Автор: Андрей Кудлай

Зовут меня Андрей Кудлай. Родом я из Украины, живу в Днепропетровске. Веб-программированию учился сам. Неплохо знаю HTML, CSS, PHP, JavaScript.

скачать исходникискачать урок

На самом деле сделать это несложно и делается всего одной функцией, которую нам предлагает WP — category_description(). Однако здесь есть один нюанс. Дело в том, что по умолчанию в поле описания рубрики можно писать только обычный текст. Если, к примеру, мы захотим там вывести картинку и пропишем путь к ней с помощью тега img, то WP попросту вырежет этот тег.

Собственно, в этом уроке мы попробуем добиться того, чтобы в описании выводился не только текст, но еще и картинка рубрики. Для реализации задачи давайте используем шорткод (подробные уроки по работе с шорткодом можно найти на сайте). Итак, в описание рубрики помести необходимый шорткод cat_desc.

В шаблон category.php пропишем вывод описания:

<?php echo category_description(); ?>

Теперь на странице должно выводиться описание рубрики. Но пока что это описание представляет из себя необработанный шорткод. Для того, чтобы шорткод работал нам нужно прописать еще несколько строк кода в файле функций:

// добавляем шорткод cat_desc, который будет заменен результатом выполнения функции cat_desc()
add_shortcode( 'cat_desc', 'cat_desc' );
// разрешаем выполнение шорткода в описаниях
add_filter( 'term_description', 'do_shortcode' );
function cat_desc($attr, $text=''){
	echo '<div class="cat-desc">';
	echo "<img class='wp-post-image' src='{$attr['src']}' alt=''>";
	echo $text;
	echo '</div>';
}

Вот, собственно, и все. Теперь на странице рубрики должно выводиться описание рубрики с картинкой. На самом деле этот код пока что не идеален. К примеру, так мы можем столкнуться с определенными конфликтами кода с плагиами типа All in One Seo Pack. В следующем уроке мы продолжим работу с описаниями рубрик.

На этом наш урок завершен. Удачи и до новых встреч!

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress “Уникальный сайт с нуля”

Получить

Метки: ,

Комментарии Вконтакте:

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

Комментарии (3)

  1. Pavel

    Здравствуйте. Хочу поблагодарить вас за уроки «перетягивания» html-страницы на движок wordpress. В последнем видео этого курса, кажется это 9 урок, показано как сделать управление слайдером из админки. Я повторил все шаги, все работает.

    Однако все никак не могу разобраться как вместе с картинкой выводить и текст. В файле функций к полям ‘title’, ‘thumbnail’, я добавил еще ‘editor’. Теперь я могу в админке добавлять не только картинку но и текст к нему. Однако картика выводится, а текст нет.

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

    • Андрей Кудлай

      Здравствуйте, Павел.
      Для вопросов, связанных с кодом, у нас есть форум, где вы и можете задать свой вопрос. В комментариях работать с кодом крайне неудобно. Здесь могу подсказать, что для вывода контента имеется функция the_content(), используя которую и можно получить текст.

  2. Игорь

    Отдельное спасибо за видео урок, теперь все стало доступно понятно)

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

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

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

Я не робот.

Spam Protection by WP-SpamFree