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

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

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

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

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

Удалить category WordPress

Как добавить редирект (301) в ISPConfig

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

TimThumb error has occured WordPress

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

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

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

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

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

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

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

Добавить html в категорию и страницу

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

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

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

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

Полезные фотосервисы

Красивые WordPress caption

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

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

Красивые письма с WP Better Emails

Akismet и его API key

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

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

Cherry FrameWork logo + description

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

Woocommerce WaitingList

Breadcrumbs редактировать в Cherry FrameWork

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

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

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

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

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

Несколько мыслей про Skype

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

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

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

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

Отображение количества просмотров статьи в подходящем месте

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

Грамотный robots.txt для WordPress 4.х

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

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

Как обойти AdBlock

Backup сайта в DropBox

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

Управления ссылками WordPress плагин WPNoExternalLinks

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

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

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

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

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