Title: Первая картинка из записи вместо миниатюры
Last modified: 26.02.2019

---

# Первая картинка из записи вместо миниатюры

 *  [georgmann](https://ru.wordpress.org/support/users/georgmann/)
 * (@georgmann)
 * [7 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%bf%d0%b5%d1%80%d0%b2%d0%b0%d1%8f-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%ba%d0%b0-%d0%b8%d0%b7-%d0%b7%d0%b0%d0%bf%d0%b8%d1%81%d0%b8-%d0%b2%d0%bc%d0%b5%d1%81%d1%82%d0%be-%d0%bc%d0%b8%d0%bd%d0%b8/)
 * Использую тему Mobile Shop — Это дочерняя тема для StoreOne.
    Пытаюсь в качестве
   миниатюры назначить первую картинку из записи. В конец файла **functions.php**
   добавляю код:
 *     ```
       function first_post_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)){
          $first_img = "/wp-content/themes/theme/images/noimages.jpg";
         }
         return $first_img;
       }
       ```
   
 * В файле **content-index.php** (здесь указан весь код):
 *     ```
       <div id="post-<?php the_ID(); ?>" <?php post_class("col-md-4 col-sm-6 bgs-post home-post"); ?>>
       	<div class="post-inner">
       		<div class="img-thumbnail">
       			<?php if(has_post_thumbnail()): ?>
       			<?php the_post_thumbnail('storeone-thumb', array( 'class' => 'img-responsive' )); ?>
       			<?php else: ?>
       			<img src="<?php echo esc_url(get_template_directory_uri().'/images/featured-image-340x225.png'); ?>" class="img-responsive">
       			<?php endif; ?>
       			<div class="overlay">
       				<a class="bgs-blog-more" href="<?php the_permalink(); ?>" title="<?php esc_attr_e('Read More', 'storeone'); ?>"><i class="fa fa-angle-right"></i></a>
       			</div>
       		</div>
       		<div class="bgs-post-content">
       			<time class="bgs-date entry-date published" datetime="<?php echo esc_attr( get_the_date( 'c' )); ?>">
       				<div class="bds-date-block bds-day"><?php the_time( 'd',  get_the_ID()); ?></div>
       				<div class="bds-date-block bds-month"><?php the_time( 'M, Y',  get_the_ID()); ?></div>
       			</time>
       			<?php the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); ?>
       			<div class="entry-summary"><?php the_excerpt(); ?></div>
       			<div class="clearfix"></div>
       		</div>
       	</div>
       </div>
       ```
   
 * Седьмую строку
    `<img src="<?php echo esc_url(get_template_directory_uri().'/
   images/featured-image-340x225.png'); ?>" class="img-responsive">` меняю на `<
   img src="<?php echo first_post_image() ?>" alt="<?php the_title(); ?>" class="
   img-responsive">` Код срабатывает, миниатюры стали видны, но посты, которые на
   одной странице отображаются по несколько десятков, налазят друг на друга. То 
   есть сбивается красивое расположение постов. Понимаю, что проблема в стилях страницы,
   но разобраться не могу. Можете помочь?
    -  Тема изменена 7 лет, 7 месяцев назад пользователем [SeVlad](https://ru.wordpress.org/support/users/sevlad/).
      Причина: ссылка
 * Страница, с которой нужна помощь: _[[войдите](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fru.wordpress.org%2Fsupport%2Ftopic%2F%25D0%25BF%25D0%25B5%25D1%2580%25D0%25B2%25D0%25B0%25D1%258F-%25D0%25BA%25D0%25B0%25D1%2580%25D1%2582%25D0%25B8%25D0%25BD%25D0%25BA%25D0%25B0-%25D0%25B8%25D0%25B7-%25D0%25B7%25D0%25B0%25D0%25BF%25D0%25B8%25D1%2581%25D0%25B8-%25D0%25B2%25D0%25BC%25D0%25B5%25D1%2581%25D1%2582%25D0%25BE-%25D0%25BC%25D0%25B8%25D0%25BD%25D0%25B8%2Fpage%2F3%2F%3Foutput_format%3Dmd&locale=ru_RU),
   чтобы увидеть ссылку]_

Просмотр 3 ответов — с 31 по 33 (всего 33)

[←](https://ru.wordpress.org/support/topic/%d0%bf%d0%b5%d1%80%d0%b2%d0%b0%d1%8f-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%ba%d0%b0-%d0%b8%d0%b7-%d0%b7%d0%b0%d0%bf%d0%b8%d1%81%d0%b8-%d0%b2%d0%bc%d0%b5%d1%81%d1%82%d0%be-%d0%bc%d0%b8%d0%bd%d0%b8/page/2/?output_format=md)
[1](https://ru.wordpress.org/support/topic/%d0%bf%d0%b5%d1%80%d0%b2%d0%b0%d1%8f-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%ba%d0%b0-%d0%b8%d0%b7-%d0%b7%d0%b0%d0%bf%d0%b8%d1%81%d0%b8-%d0%b2%d0%bc%d0%b5%d1%81%d1%82%d0%be-%d0%bc%d0%b8%d0%bd%d0%b8/?output_format=md)
[2](https://ru.wordpress.org/support/topic/%d0%bf%d0%b5%d1%80%d0%b2%d0%b0%d1%8f-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%ba%d0%b0-%d0%b8%d0%b7-%d0%b7%d0%b0%d0%bf%d0%b8%d1%81%d0%b8-%d0%b2%d0%bc%d0%b5%d1%81%d1%82%d0%be-%d0%bc%d0%b8%d0%bd%d0%b8/page/2/?output_format=md)
3

 *  [SeVlad](https://ru.wordpress.org/support/users/sevlad/)
 * (@sevlad)
 * [7 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%bf%d0%b5%d1%80%d0%b2%d0%b0%d1%8f-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%ba%d0%b0-%d0%b8%d0%b7-%d0%b7%d0%b0%d0%bf%d0%b8%d1%81%d0%b8-%d0%b2%d0%bc%d0%b5%d1%81%d1%82%d0%be-%d0%bc%d0%b8%d0%bd%d0%b8/page/3/#post-315389)
 * > Название плагина не помните?
 * Да их множество. Напр старый добрый [https://wordpress.org/plugins/search-regex/](https://wordpress.org/plugins/search-regex/)
 * Про бекапы только не забывайте.
 *  Автор [georgmann](https://ru.wordpress.org/support/users/georgmann/)
 * (@georgmann)
 * [7 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%bf%d0%b5%d1%80%d0%b2%d0%b0%d1%8f-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%ba%d0%b0-%d0%b8%d0%b7-%d0%b7%d0%b0%d0%bf%d0%b8%d1%81%d0%b8-%d0%b2%d0%bc%d0%b5%d1%81%d1%82%d0%be-%d0%bc%d0%b8%d0%bd%d0%b8/page/3/#post-315397)
 * > Про бекапы только не забывайте
 * Установил, тестирую на Open Servere.
    К примеру надо из поста удалить строку
 * `<div style="text-align: center;"><img src="http://mysite.com/wp-content/uploads/
   2019/02/pictures.jpg" alt="" width="590" height=""></div>`
 * Вставил её в поле **Search pattern**
    Нажал **Поиск** нашел один результат и 
   его можно удалить, но как удалить множество таких строк, где название картинки
   меняется. Попробовал так, ничего не находит:
 * `<div style="text-align: center;"><img src="http://mysite.com/wp-content/uploads/
   2019/02/(.*?).jpg" alt="" width="590" height=""></div>`
 * Что опять не так? Вроде бы можно переменные использовать, но как — не понимаю.
   
   P.S. Галочки **Regex** тоже перепробовал.
    -  Ответ изменён 7 лет, 7 месяцев назад пользователем [georgmann](https://ru.wordpress.org/support/users/georgmann/).
 *  [SeVlad](https://ru.wordpress.org/support/users/sevlad/)
 * (@sevlad)
 * [7 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%bf%d0%b5%d1%80%d0%b2%d0%b0%d1%8f-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%ba%d0%b0-%d0%b8%d0%b7-%d0%b7%d0%b0%d0%bf%d0%b8%d1%81%d0%b8-%d0%b2%d0%bc%d0%b5%d1%81%d1%82%d0%be-%d0%bc%d0%b8%d0%bd%d0%b8/page/3/#post-315415)
 * > Установил, тестирую на Open Servere.
 * [Разве что протестировать](https://ru.wordpress.org/support/topic/%d0%bf%d1%80%d0%be%d0%b1%d0%bb%d0%b5%d0%bc%d0%b0-%d0%b7%d0%b0%d0%b5%d0%b6%d0%b6%d0%b5%d0%bd%d0%b0%d1%8f-%d0%bd%d0%be-%d0%bf%d1%80%d0%be%d1%88%d1%83-%d0%be%d1%82%d0%ba%d0%bb%d0%b8%d0%ba%d0%bd%d1%83/#post-314788)…
 * > Что опять не так?
 * 1. При использовании регулярок нужно экранировать спец.символы — кавычки, слеши,
   скобки и тд.
    2. Любой символ имеет значение. Найденный только 1 результат говорит,
   что остальные отличаются. 3. Так Вы рискуете удалить все картинки из поста. А
   Вам же нужно только первую.
 * В общем, Вам в гуглояндексы разобраться с регулярками.

Просмотр 3 ответов — с 31 по 33 (всего 33)

[←](https://ru.wordpress.org/support/topic/%d0%bf%d0%b5%d1%80%d0%b2%d0%b0%d1%8f-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%ba%d0%b0-%d0%b8%d0%b7-%d0%b7%d0%b0%d0%bf%d0%b8%d1%81%d0%b8-%d0%b2%d0%bc%d0%b5%d1%81%d1%82%d0%be-%d0%bc%d0%b8%d0%bd%d0%b8/page/2/?output_format=md)
[1](https://ru.wordpress.org/support/topic/%d0%bf%d0%b5%d1%80%d0%b2%d0%b0%d1%8f-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%ba%d0%b0-%d0%b8%d0%b7-%d0%b7%d0%b0%d0%bf%d0%b8%d1%81%d0%b8-%d0%b2%d0%bc%d0%b5%d1%81%d1%82%d0%be-%d0%bc%d0%b8%d0%bd%d0%b8/?output_format=md)
[2](https://ru.wordpress.org/support/topic/%d0%bf%d0%b5%d1%80%d0%b2%d0%b0%d1%8f-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%ba%d0%b0-%d0%b8%d0%b7-%d0%b7%d0%b0%d0%bf%d0%b8%d1%81%d0%b8-%d0%b2%d0%bc%d0%b5%d1%81%d1%82%d0%be-%d0%bc%d0%b8%d0%bd%d0%b8/page/2/?output_format=md)
3

 Тема «Первая картинка из записи вместо миниатюры» закрыта для новых ответов.

## Метки

 * [CSS](https://ru.wordpress.org/support/topic-tag/css/)
 * [php](https://ru.wordpress.org/support/topic-tag/php/)

 * Форум: [Темы и шаблоны](https://ru.wordpress.org/support/forum/themes-and-templates/)
 * 33 ответа
 * 5 участников
 * Последний ответ: [SeVlad](https://ru.wordpress.org/support/users/sevlad/)
 * Последняя активность: [7 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%bf%d0%b5%d1%80%d0%b2%d0%b0%d1%8f-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%ba%d0%b0-%d0%b8%d0%b7-%d0%b7%d0%b0%d0%bf%d0%b8%d1%81%d0%b8-%d0%b2%d0%bc%d0%b5%d1%81%d1%82%d0%be-%d0%bc%d0%b8%d0%bd%d0%b8/page/3/#post-315415)
 * Статус: нерешённая

## Темы

### Самые популярные темы

### Темы без ответов

### Без вопроса

### Решённые

### Нерешённые

### Все темы