Полезные сервисы и заметки » 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>

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

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

Как быстро узнать версию ISPConfig 3 (ssh)

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

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

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

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

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

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

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

Форма контактов для WordPress

TimThumb error has occured WordPress

Удаление плагинов WordPress

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

Разделитель в iSape / Sape

iSape vs VKontakte API и iMoney + VK comments

Не показывать виджет iMoney если он пуст

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

Заменить слова в базе MySQL средствами phpMyAdmin

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

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

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

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

Добавить новый sidebar

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

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

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

Joomla/Mambo To WordPress Migrator Fatal error (решение)

Вывод материалов из рубрики списком WordPress

Javascript прокрутки страницы

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

WordPress http error - решение проблемы

Cherry FrameWork logo + description

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

Поиск по размеру файла в Ubuntu

Простой плагин email рассылки (Newsletter) для WordPress

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

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

WordPress не работают постоянные ссылки (404 Not Found)

Площадки для размещения статей

Дополнительный домен в панели ISPManager

Как в Mac Os X заменить QIP

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

Как отключить сообщения «системы безопасности» Mac OS X

Шаблон Mantra изменения вида пагинации

Шаблон Mantra изменение текста Read more

Количество сопутствующих товаров в Woocommerce

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

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

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

Как обойти AdBlock

Плагин карты сайта XML

Как изменить длину анонса (excerpt) плагин

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

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

Добавление бесплатного SSL сертификата на WordPress

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

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

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