Как выводить первую картинку поста wordpress

Как выводить первую картинку поста wordpress

Выводить картинку

Здравствуйте, сегодня заинтересовал вопрос о выводе на главную (или какую-другую страницу) картинку. Собственно вывести миниатюру поста не проблема, задача как раз была сделать вывод разных картинок в разных местах это добавляет красочности сайту. Собственно все оказалось достаточно просто, более того уже есть работающий код, пользуйтесь… Сначала идем в меню Внешний вид → Редактор, там выбираем файл functions.php после этого дописываем туда следующий код:
function catch_that_image() {
  global $post, $posts;
  $first_img = '';
  ob_start();
  ob_end_clean();
  $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
  $first_img = $matches [1] [0];
 
  if(empty($first_img)){ //Defines a default image
    $first_img = "/images/default.jpg";
  }
  return $first_img;
}


/* The End of add */
Следующее действие и того проще, сохранив изменения в functions.php открываем index.php и в месте вывода картинки добавляем/заменяем:
<img src="<?php echo catch_that_image(); ?>" alt="" title="" />
У меня правда была конкретная задача и код в ней выглядел так:
<article id="post-<?php the_ID(); ?>" <?php post_class( $postclass ); ?>>
	<div class="entry-thumbnail">
		<a href="<?php the_permalink(); ?>" title="<?php echo the_title_attribute(); ?>">

<img src="<?php echo catch_that_image(); ?>" alt="<?php echo the_title_attribute(); ?>" title="<?php echo the_title_attribute(); ?>" />

		</a>
 

Полезная информация:

Системные переменные Windows
Как распечатать каталог содержимого на диске
Дополнительный домен в панели ISPManager
Случайный вывод кода (видео, текст, картинки)
При обновлении произошла ошибка: Не удалось определить директорию содержимого
Простой плагин email рассылки (Newsletter) для WordPress
Локализация woocommerce Print Invoice & Delivery Note
Правильные анонимайзеры
Грамотный robots.txt для WordPress 4.х
Как добавить алиас домена ISPConfig
Несколько простых команд для Cent OS
Как добавить отображения даты в подвале сайта WordPress.
Ошибка платежа Яндекс.Касса и Woocommerce
Удаляем строки Saphali Lite, Woocommerce, All in one seo pack
Плагин карты сайта XML
Как убрать ссылку из плагина iSape в WordPress
Обновление url и адрес картинок после изменения адреса блога
Изменить количество памяти в Mamp Pro php.ini
Управления ссылками WordPress плагин WPNoExternalLinks
Разделитель в iSape / Sape
Количество сопутствующих товаров в Woocommerce
Как склеить домены (301 редирект)
Добавление бесплатного SSL сертификата на WordPress
Отображение количества просмотров статьи в подходящем месте
Breadcrumbs редактировать в Cherry FrameWork
Правильный robots.txt
Польза простых файлов .bat
Шаблон Mantra изменение текста Read more
Добавление PageNavi (постраничной навигации) в нестандартные шаблоны
Как в Mac Os X заменить QIP
Полезные фотосервисы
Как очистить очередь Exim
Добавление меню в старый шаблон WordPress
Как добавить редирект (301) в ISPConfig
Удаление плагинов WordPress
Простой и красивый способ украсить UnderConstruction
Jazzy Forms плагин, который радует!
Площадки для размещения статей
Как настроить DNS шаблоны в ISPConfig 3
Cherry FrameWork logo + description
Как убрать точки li в меню
Как удалить ссылки на картинки в новостях WordPress
Как включить logging (debugging) в ISPConfig 3
Шаблон Mantra изменения вида пагинации
Javascript прокрутки страницы
Не показывать виджет iMoney если он пуст
Поиск по размеру файла в Ubuntu
Backup сайта в DropBox
Обвести текст при помощи HTML и CSS
Заменить слова в базе MySQL средствами phpMyAdmin
Akismet и его API key
Форма контактов для WordPress
Исправляем проблемы с кодировкой (utf-8 charset)
Woocommerce WaitingList
Добавить новый sidebar
Метки: , , , , , , . Закладка Постоянная ссылка.

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.