Полезные сервисы и заметки » WordPress » Как выводить первую картинку поста wordpress

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

Автор: Org4l1nkya | 11.03.2015 - 11:29 |11.03.2015 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 */

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

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="" />

1	<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>

1

2

3

4

5

6

7

<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>

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

Правильные анонимайзеры

Полезные плагины WordPress

Доступ к namebased сайту без DNS-записи в Windows

Как добавить отображения даты в подвале сайта WordPress.

Как включить интернациональные домены (punycode) в ISPConfig3

Html в конце ссылок страниц WordPress

WordPress Super Cache - кто такой?

Удалить category WordPress

Как склеить домены (301 редирект)

Как добавить алиас домена ISPConfig

Как настроить DNS шаблоны в ISPConfig 3

TimThumb error has occured WordPress

Как убрать ссылку из плагина iSape в WordPress

Простой и красивый способ украсить UnderConstruction

iSape vs VKontakte API и iMoney + VK comments

Простой скрипт обратного отсчета (javascript)

Русификация плагина «NextGEN Gallery» (файл)

WP-PageNavi добавление пагинации

Случайный вывод кода (видео, текст, картинки)

Добавление меню в старый шаблон WordPress

Задача: выравнять картинки по центру div-ов с помощью CSS

Как убрать точки li в меню

Обвести текст при помощи HTML и CSS

Убрать category из ссылки WP (продолжение)

Обновляем WordPress до 3.5

Сервис подбора цвета

Добавить валюту (руб.) в woocommerce

Полная русификация Woocommerce

Правильный robots.txt

Польза простых файлов .bat

Системные переменные Windows

Красивые WordPress caption

Akismet и его API key

При обновлении произошла ошибка: Не удалось определить директорию содержимого

Ubuntu простой backup на Яндекс диск

Удаляем строки Saphali Lite, Woocommerce, All in one seo pack

Обновление url и адрес картинок после изменения адреса блога

Добавление PageNavi (постраничной навигации) в нестандартные шаблоны

Сделать изображения одинаковыми по высоте средствами CSS

Как распечатать каталог содержимого на диске

Как включить logging (debugging) в ISPConfig 3

Несколько простых команд для Cent OS

Как сделать в windows 7 в папке «столбцы по размеру содержимого» по умолчанию?

Как прочистить дюзы принтеру Epson Stylus Photo на Mac OS X

Принудительное включение отображения ошибок в PHP

Как в WordPress импортировать .xml файл больше 2mb

Изменить количество памяти в Mamp Pro php.ini

ISPManager установить SSL сертификат

Как очистить очередь Exim

Локализация woocommerce Print Invoice & Delivery Note

Как удалить ссылки на картинки в новостях WordPress

MainWP Child не добавляется при успешном подключении [Решено]

Ошибка платежа Яндекс.Касса и Woocommerce

Footer в functions.php для дочерней (child) темы StoreFront WordPress

Удалить все meta name=generator WordPress, Woocommerce, Saphali

Метки: 2015, php, php5, WordPress, WP, Дизайн, Полезность. Закладка Постоянная ссылка.

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

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