Wordpress

Thumbnail wordpress: the_post_thumbnail() — Выводит html код картинки-миниатюры текущего поста. Функция WordPress.

18.05.2018

Содержание

Миниатюры записей и страниц в WordPress. Как задать и как вывести миниатюру поста?

Потрясающая фишка в WordPress!

Начну с нуля. Итак, для начала вы должны понять разницу между миниатюрами и обычными изображениями из поста. Миниатюра — это что-то вроде превьюшки к посту, в самом посте она может даже и не использоваться.

Предположим, у вас есть какая-то категория, и на странице этой категории перед некоторыми записями (а может быть и перед каждой) есть какая-то картинка, которая по сути и является превьюшкой поста, т.е. миниатюрой. Если мы перейдем на страницу одной из записей, то можем найти эту картинку в её содержимом, а можем и не найти.

В общем ладно, в двух словах, миниатюра — это изображение-превью к постам, которое:

  • может использоваться, а может и не использоваться в содержимом поста,
  • может выводиться вместе ссылкой на пост на страницах категорий, меток, архивов и т.д.,
  • может автоматически подгоняться под определенный размер (я имею ввиду разрешение изображения),

По сути вы можете использовать ее даже в качестве фона сайта, т.е. для каждой записи — собственный фон.

Шаг 1. Включение поддержки миниатюр для вашей темы WordPress

Для того, чтобы использовать миниатюры на своем сайте, нужно сначала включить их, потому что по умолчанию этот функционал выключен.

Всё, что нам потребуется для активации миниатюр — это вставить следующую строчку кода в ваш файл functions.php (файлов с таким названием может быть много — нам нужен именно тот, который находится непосредственно в папке с вашей текущей темой).

add_theme_support( 'post-thumbnails' ); // для всех типов постов

Если вы не хотите использовать миниатюры во всех типах постов сразу, вы можете подключить их например только для записей (

post):

add_theme_support( 'post-thumbnails', array( 'post' ) );

или только для страниц (page):

add_theme_support( 'post-thumbnails', array( 'page' ) );

или только для записей и только для страниц:

add_theme_support( 'post-thumbnails', array( 'post', 'page' ) );

Можно ли назначить миниатюру таксономии WordPress?

Стандартными средствами — нет. Вы можете использовать какой-нибудь из плагинов, добавляющих произвольные поля для таксономий (рубрик и меток в том числе), либо прописать URL изображения в описании вашего конкретного элемента таксономии.

Шаг 2. Как установить миниатюру для поста?

Вообще есть два способа установки миниатюр через админку. Они друг от друга особо ничем не отличаются — можете использовать тот, который покажется вам удобнее.

Способ 1. Метабокс «Миниатюра записи»

Он вот такой:

Имейте ввиду, что даже если метабокс у вас подключен, он может не отображаться на странице редактирования поста. Как включить его отображение?

Для начала посмотрите в правую верхнюю часть страницы (возможно ее потребуется проскроллить к началу). Там должна быть вот такая вкладка Настройки экрана:

Открыв её, нам нужно убедиться, что напротив Миниатюра записи стоит галочка:

После этого, уже в самом метабоксе нажимаем ссылку

Задать миниатюру, затем, в открывшемся окне мы можем установить в качестве миниатюры одно из уже загруженных изображений либо загрузить новое.

Способ 2. Кнопка «Добавить медиафайл»

Итак, переходим на страницу редактирования поста и нажимаем кнопку Добавить медиафайл:

В появившемся окне кликаем по ссылке Задать миниатюру:

Вот и всё, дальше загружаем свою превьюшку либо выбираем из уже загруженных файлов.

Шаг 3. Выводим миниатюры постов на страницах сайта

То, как мы будем выводить миниатюры в данном случае может во многом зависеть от вашего шаблона WordPress. Чаще всего, во многих темах WordPress миниатюры в основном выводятся вместе с тегом <img> сразу. Но что, если нам надо получить URL миниатюры?

Рассмотрим оба случая.

the_post_thumbnail() и get_the_post_thumbnail(). Стандартный способ вывода миниатюр.

Функции the_post_thumbnail() и get_the_post_thumbnail() имеют несколько отличий:

get_the_post_thumbnail() the_post_thumbnail()
Возвращает миниатюру поста в виде HTML-тега <img>, возвращаемый HTML-код можно использовать в других функциях или записать в переменную. Выводит миниатюру поста, является эквивалентом для:
echo get_the_post_thumbnail( null );
Позволяет в качестве первого параметра указать ID поста, миниатюру которого нужно получить. При помощи этой функции можно вывести только миниатюру текущего поста из цикла.
В качестве второго параметра можно указать размер получаемой миниатюры, по умолчанию — размер, заданный в Параметры > Медиафайлы. В качестве первого параметра можно указать размер выводимой миниатюры.

Особо заморачиваться не будем, рассмотрим один и тот же пример для каждой из функций. Итак, сначала пример для get_the_post_thumbnail():

<?php
while( have_posts() ) : the_post();
    ?>
    <h3><a href="<?php the_permalink() ?>"><?php the_title() ?></a></h3>
    <a href="<?php the_permalink() ?>"><?php echo get_the_post_thumbnail() ?></a>
    <?php
endwhile;

Этот пример выводит заголовки (функция the_title()) и миниатюры постов со ссылками (функция the_permalink()) на сам пост.

Тот же самый пример для функции the_post_thumbnail():

<?php
while( have_posts() ) : the_post();
    ?>
    <h3><a href="<?php the_permalink() ?>"><?php the_title() ?></a></h3>
    <a href="<?php the_permalink() ?>"><?php the_post_thumbnail() ?></a>
    <?php
endwhile;

Получение URL миниатюры при помощи функции wp_get_attachment_image_src() и get_post_thumbnail_id()

Функция wp_get_attachment_image_src() нужна для получения параметров изображения — его URL, ширины и высоты (в данном случае нам будет интересен именно URL). Она не работает в цикле и её обязательным параметром является ID вложения (ID миниатюры в данном случае).

В то же время ID миниатюры мы можем получить, используя функцию get_post_thumbnail_id(), указав в качестве параметра ID поста, иначе будет возвращаться ID миниатюры текущего поста из цикла.

Посмотрим, как это будет выглядеть на примере:

$thumbnail_attributes = wp_get_attachment_image_src( get_post_thumbnail_id(), 'medium' ); // возвращает массив параметров миниатюры
echo $thumbnail_attributes[0]; // URL миниатюры

Как видите, в качестве второго параметра мы также можем указать размер получаемого изображения в виде строки ( один из зарегистрированных размеров, например thumbnail, medium, large, full и т.д.) или в виде массива array( 100, 100 ). Чтобы миниатюры на сайте получались качественными, задавайте соответствующие размеры.

Как выбрать область обрезки миниатюры?

Уверен, что у вас уже бывали случаи, когда WordPress выбирал область обрезки изображения не так, как хотелось бы, например, у человека могла отрезаться половина головы, или бы мы могли потерять часть логотипа компании при обрезке и другие важные детали.

Для того, чтобы вы смогли сами выбирать область картинки для отображения на сайте, установите себе плагин Manual Image Crop. Этот плагин позволяет

для каждого загруженного изображения для его каждого размера вручную установить область, отображаемую на сайте. Потрясающий инструмент!

Миниатюры в WordPress. Как задать и вывести миниатюру.

Чуть больше практики по работе с миниатюрами WordPress в моём видеоуроке.

Потрясающая фишка в WordPress!

Начну с нуля. Итак, для начала вы должны понять разницу между миниатюрами и обычными изображениями из поста. Миниатюра — это что-то вроде превьюшки к посту, в самом посте она может даже и не использоваться.

Предположим, у вас есть какая-то категория, и на странице этой категории перед некоторыми записями (а может быть и перед каждой) есть какая-то картинка, которая по сути и является превьюшкой поста, т.е. миниатюрой. Если мы перейдем на страницу одной из записей, то можем найти эту картинку в её содержимом, а можем и не найти.

В общем ладно, в двух словах, миниатюра — это изображение-превью к постам, которое:

  • может использоваться, а может и не использоваться в содержимом поста,
  • может выводиться вместе ссылкой на пост на страницах категорий, меток, архивов и т.д.,
  • может автоматически подгоняться под определенный размер (я имею ввиду разрешение изображения),

По сути вы можете использовать ее даже в качестве фона сайта, т.е. для каждой записи — собственный фон.

Шаг 1. Включение поддержки миниатюр для вашей темы WordPress

Для того, чтобы использовать миниатюры на своем сайте, нужно сначала включить их, потому что по умолчанию этот функционал выключен.

Всё, что нам потребуется для активации миниатюр — это вставить следующую строчку кода в ваш файл functions.php (файлов с таким названием может быть много — нам нужен именно тот, который находится непосредственно в папке с вашей текущей темой).

add_theme_support( 'post-thumbnails' ); // для всех типов постов

Если вы не хотите использовать миниатюры во всех типах постов сразу, вы можете подключить их например только для записей (post):

add_theme_support( 'post-thumbnails', array( 'post' ) );

или только для страниц (

page):

add_theme_support( 'post-thumbnails', array( 'page' ) );

или только для записей и только для страниц:

add_theme_support( 'post-thumbnails', array( 'post', 'page' ) );

Можно ли назначить миниатюру таксономии WordPress?

Стандартными средствами — нет. Вы можете использовать какой-нибудь из плагинов, добавляющих произвольные поля для таксономий (рубрик и меток в том числе), либо прописать URL изображения в описании вашего конкретного элемента таксономии.

Шаг 2. Как установить миниатюру для поста?

Вообще есть два способа установки миниатюр через админку. Они друг от друга особо ничем не отличаются — можете использовать тот, который покажется вам удобнее.

Способ 1. Метабокс «Миниатюра записи»

Он вот такой:

Имейте ввиду, что даже если метабокс у вас подключен, он может не отображаться на странице редактирования поста. Как включить его отображение?

Для начала посмотрите в правую верхнюю часть страницы (возможно ее потребуется проскроллить к началу). Там должна быть вот такая вкладка Настройки экрана:

Открыв её, нам нужно убедиться, что напротив Миниатюра записи стоит галочка:

После этого, уже в самом метабоксе нажимаем ссылку Задать миниатюру, затем, в открывшемся окне мы можем установить в качестве миниатюры одно из уже загруженных изображений либо загрузить новое.

Способ 2. Кнопка «Добавить медиафайл»

Итак, переходим на страницу редактирования поста и нажимаем кнопку Добавить медиафайл:

В появившемся окне кликаем по ссылке Задать миниатюру:

Вот и всё, дальше загружаем свою превьюшку либо выбираем из уже загруженных файлов.

Шаг 3. Выводим миниатюры постов на страницах сайта

То, как мы будем выводить миниатюры в данном случае может во многом зависеть от вашего шаблона WordPress. Чаще всего, во многих темах WordPress миниатюры в основном выводятся вместе с тегом <img> сразу. Но что, если нам надо получить URL миниатюры?

Рассмотрим оба случая.

the_post_thumbnail() и get_the_post_thumbnail(). Стандартный способ вывода миниатюр.

Функции the_post_thumbnail() и get_the_post_thumbnail() имеют несколько отличий:

get_the_post_thumbnail() the_post_thumbnail()
Возвращает миниатюру поста в виде HTML-тега <img>, возвращаемый HTML-код можно использовать в других функциях или записать в переменную. Выводит миниатюру поста, является эквивалентом для:
echo get_the_post_thumbnail( null );
Позволяет в качестве первого параметра указать ID поста, миниатюру которого нужно получить. При помощи этой функции можно вывести только миниатюру текущего поста из цикла.
В качестве второго параметра можно указать размер получаемой миниатюры, по умолчанию — размер, заданный в Параметры > Медиафайлы. В качестве первого параметра можно указать размер выводимой миниатюры.

Особо заморачиваться не будем, рассмотрим один и тот же пример для каждой из функций. Итак, сначала пример для get_the_post_thumbnail():

<?php
while( have_posts() ) : the_post();
	?>
	<h3><a href="<?php the_permalink() ?>"><?php the_title() ?></a></h3>
	<a href="<?php the_permalink() ?>"><?php echo get_the_post_thumbnail() ?></a>
	<?php
endwhile;

Этот пример выводит заголовки (функция the_title()) и миниатюры постов со ссылками (функция the_permalink()) на сам пост.

Тот же самый пример для функции the_post_thumbnail():

<?php
while( have_posts() ) : the_post();
	?>
	<h3><a href="<?php the_permalink() ?>"><?php the_title() ?></a></h3>
	<a href="<?php the_permalink() ?>"><?php the_post_thumbnail() ?></a>
	<?php
endwhile;

Получение URL миниатюры при помощи функции wp_get_attachment_image_src() и get_post_thumbnail_id()

Функция wp_get_attachment_image_src() нужна для получения параметров изображения — его URL, ширины и высоты (в данном случае нам будет интересен именно URL). Она не работает в цикле и её обязательным параметром является ID вложения (ID миниатюры в данном случае).

В то же время ID миниатюры мы можем получить, используя функцию get_post_thumbnail_id(), указав в качестве параметра ID поста, иначе будет возвращаться ID миниатюры текущего поста из цикла.

Посмотрим, как это будет выглядеть на примере:

$thumbnail_attributes = wp_get_attachment_image_src( get_post_thumbnail_id(), 'medium' ); // возвращает массив параметров миниатюры
echo $thumbnail_attributes[0]; // URL миниатюры

Как видите, в качестве второго параметра мы также можем указать размер получаемого изображения в виде строки ( один из зарегистрированных размеров, например thumbnail, medium, large, full и т.д.) или в виде массива array( 100, 100 ). Чтобы миниатюры на сайте получались качественными, задавайте соответствующие размеры.

Как выбрать область обрезки миниатюры?

Уверен, что у вас уже бывали случаи, когда WordPress выбирал область обрезки изображения не так, как хотелось бы, например, у человека могла отрезаться половина головы, или бы мы могли потерять часть логотипа компании при обрезке и другие важные детали.

Для того, чтобы вы смогли сами выбирать область картинки для отображения на сайте, установите себе плагин Manual Image Crop. Этот плагин позволяет для каждого загруженного изображения для его каждого размера вручную установить область, отображаемую на сайте. Потрясающий инструмент!

Миша

Недавно я осознал, что моя миссия – способствовать распространению WordPress. Ведь WordPress – это лучший движок для разработки сайтов – как для тех, кто готов использовать заложенную структуру этой CMS, так и для тех, кто предпочитает headless решения.

Сам же я впервые познакомился с WordPress в 2009 году. Организатор WordCamp. Преподаватель в школах Epic Skills и LoftSchool.

Если вам нужна помощь с вашим сайтом или может даже разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда сделаем вам всё на лучшем уровне.

Как очистить сайт на WordPress от ненужных изображений

Как вы знаете, WordPress позволяет создавать уменьшенные копии загружаемых изображений для того, чтобы не приходилось использовать полноразмерную версию там, где это не нужно.

Это и понятно — предположим, некто загружает на сайт картинки с разрешением 5000×5000, согласитесь, было бы глупо использовать их в качестве миниатюр постов.

Так вот, при загрузке каждого изображения на сайт, WordPress по умолчанию будет создавать три его копии — thumbnail (миниатюра), medium (средний размер), large (крупный размер). Также могут создаваться дополнительные копии, заданные в теме или плагине через функцию add_image_size().

А теперь давайте откроем папку uploads и посмотрим, сколько копий имеет каждое изображение на нашем сайте:

Ага, у меня таких копий четыре. Так вот, суть в том, что если вы не используете какие-либо из размеров изображения, то зачем вам нужны лишние копии в папке загрузок?

Особенно это относится к стандартным размерам изображений. Теперь давайте попробуем их отключить.

Шаг 1. Как предотвратить создание неиспользуемых размеров изображений в WordPress

Для стандартных размеров thumbnail, medium и large код будет следующим:

function true_remove_default_image_sizes( $sizes ) {
	unset( $sizes['thumbnail']); // отключаем миниатюры
	unset( $sizes['medium']); // отключаем средний размер
	unset( $sizes['large']); // отключаем крупный размер
	// если вы не хотите отключать всё, можете закомментировать 1-2 строчки
	return $sizes;
}
 
add_filter('intermediate_image_sizes_advanced', 'true_remove_default_image_sizes');

Если не знаете, куда вставлять код, вставляйте в functions.php (он есть в папке с темой).

Если, кроме стандартных, у вас создаются ещё копии, тогда просто ищем использование функции add_image_size() в файлах текущей темы и в активных плагинах. Все крутые текстовые редакторы поддерживают поиск по содержимому файлов из папки.

Шаг 2. Удаляем ненужные копии изображений в автоматическом режиме

После того, как мы отключили все неиспользуемые нами размеры изображений, в дело вступает плагин.

Плагин «Force Regenerate Thumbnails»

По сути этот плагин делает две вещи:

  1. Удаляет полностью все размеры изображений,
  2. Генерирует копии заново (если конечно вы не отключили полностью все копии в шаге 1 — в этом случае плагин просто почистит папку uploads, оставив только оригинал каждой картинки).

Давайте рассмотрим этот процесс подробнее:

  1. Для начала конечно нужно добавить плагин, вы можете сделать это непосредственно через админку WordPress в меню Плагины > Добавить новый, на этой странице в поле поиска указываем название Force Regenerate Thumbnails,
  2. После установки переходим в Инструменты > Force Regenerate Thumbnails,
  3. Нажимаем кнопку Regenerate All Thumbnails и наслаждаемся результатом.

Также вы можете скачать этот плагин на русском языке (с возможностью обновления через админку) по ссылке с моего сайта: force-regenerate-thumbnails.zip. Гарантирую, что плагин не содержит вредоносного кода и рекламных ссылок.

Таким образом вы можете освободить значительное место на вашем хостинге.

Миша

Недавно я осознал, что моя миссия – способствовать распространению WordPress. Ведь WordPress – это лучший движок для разработки сайтов – как для тех, кто готов использовать заложенную структуру этой CMS, так и для тех, кто предпочитает headless решения.

Сам же я впервые познакомился с WordPress в 2009 году. Организатор WordCamp. Преподаватель в школах Epic Skills и LoftSchool.

Если вам нужна помощь с вашим сайтом или может даже разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда сделаем вам всё на лучшем уровне.

12 лучших плагинов WordPress для восстановления изображений эскизов

Плагины восстановления эскизов WordPress являются важным элементом для точного обновления дизайна веб-сайта. Изменение внешнего вида сайта — обычное дело. Любой владелец веб-сайта или блоггер может захотеть изменить дизайн своего веб-сайта, чтобы сделать его более профессиональным и потрясающим. В этом случае они должны использовать новую тему. Но изменение темы может привести к некоторым временным проблемам. Среди них наиболее распространенным фактом является несовпадение размера миниатюр с новой темой.

После загрузки изображения WordPress генерирует одно и то же изображение разных размеров, включая миниатюру. Но когда мы меняем существующую тему, предопределенный размер эскиза также может быть изменен. Таким образом, для недавно загруженных изображений проблем не возникнет, но старые эскизы могут не соответствовать новой теме. Использование любых плагинов для восстановления миниатюр может решить проблему без каких-либо колебаний. Еще одна важная вещь: вы можете удалить этот плагин после того, как он успешно завершит свою работу.Не требуется, чтобы этот плагин оставался активным, как другие. В сегодняшнем посте я собираюсь перечислить все последние самых популярных плагинов WordPress для восстановления миниатюрных изображений.

Лучшие плагины для регенерации миниатюр


1. Регенерировать миниатюры

Ссылка для скачивания

Плагин «Регенерация миниатюр» нацелен на вашу медиа-библиотеку WordPress и восстанавливает все существующие изображения за очень короткое время. Возможно, существует множество плагинов для регенерации миниатюр, но они вызывают различные проблемы.Многие из них могут не работать. В большинстве случаев я видел, что некоторые плагины работают только с ограниченным количеством изображений. Но этот подойдет для всех ваших существующих изображений.

Вы найдете этот плагин для регенерации миниатюр полезным не только для изменения темы, но и для изменения размера миниатюр по умолчанию из настроек WordPress -> медиа. Кроме того, если вы хотите добавить новый размер миниатюр и заменить все старые размеры изображений, вы можете сделать это на странице настроек. Более того, если вам нужно очистить медиатеку WordPress от неиспользуемых изображений или миниатюр, этот плагин может сделать это, обнаружив их и позволив вам удалить.

2. reGenerate Thumbnails Advanced

Ссылка для скачивания

« Regenerate Thumbnails Advanced » — это полностью обновленный и наиболее продвинутый плагин для регенерации эскизов для WordPress. Он отлично работает с любыми недавно установленными темами WordPress. Он может плавно восстанавливать эскизы для изображений разных размеров без потери качества. Поэтому вам не нужно беспокоиться о существующих эскизах изображений. Кроме того, этот плагин обнаружит все старые неиспользуемые эскизы и автоматически удалит их для экономии места на диске.

Кроме того, вы получите полный отчет о том, сколько изображений находится в очереди обработки, сколько вызывает ошибки, а индикатор выполнения уведомит вас о том, сколько работы выполнено в процентах. Наконец, я могу сказать, что это один из самых полезных плагинов для восстановления миниатюр среди всех.

3. WP Thumbnails Regenerator

Ссылка для скачивания

Хотя WP Thumbnails Regenerator довольно новый, этот плагин для эскизов имеет несколько удобных функций. В самом деле, самое привлекательное, что я нашел в этом плагине, — это то, что он не запускается с вашего сервера.Работает из облака. Таким образом, плагин может обрабатывать большое количество изображений за очень короткое время. Общая производительность этого плагина в 100 раз лучше, чем у любых других плагинов для восстановления миниатюр. Более того, ему не нужна регистрация или использование API. Вы можете установить и начать регенерацию образов после установки плагина.

Всем известно, что этот плагин выполняет интенсивную работу с сервером. По этой причине многие как обычно плагин не могли выполнить задачу сразу.Если вы попытаетесь повторно создать эскизы несколько раз, использование ЦП вашего веб-сервера достигнет точки выбора, что может вызвать временную приостановку вашей учетной записи веб-хостинга. На мой взгляд, вы должны избегать всех этих рисков, используя этот простой и легкий плагин для регенерации миниатюр.

4. Изменение размера миниатюр сообщений

Ссылка для скачивания

Что ж, это еще один красивый плагин миниатюр WordPress, который может выполнять роль регенератора миниатюр.Точнее, вы можете сказать, что этот плагин помогает автоматически изменять размер ваших избранных изображений или миниатюр публикаций из ваших сообщений. Каждый раз, когда вы собираетесь открыть страницу или публикацию со своего веб-сайта, этот плагин автоматически изменит размер всех изображений этого сообщения или страницы в базовый размер.

Хотя он функционировал для изменения размеров всех изображений вашего веб-сайта после установки, все же это удобный плагин для вашей темы. Таким образом, это снижает вашу рабочую нагрузку, выполняя задачу изменения размера миниатюр. Даже все изображения с измененным размером остаются того же размера, что вам не нужно работать вручную, чтобы выполнить настройку, чтобы получить их одного размера.
Наконец, этот подключаемый модуль сохраняет исходную запись изображений, которые использовались на вашем веб-сайте, перед его установкой для использования в будущем. Разве это не здорово?

5. Миниатюра автоматической публикации

Ссылка для скачивания

Еще один мощный плагин в списке! Это многофункциональный плагин WordPress, предназначенный для создания эскизов из сообщений, внешних ссылок и RSS-каналов. Он также работает путем создания миниатюр, если в сообщение встроено какое-либо видео. Как правило, он создает миниатюру избранного изображения, извлекая первое изображение любого сообщения или страницы.С другой стороны, если для публикации не задано ни одного избранного изображения, этот плагин сгенерирует миниатюру из первого найденного прикрепленного изображения. Кроме того, можно скомпилировать избранное изображение по умолчанию, если оно недоступно.

Предположим, что иногда вам может не понадобиться иметь эскиз для нескольких сообщений на вашем сайте. В этом случае этот плагин позволяет вам сделать это, добавив некоторое настраиваемое поле на страницу настроек публикации, и этот плагин перестанет генерировать миниатюру из сообщения.Вы заметите, что новый элемент меню Gen. Post Thumbnail добавляется в меню инструмента в конце процесса установки. Хотя доступна профессиональная версия этого плагина, вы можете получить эти бесплатные функции, о которых я уже говорил. Кроме того, вы можете получить представление о профессиональной версии этого плагина, перейдя по ссылке на официальном сайте, указанной ниже.

6. Исключить эскизы изображений из резервной копии UpdraftPlus

Ссылка для загрузки

На этом этапе листинга у нас есть небольшой, но мощный плагин для восстановления эскизов WordPress, который может извлекать эскизы изображений из резервной копии UpdraftPlus.Хотя это программное обеспечение с открытым исходным кодом, но оно широко используется в качестве плагина WordPress.

Вы можете восстановить исходные и полноразмерные изображения, которые доступны в резервной копии, с помощью этого плагина с помощью опции регенерации эскизов. Более того, вы можете сжать изображения, уменьшив размер данных и сохранив разрешение. Хорошая новость в том, что этот метод изменения размера изображения работает для всех типов изображений, которые поставляются с темой и плагином.

7. Миниатюры

Ссылка для скачивания

Если вы хотите улучшить красоту своего веб-сайта WordPress, отображая изображение функции публикации в виде миниатюры, вы должны использовать плагин Thumbnail WordPress.Этот плагин для регенерации миниатюр изображений работает лучше для восстановления миниатюр из поста с изображением функции любого размера.

В большинстве случаев пользователи WordPress настраивают свои эскизы для разных размеров, но WordPress не позволяет повторно создавать эскизы разных размеров. С другой стороны, можно сказать, не все плагины для восстановления миниатюр поддерживают все виды версий миниатюр, а также изображения большого размера для обработки. В этом случае этот плагин работает как волшебник.Он генерирует правильный вид эскиза, который идеален по размеру без какого-либо напряжения.

Этот плагин имеет функцию сбора избранного изображения из сообщения, в котором нет изображения. Хотя эскиз обычно используется для галерей, вы можете внести изменения, чтобы получить основные размеры. Вы можете оптимизировать свою галерею на панели настроек мультимедиа, чтобы получить красивый размер для миниатюры.

8. Квадратные эскизы

Ссылка для скачивания

Это программное обеспечение с открытым исходным кодом, которое широко используется в качестве плагина WordPress для создания эскизов квадратной формы из изображений.Этот плагин обрабатывает квадратные миниатюры путем обрезки изображений и, вероятно, использует их для настройки фоновых изображений в CSS.

Это легкий плагин, основной функцией которого является автоматическое преобразование изображений всех размеров в квадратные миниатюры страниц сообщений после завершения этапа установки. Действительно, если вы запустите на своем сайте какой-либо плагин для восстановления миниатюр, он вручную извлечет все ваши изображения и преобразует их в квадратные миниатюры. Более того, вы можете не использовать функцию обрезки, включив опцию «Hard Crop», если вы используете сайт Woocommerce.Это потрясающе!

9. Регенерировать миниатюры HTML

Ссылка для скачивания

Вот один из самых мощных и хорошо продуманных плагинов восстановления WordPress, которые служат пользователям WordPress для восстановления миниатюр, когда они изменяют тему своих сайтов. Это имеет значение, когда вы изменяете размер медиафайлов ваших сообщений или страниц вашего сайта WordPress. В этом случае вы должны выбрать опцию регенерации, чтобы получить новые эскизы.

Обычно плагины регенерации собирают изображения из публикации и регенерируют миниатюру, но изображения публикации остаются без изменений.Это может быстро привести к опасности для здоровья вашего сайта. В этом случае этот плагин играет важную роль, регенерируя HTML для миниатюр или изображений, которые используются в контенте сайта.
Лучше использовать на своем сайте такие инструменты, как очиститель мультимедиа, чтобы обнаружить бесполезные файлы и очистить базу данных. Еще одна небольшая вещь, которую вы должны соблюдать, — это сделать резервную копию своей базы данных перед использованием этого плагина. Причина в том, что этот плагин изменяет только вашу базу данных, а не файл.

10.Динамические эскизы

Ссылка для загрузки

Динамические эскизы можно использовать для создания единственного эскиза из изображений правильного типа, достойных сайта. Обычно этот плагин не позволяет создавать миниатюры из тех изображений, которые не имеют требуемого размера или не имеют соответствующих фактов, а также изображений, зарегистрированных темой или плагином. В случае, это позволяет им создавать миниатюры постепенно, когда это необходимо.

Более того, когда вы меняете тему на новую, обычно соотношение размеров изображения меняется автоматически.Здесь этот плагин помогает создавать миниатюры, выбирая более близкое по размеру изображение с сайта. Даже иногда он берет полноразмерное изображение, которое в основном соответствует вашей странице. Могу сказать, это умный плагин!
Наконец, этот плагин показывает параметр тайм-аута на общем сервере, если у вас много изображений на вашем сайте.

11. Imager — замечательный плагин WordPress

Ссылка для скачивания

Хотя это единственный плагин WordPress, он может выполнять множество этических задач, таких как оптимизация размера изображения, регенерация большого пальца, создание водяных знаков и создание CSS-фильтров и анимации.Итак, можно сказать, что это многофункциональный плагин для сайтов WordPress.

Этот плагин WordPress для создания миниатюрных изображений позволяет сохранять размеры большого пальца как Пользовательский размер, но вы можете выполнять их с другим размером, поскольку он позволяет неограниченные размеры для миниатюр. Если вы хотите создать миниатюру путем обрезки, этот плагин позволит вам это сделать. Хотя речь идет об управлении размером большого пальца, созданном в результате обновления темы или вашего сайта, этот плагин сохраняет его автоматически.Более того, вы можете использовать эти обновленные изображения для получения восстановленного эскиза одним щелчком мыши.

Этот плагин содержит все миниатюры нестандартного размера на носителе WP, которые вы можете выбрать по своему усмотрению. Кроме того, вы получаете возможность настраиваемого фильтра CSS для добавления настраиваемой анимации CSS для восстановленных эскизов, а также можете добавлять водяной знак на нужные изображения. Получите этот многофункциональный плагин всего за 24 доллара, и он того стоит.

12. WordPress Real Thumbnail Generator

Ссылка для скачивания

Это один из самых быстрых плагинов WordPress для восстановления миниатюр, который может создавать миниатюры быстрее, чем любые другие плагины для восстановления.Он включает в себя умопомрачительные функции, а расширенная опция регенерации выводит вас на новый уровень создания миниатюр. Выбрав существующие эскизы из медиатеки, вы можете восстановить их в один клик. Вы также можете отображать эскиз в виде таблицы или сетки в библиотеке мультимедиа. Кроме того, в плагин включена настраиваемая структура загрузки для опции эскизов, чтобы упростить вашу работу.

Представьте, что вы изменили тему WordPress и не нуждаетесь в старых изображениях или эскизах медиатеки.В этом случае этот плагин может помочь вам, обнаружив неиспользуемые или ненужные медиафайлы или эскизы из вашей медиатеки, и вы сможете выбрать их и удалить. Более того, вы можете выбрать один или несколько вариантов регенерации эскизов из медиатеки и получить новые автоматически сгенерированные эскизы для вашего сообщения. Кроме того, с помощью этого плагина вы можете установить действия для структуры размера изображения, пользовательской структуры загрузки миниатюр и всех функций мультимедиа. Этот потрясающий плагин стоит всего 16 долларов, не правда ли?

Любой другой плагин для создания миниатюр WordPress?

В этом посте мы рассмотрели 12 лучших плагинов регенерации для пользователей WordPress.Все эти плагины обновлены со всеми основными обновлениями WordPress и могут использоваться в последней версии WordPress. Если вы найдете какой-либо из этих плагинов полезным для вашего веб-сайта, пожалуйста, поделитесь с нами в разделе комментариев. Кроме того, вы можете поделиться этим постом в своих социальных сетях, чтобы ваши друзья также могли найти этот список полезным. Если вы думаете о каком-либо другом обновленном плагине для регенерации, поделитесь с нами. Я включу это в свой пост.

Связанные

Как обрезать и редактировать миниатюры сообщений WordPress

Вы разочарованы автоматическими размерами миниатюр сообщений WordPress, которые обрезают изображение от середины, обрезая края? Ищете простое решение для правильной обрезки и масштабирования миниатюр публикаций? В этой статье мы покажем вам, как обрезать и редактировать миниатюры записей WordPress, что позволяет вам исправить положение обрезки изображения.

Видеоурок

Подписаться на WPBeginner

Если вам не нравится видео или вам нужны дополнительные инструкции, продолжайте читать.

Первое, что вам нужно сделать, это установить и активировать плагин Post Thumbnail Editor. После установки вы можете создать новый пост или отредактировать существующий.

Затем перейдите в раздел «Избранные изображения» и загрузите новое избранное изображение или миниатюру публикации.Вы сможете увидеть новую ссылку под избранным изображением для редактора миниатюр сообщений.

Когда вы нажимаете на ссылку, в редакторе миниатюр постов открывается избранное изображение, где вы можете обрезать размер изображения. Просто выберите размеры изображений, которые вы хотите редактировать, в правом столбце. Наведите указатель мыши на изображение, затем перетащите его по изображению, чтобы выбрать область, которую вы хотите обрезать, и нажмите кнопку обрезки и сохранения.

Для дополнительных настроек вы можете нажать на кнопку опций, которая отобразит дополнительные настройки.Вы можете ввести соотношение сторон, которое будет сохраняться при кадрировании. Вы также можете повернуть изображение и выбрать уровень сжатия jpeg.

Редактирование старых миниатюр

Post Thumbnail Editor также можно использовать для редактирования любого изображения, загруженного на ваш сайт WordPress. Вам нужно посетить Медиа »Библиотека и навести курсор мыши на любое изображение. Вы увидите ссылку для редактирования эскизов.

При нажатии на нее изображение откроется в редакторе миниатюр сообщений, где вы можете обрезать и редактировать изображение так же, как вы делали это для избранного изображения на экране редактирования сообщения.

Редактирование старого изображения также повлияет на публикацию, в которой это изображение используется в качестве избранного изображения или миниатюры публикации. Вновь обрезанный и сохраненный размер теперь заменит старый эскиз.

Важно: Изменения коснутся только тех размеров изображений, которые вы выбрали в правом столбце. Исходное изображение останется там, и вы все равно сможете редактировать изображение и вносить изменения, если это необходимо.

Мы надеемся, что эта статья помогла вам научиться редактировать миниатюры сообщений и избранные изображения в WordPress без изменения файлов темы.Вы также можете ознакомиться с нашим руководством о том, как установить резервное изображение по умолчанию для миниатюр сообщений в WordPress.

Если вам понравилась эта статья, то подпишитесь на наш канал YouTube для видеоуроков по WordPress. Вы также можете найти нас в Twitter и Facebook.

Миниатюра изображения Facebook — Поддержка — WordPress.com

Эскизы изображений

Когда вы делитесь записью или страницей со своего сайта на Facebook с помощью кнопки «Поделиться» или функции «Опубликовать», вы увидите, что Facebook выбирает уменьшенное изображение с вашей страницы для отображения вместе с вашей ссылкой.Мы рекомендуем Facebook, какие изображения, по нашему мнению, следует отображать.

Домашняя страница

Изображение на главной странице вашего блога используется при публикации главной страницы вашего блога на Facebook. Если на главной странице нет избранного изображения, используется значок вашего сайта.

Сообщения и страницы

Изображение, которое Facebook выбирает для других сообщений и страниц, зависит от того, где и как вы загрузили изображения в свой блог, а именно:

Featured image : если избранное изображение было загружено для сообщения / страницы, мы рекомендуем Facebook использовать это изображение в качестве первого приоритета.

Загруженные изображения : Если вы не назначили Рекомендуемое изображение, мы рекомендуем Facebook изображения, которые вы вставили в свое сообщение. Их рекомендуют сверху вниз в вашем сообщении.

Нет изображений : Если в вашем сообщении не используются изображения, мы рекомендуем прозрачное изображение. Facebook также будет искать в контенте, размещенном в другом месте страницы, изображения, которые будут работать, например, виджеты, заголовок и другие.

↑ Содержание ↑

Проблемы с миниатюрами изображения / FAQ

Изображение изменилось, но Facebook его не видит?

После публикации публикации или страницы на Facebook изображения сохраняются в кеш-памяти на их сервере для будущих публикаций.Facebook не ищет новые изображения на странице, пока не истечет срок их хранения. Этот период времени непредсказуем, но может составлять дни или недели.

Вы можете заставить Facebook обновить кеш для вашего сообщения / страницы, введя ссылку на конкретное сообщение блога, которым вы делитесь, в их инструменте отладки на этой странице:

http://developers.facebook.com/tools/debug

Вставив ссылку в поле на этой странице, нажмите кнопку «Отладка». Затем нажмите кнопку «Очистить снова», которая появляется под разделом «Предупреждения».

Возможно, вам придется дважды нажать кнопку «Очистить снова». Как только инструмент отладки покажет обновленные изображения и информацию в вашем сообщении или странице, попробуйте снова поделиться ими на Facebook.

Не видите изображения?

Обычно это происходит из-за того, что рекомендуемое или загруженное изображение не соответствует требованиям Facebook к размеру. Лучше всего придерживаться их рекомендуемых характеристик изображения:

Используйте изображения размером не менее 1200 x 630 пикселей для наилучшего отображения на устройствах с высоким разрешением.Как минимум, вы должны использовать изображения размером 600 x 315 пикселей для отображения сообщений на странице ссылок с изображениями большего размера. Изображения могут быть размером до 8 МБ.

Если ваше изображение меньше 600 x 315 пикселей, оно все равно будет отображаться в сообщении на странице ссылок, но его размер будет намного меньше.

Мы также переработали сообщения на страницах ссылок, чтобы соотношение сторон изображений было одинаковым в новостной ленте для компьютеров и мобильных устройств. Постарайтесь, чтобы соотношение сторон изображения было как можно ближе к 1,91: 1, чтобы изображение в ленте новостей отображалось полностью без обрезки.

Минимальный размер изображения — 200 x 200 пикселей.

Используется неправильное изображение, что мне делать?

Facebook использует следующий порядок приоритета при определении того, какое изображение связать с опубликованным постом:

1) Рекомендуемое изображение.
2) Изображение из слайд-шоу.
3) Изображение из галереи.
4) Любое другое изображение в сообщении, размещенном на сайте.
5) Изображение в сообщении, не размещенное на сайте (ссылка откуда-либо.)
6) Ваш образ Граватара, на крайний случай.

Несмотря на то, что мы делаем все возможное, чтобы сообщить Facebook, какие изображения связаны с публикацией, их системы также анализируют страницу / публикацию и выбирают то, что, по их мнению, является лучшим отображением. Если следовать рекомендациям по размеру изображения и соотношению сторон, изложенным в этом документе, скорее всего, Facebook выберет изображение, которое вы хотите связать с публикацией в вашем блоге.

Как создать сообщение с эскизом в WordPress

Сообщение с эскизом — это небольшой графический и текстовый отрывок, который отображается на веб-сайте.Когда пользователь нажимает на ссылку или изображение, открывается полноразмерная статья. WordPress можно настроить разными способами, чтобы получать от этих сообщений больше.

Из этого туториала Вы узнаете, как настроить миниатюры записей в WordPress, а также различные инструменты, которые вы можете использовать. В конце концов, вы хотите, чтобы ваши посетители могли легко найти ваш контент.

Что такое миниатюры изображений?

WordPress использует избранное изображение сообщения как часть процесса создания эскизов.Система сократит изображение до определенного размера, чтобы использовать его в качестве своего рода «тизера». К сожалению, эти изображения не всегда выглядят идеально при кадрировании с исходным разрешением.

Показанное изображение можно найти в любом сообщении или на любой странице WordPress. Если вы войдете в текстовый редактор и прокрутите вниз, вы должны увидеть область с надписью «Featured Image». Любое изображение, которое вы добавите в этот раздел, станет тем, которое WordPress будет использовать для миниатюры статьи.

Поскольку при настройке внешней медиа-библиотеки графику импортируют непосредственно в WordPress, процесс эскизов будет работать.Система просто берет любое изображение, которое используется, независимо от его происхождения, и создает графику гораздо меньшего размера для эскиза.

Что такое избранное изображение?

Показанное изображение — это рисунок, который обычно возглавляет часть содержимого. Это изображение, которое WordPress использует, когда приходит время показывать эскизы, делиться в социальных сетях или иным образом подчеркивать материал. Если вы хотите, чтобы конкретная графика была явно связана с контентом, рекомендуемое изображение — это то, что вы хотите использовать.

Вот три шага к созданию потрясающих миниатюр, которые будут функциональными и запоминающимися.

1. Создание эскиза из изображений в сети

Не у всех есть возможность использовать графику непосредственно из своей системы для публикации или страницы. Возможно, вы хотите найти изображения в Интернете, но не хотите тратить время на их просмотр. Именно тогда в игру вступает значок Magic Post.

Этот плагин будет использовать ваш заголовок для автоматического поиска изображения и мгновенно добавить его в вашу медиатеку в качестве избранного изображения.Это, в свою очередь, используется для создания миниатюр вашего сообщения или страницы, не пропуская ни одной доли. Чтобы использовать этот плагин:

Шаг 1. Перейдите в область плагинов в панели администратора WordPress.

Шаг 2. Найдите новый плагин под названием «Миниатюра Magic Post». Установите и активируйте его.

Шаг 3: В область настроек WordPress будет добавлена ​​новая функция под названием «Миниатюра Magic Post». Щелкните этот параметр.

Шаг 4. Откроется экран настроек поиска в миниатюре Magic Post.Отсюда вы можете определить, для какой базы данных вы хотите сканировать изображения. Вы также можете настроить, какую часть заголовка плагин будет использовать при поиске изображения. В этом примере мы собираемся использовать Flickr. Установите переключатель рядом с этим «Банком изображений».

Шаг 5: Установите флажок для отсутствия известных ограничений авторских прав и измените тип изображения на «Фото и снимок экрана».

Шаг 6: Нажмите кнопку «Сохранить изменения» в левом нижнем углу.

Если этот плагин активирован, ваши сообщения будут автоматически извлекать изображения из Flickr в зависимости от заголовка вашего сообщения. Эти избранные изображения затем будут использоваться для создания миниатюр сообщений в WordPress.

2. Редактирование миниатюрного изображения сообщения

Иногда WordPress не может автоматически обрезать миниатюрное изображение для сообщения. Редактор миниатюр сообщений — отличный способ сделать так, чтобы ваши миниатюры выглядели экстравагантно.

Чтобы использовать этот простой инструмент:

Шаг 1: Установите и активируйте плагин «Post Thumbnail Editor.”

Шаг 2: Этот плагин устанавливает две новые функции для WordPress: редактор изображений и настраиваемые параметры. Сначала перейдите в область настроек WordPress и нажмите «Редактор миниатюр публикации».

Шаг 3. Отсюда вы можете установить размер кадрирования по умолчанию, а также другие параметры функциональности. А пока оставим это.

Как редактировать и работать с избранными изображениями WordPress

Изображения являются жизненно важными компонентами любого веб-сайта.Прежде чем вы начнете сомневаться в важности изображений, просто попробуйте представить свой любимый блог или веб-сайт без них. Было бы вам так же интересно читать о технологиях, автомобилях, еде, моде и макияже, если бы на веб-сайте не было изображений?

Когда первые веб-сайты появились в сети, изображения не могли играть значительной роли в их существовании. Интернет-соединение было слишком медленным, и никто не мог загружать десятки изображений на страницу. К счастью, все изменилось, и теперь мы не можем жить без интернет-СМИ.Тот же принцип можно применить к личному блогу или к вашему сайту. В современном мире не может быть блога без изображений. Они намного важнее, чем вы можете себе представить.

1. Что такое изображение в WordPress

Хотя избранное изображение — это просто еще один медиафайл, который вы можете добавить в WordPress, он заслуживает особого внимания. Такая картинка может помочь вам привлечь внимание посетителей. Он используется, чтобы побудить людей прочитать ваши истории, повысить визуальное качество вашего блога и даже играет заметную роль в обмене информацией в социальных сетях .Так что не забывайте о важности избранного изображения.

Избранные изображения контролируются темами WordPress.

Не так давно многие темы WordPress не поддерживали их. Только самые осторожные разработчики были достаточно любезны и добавили избранные изображения в свои темы, в то время как всем остальным пришлось кодировать эту функцию самостоятельно. К счастью, времена изменились, и теперь большинства тем полностью готовы для избранных изображений.

Где на вашем сайте появляются избранные изображения?

Обычно избранное изображение в WordPress находит свое место в центре внимания вашей домашней страницы. Они используются в качестве эскизов, которые представляют весь пост . Чаще всего один и тот же эскиз сообщения (который также является другим названием для избранного изображения) ссылается непосредственно на этот пост. Выбирая изображение для публикации, вы можете задать общий тон своей истории. В то время как хорошая фотография может соблазнить посетителя прочитать весь пост, плохая фотография может легко оттолкнуть обычного читателя.

Кроме того, одни и те же избранные изображения обычно появляются поверх отдельных сообщений, страниц и пользовательских типов сообщений в WordPress.В зависимости от темы, которую вы используете, изображение может отображаться чуть выше или ниже заголовка. Это может появиться в разных измерениях; все зависит от разработчика темы, который проработал детали.

Опять же, в зависимости от темы, избранные изображения могут использоваться в другом месте. Например, если вы добавляете виджет для отображения самых последних сообщений, миниатюры сообщений могут использоваться для добавления стиля виджету и привлечения большего внимания посетителей.

Некоторые темы даже отображают изображения на страницах администратора WordPress рядом с назначенными им сообщениями.

Как добавить избранное изображение

Когда мы познакомили вас с добавлением вашего первого поста в WordPress, мы также упомянули вкладку с избранным изображением, которая расположена в правой части экрана. Если вы не можете найти вкладку, проверьте параметры экрана:

  1. Добавьте новое сообщение или отредактируйте существующее
  2. Прокрутите до конца вверх
  3. Щелкните вкладку «Параметры экрана» в правом верхнем углу
  4. Убедитесь, что флажок «Featured Image» установлен

На новом сайте WordPress вкладка избранного изображения будет расположена в самом низу боковой панели с правой стороны.Проверьте, есть ли он у вас, и приготовьтесь к , добавив миниатюру первого сообщения:

  1. Щелкните ссылку «Установить избранное изображение», расположенную в поле «Рекомендуемое изображение».
  2. В новом окне откроется библиотека мультимедиа.
  3. Выберите любое изображение, которое у вас есть, или загрузите новое с компьютера
  4. После выбора изображение, нажмите кнопку «Установить избранное изображение»

Вот оно! Теперь вы можете увидеть предварительный просмотр изображения прямо в поле Featured Image.Если вы хотите увидеть, как это выглядит в сообщении, вы можете быстро прокрутить вверх и нажать кнопку «Предварительный просмотр».

Плагин для избранных изображений с возможностью перетаскивания

ЦЕНА: Бесплатно

Если вам нравится перетаскивать изображения в медиатеку WordPress, вам следует рассмотреть возможность добавления этого бесплатного плагина в список активных на вашем сайте. Просто установив плагин Drag & Drop Featured Image, обычная ссылка для добавления миниатюр сообщения изменится.Вместо того, чтобы щелкнуть ссылку и затем загрузить новое изображение, вы сможете перетащить изображение прямо на место.

Как удалить или заменить миниатюру сообщения

Иногда вам может понадобиться удалить или заменить миниатюру сообщения. Если вы нашли или создали лучшую фотографию, или возникла проблема с первой, потребуется всего несколько щелчков мышью, чтобы внести изменения:

  1. Щелкните ссылку «Удалить избранное изображение», расположенную в поле «Избранное» под миниатюрой.
  2. Если вы хотите установить новое изображение, повторите шаги для добавления нового избранного изображения

Что делать, если ваша тема не нет возможности?

Несмотря на то, что сегодня большинство тем уже готовы для избранных изображений, некоторые из них все еще не используют эту функцию.Чтобы добавить элемент вручную, вам необходимо иметь некоторое представление о разработке WordPress. К счастью, вы можете обойти это и забыть код. Мы покажем вам несколько плагинов WordPress, которые быстро добавят миниатюры записей в вашу тему . С помощью этих расширений вы даже можете позволить WordPress автоматически обрабатывать избранные изображения.

Плагин динамических избранных изображений

ЦЕНА: Бесплатно

Тот факт, что этот бесплатный плагин насчитывает более 70 000 активных пользователей, говорит о том, что есть еще довольно много тем, которые требуют особого внимания к миниатюрам сообщений.Dynamic Featured Image позволяет добавить нескольких изображений , поэтому вам не нужно полагаться только на то, что обычно доступно. Не касаясь кода, плагин подготовит выбранные изображения и позволит другим функциям темы получить к ним доступ при необходимости. Вы можете просто расслабиться; с этим ничего не нужно делать.

Плагин — отличный выбор, когда вы работаете с другими плагинами, которым нужны избранные изображения и слайдеры, которые будут отображать их для ваших пользователей.Есть даже премиум-версия, которая добавляет несколько разных функций.

Плагин Quick Featured Images

ЦЕНА: Бесплатно

С того момента, как вы установите этот плагин, все может работать на автопилоте. Quick Featured Images позволит вам установить избранное изображение по умолчанию . Итак, всякий раз, когда вы забудете установить его, плагин будет использовать эскиз по умолчанию. Он также может заменять или удалять изображения сразу из любого количества выбранных сообщений.

Кроме того, этот бесплатный плагин добавляет изображение в сортируемый столбец изображений в списках сообщений, страниц и пользовательских типов сообщений. Также существуют различные фильтры и правила, которые позволят вам настроить способ обработки миниатюр сообщений на вашем сайте.

2. Руководство по размеру избранного изображения — Как его изменить в WordPress

В современном онлайн-мире все состоит из медиафайлов. Хотя видео начали завоевывать Интернет, изображения по-прежнему являются жизненно важным компонентом, без которого вы не можете жить.Какой бы сайт вы ни открыли, к нему должно быть прикреплено хотя бы несколько изображений. Медиа-файлы обогащают сообщения и домашние страницы , и вы будете напоминать себе о важности мультимедийных файлов всякий раз, когда наткнетесь на сайт без них. Вы даже можете сами поискать бесплатные изображения. Как только вы добавите их в свой блог, они сделают весь блог более ярким и привлекательным для обычного посетителя.

Руководство по размеру избранного изображения

Обычно избранные изображения контролируются темой.Собираетесь ли вы иметь один, сколько вариантов размера вы получите и где он будет появляться, полностью зависит от разработчика вашей темы . К сожалению, не все разработчики уделяют миниатюрным изображениям достаточно внимания. Поэтому в некоторых случаях вам придется внести изменения в размер избранного изображения. В других случаях вам понадобится дополнительный набор измерений для размещения плагина, нового виджета или какой-либо другой области вашего сайта, которую вы хотите настроить.

Хотя регистрация новых размеров изображений — это несложная задача для разработчика WordPress, это может стать кошмаром для не кодировщика.Итак, в этой части мы не собираемся показывать вам фрагменты кода . Вместо этого мы покажем вам, как работают основные настройки и как расширить функциональность избранных изображений с помощью бесплатного плагина WordPress.

Основные настройки изображения

Для начала вы должны знать, что WordPress позволяет вам изменять несколько основных настроек мультимедиа, которые повлияют на все новые изображения, которые вы загружаете на сайт. По умолчанию каждая установка WordPress работает только с четырьмя размерами изображений:

  • Исходный размер
  • Миниатюра
  • Средний
  • Большой

После загрузки нового изображения WordPress сохранит исходный файл без внесения в него изменений.После передачи данных система возьмет этот исходный файл и сделает все дополнительные измерения, которые вы установили в настройках мультимедиа. Он также может добавить несколько дополнительных размеров, зарегистрированных используемой вами темой, которые могут не отображаться в настройках мультимедиа.

Чтобы получить доступ к настройкам мультимедиа, перейдите в Настройки -> Медиа

Миниатюрное изображение несколько уникально . Он квадратный, и независимо от того, какой размер вы установили, WordPress будет центрировать часть изображения и обрезать ее, чтобы получить необходимые размеры.Некоторые темы могут использовать эту предустановку в качестве избранного изображения.

Когда дело доходит до средних и больших размеров, WordPress работает немного иначе. Вы можете указать максимальную ширину и высоту, и система уменьшит изображение в соответствии с этими настройками, чтобы оно не обрезалось. Обычно это изображения, которые вы будете использовать внутри сообщений и страниц.

Почему WordPress генерирует дополнительные размеры?

Если бы WordPress не генерировал дополнительные размеры изображений, вам пришлось бы создавать их вручную. Альтернативой может быть один и тот же размер изображения на всем сайте. или дизайнерам придется работать намного усерднее, чтобы установить размеры каждого изображения с помощью кода. Этот вариант также значительно усложнит настройку.

Представьте, сколько времени вам понадобится, чтобы открывать каждый файл в фоторедакторе, настраивать размер и затем загружать его в WordPress?

Знаете ли вы, что темы WordPress могут использовать одно и то же изображение в нескольких разных измерениях в зависимости от местоположения? Это означало бы создание нескольких файлов изображений каждый раз, когда вы собираетесь загрузить новое изображение! На это ни у кого не будет времени.

Изменить размер избранного изображения

Очевидно, что не все темы WordPress используют одинаковый размер избранного изображения. Итак, при переключении между темами или просто, когда вы хотите изменить одну из них в соответствии с вашими потребностями и предпочтениями, вы можете настроить размер избранного изображения.

Может быть, размер поменьше будет лучше смотреться и подчеркивать заголовок? Может быть, вы хотите, чтобы ваше изображение было шире? К счастью, какой бы ни была причина изменения размера избранного изображения, , вам не нужно ничего кодировать самостоятельно .Мы собираемся показать вам фантастический бесплатный плагин, который вам поможет.

Проверьте настройки темы

Перед установкой каких-либо дополнительных плагинов вы должны тщательно проверить настройки вашей темы. В последние несколько лет разработчики тем разрешили модификации многих функций темы. Итак, в зависимости от темы, которая у вас есть, есть шанс найти вариант размера избранного изображения прямо в настройках темы .

Перейдите в «Внешний вид » -> «Темы» -> «Настроить » и найдите параметры.Кроме того, у некоторых тем будут дополнительные настройки, которые обычно можно найти в меню Внешний вид . Если вам удастся его найти, вам повезло, потому что вы можете изменить размер избранного изображения всего за несколько кликов. Если нет, не волнуйтесь; следующий плагин по-прежнему будет более чем достаточно простым, чтобы внести необходимые изменения.

Простые размеры изображений

ЦЕНА: Бесплатно

Когда вы устанавливаете Simple Image Sizes, основные настройки мультимедиа, о которых мы только что говорили, мгновенно расширяются.Плагин распознает все другие размеры изображений из текущей активной темы, а также позволит вам создавать собственные размеры.

После того, как вы активировали плагин, перейдите в Настройки -> Медиа . Среди всех дополнительных размеров изображения вы должны найти тот, который предназначен для избранного изображения . Если вы используете стандартную тему Twenty Eighteen, вы должны найти вариант «размер изображения двадцати восемнадцати». Здесь вы можете легко установить произвольную ширину и высоту для избранных изображений.

В зависимости от темы, которую вы используете, может быть несколько размеров избранного изображения. Например, тема может отображать избранное изображение на главной странице, отдельные сообщения и некоторые виджеты. В этом случае потребуется три размера, чтобы максимально использовать эту функцию. В зависимости от того, как вы хотите персонализировать избранное изображение, измените настройки соответствующим образом. Не забудьте нажать кнопку обновления, сохранить изменения и открыть свой сайт, чтобы увидеть, что случилось с изображениями.

А как насчет старых изображений?

Обычно при изменении размеров изображения WordPress вносит изменения только в новые, которые вы собираетесь загрузить .А как насчет старых, которые вы уже используете?

К счастью, разработчик Simple Images Size был достаточно любезен и представил функцию, которая решит эту проблему. На той же странице настроек мультимедиа просто прокрутите список размеров изображения вниз. Вы найдете функцию регенерации эскизов , которая позволяет вам выбрать, какие эскизы вы хотите восстановить. Поскольку мы говорим только об избранных изображениях, выберите те же эскизы, которые вы редактировали ранее.

Если вам нужен еще больший контроль над миниатюрами, прокрутите немного больше и выберите тип сообщения, который вы хотите перестроить.

Когда будете готовы, нажмите, если хотите восстановить эскизы, и не забудьте сохранить изменения.

Минусы изменения размеров изображений

Хотя установить новые размеры изображения довольно просто с помощью Simple Image Sizes, будьте осторожны при изменении ваших изображений .

Если вы работаете над небольшим сайтом, на котором все еще не так много фотографий, вы можете расслабиться и восстановить эскизы.Но учтите, что есть сайты с сотнями тысяч изображений.

Создание нового измерения для каждого изображения может занять много места на вашем сервере. Поэтому, прежде чем подтверждать изменение, убедитесь, что вы знаете, что делаете.

Кроме того, WordPress не заботится о ваших старых эскизах. Таким образом, даже если вы больше не используете их, все эти изображения все равно будут размещаться в папке и занимать драгоценное место на жестком диске. Некоторые плагины для очистки изображений могут помочь вам, если у вас небольшой сайт.Но для крупных веб-сайтов с большим количеством фотографий вам понадобится более профессиональный (и, к сожалению, более сложный и более дорогой) подход.

3. Автоматическая установка избранного изображения в WordPress

Использование избранных изображений в WordPress легко и относительно просто настроить, даже если ваша тема не поддерживает эту функцию с нуля. Мы уже показали вам, как установить и отобразить основное избранное изображение, и вы узнаете, как проверить, есть ли набор избранных изображений, и показать уведомление автору, который забыл его установить.

Если вам не нравится этот вариант, вы можете быстро реализовать немного другую функцию — вы можете запрограммировать свой WordPress так, чтобы он автоматически установил для вас избранное изображение.

В отличие от метода, упомянутого выше, когда WP уведомит вас об отсутствии избранного изображения, когда вам все равно нужно выбрать его самостоятельно, этот подход автоматически устанавливает изображение как избранное. Чтобы это работало, вам нужно будет прикрепить к сообщению хотя бы одно изображение.

После публикации сообщения без избранного изображения функция возьмет первое изображение из этой статьи и установит его в качестве избранного изображения .

Что замечательно в этом, так это то, что после того, как функция установит для вас избранное изображение, оно останется включенным, даже если вы решите удалить изображение из сообщения (единственная функция, используемая для создания избранного изображения в первую очередь).

Если у вас нет изображений, прикрепленных к вашему сообщению, и вы нажмете кнопку публикации, не будет никаких уведомлений и, конечно же, не будет никаких изображений, из которых функция могла бы выбирать. Так что это отличный вариант для тех, кто использует изображения в большинстве своих сообщений.Но если вы часто забываете изображения и не прикрепляете изображения на регулярной основе, мы рекомендуем вам проверить более ранний метод предотвращения публикации сообщений без изображения.

Теперь, когда вы знаете, что с этим можно получить, давайте покажем вам код. Чтобы установить функцию, вам нужно будет открыть файл functions.php и скопировать / вставить следующий фрагмент:

 функция autoset_featured () 
.

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

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