Сентябрь
18
2011

Автоматический вывод картинки к посту

Автоматический вывод картинки к посту

Посты выглядят красивее, когда в начале стоит картинка. Это делает пост красивее и выделяет его в общей массе подписок. Во время чтения Google Reader лично для меня быстрее глянуть на картинку, чем читать заголовок. И тут важно вставлять информативную картинку. Раньше я вставлял картинку руками в начале каждого текста, но долго вынашивал идею автоматизировать этот процесс. В WordPress есть чудесная вещь — Custom Fields, которые хранят дополнительную информацию к записям. Именно с их помощью я решил вставлять картинки.

Добавление произвольного поля

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

Теперь должно появится меню Произвольные поля под редактированием записи. Добавляем новое поле post-picture, и присваиваем ему значение картинки, которую мы хотим видеть в начале записи.

Вывод произвольного поля

Теперь значение этого поля необходимо вывести. Можно добавить код в functions.php темы, либо использовать Add Functions.

Код оформления картинки задается в переменной $text. Я настраиваю оформление прямо в коде через параметр style, а не использую CSS. Это потому, что граберы RSS не прикладывают к записям CSS, и пост приобретает корявый вид

А если оформление прописать вместе с картинкой, то все отображается как я хотел

Картинка в социальных сетях

Facebook Like

При нажатии кнопки like на странице пользователя в фейсбуке появляется информация о странице. Вот только картинку facebook берет от фонаря. Нужно ему подсунуть правильную, для этого нужно дописать пару строк в header.php

Google Plus

Для Google+ похожая картина, но указатель ставится прямо в код картинки, у меня он уже есть в приведенном выше коде

Vkontakte

Для вконтакте нужно редактировать код кнопки

Неправильная раскладка: fdnjvfnbxtcrbq dsdjl rfhnbyrb r gjcne

Понравилась статья? Посоветуйте друзьям!

PHP WordPress


Понравилась статья? Подпишись на рассылку по E-Mail или в RSS.
  • круто, закрой от индексации http://g.tigor.org.ua/robots.txt
  • Nomail
    спасибо
  • нужно будет попробовать сделать у себя на сайте
  • Неплохо, спасибо за детальную инструкцию.
  • Спасибо за новость для меня)
  • Мне привичнее прописать вручную. У меня так времени уйдёт меньше. Хотя если освоить произвольные поля на досуге, возможно будет более оптимально.