WordPress

Как добавить размер изображения в WordPress? (Пошаговая инструкция)

Как добавить размер изображения в WordPress? (Пошаговая инструкция)

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

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

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

Что такое нестандартный размер изображения? Зачем это нужно?

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

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

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

Чтобы добавить размеры изображений или изменить старые, вам нужно добавить несколько строк кода в ваш файл function.php. Как всегда, убедитесь, что вы сделали резервную копию своего сайта на случай, если что-то пойдет не так. Самый быстрый способ добавить код – нажать на редактор в разделе внешнего вида.

Как только вы попадете в файл function.php, скопируйте и вставьте код ниже:

add_theme_support('post-thumbnails' );

После того, как вы скопировали его, нажмите «Сохранить». Этот код активирует функцию add_image_size(), и вы сможете выбирать новые размеры изображений в WordPress. Вот пример того, что вы можете добавить:

// Make sure featured images are enabled add_theme_support( 'post-thumbnails' ); // Add featured image sizes add_image_size( 'featured-large', 640, 294, true ); // width, height, crop add_image_size( 'featured-small', 320, 147, true ); // Add other useful image sizes for use through Add Media modal add_image_size( 'medium-width', 480 ); add_image_size( 'medium-height', 9999, 480 ); add_image_size( 'medium-something', 480, 480 ); // Register the three useful image sizes for use in Add Media modal add_filter( 'image_size_names_choose', 'wpshout_custom_sizes' ); function wpshout_custom_sizes( $sizes) { return array_merge( $sizes, array( 'medium-width' => __( 'Medium Width' ), 'medium-height' => __( 'Medium Height' ), 'medium-something' => __( 'Medium Something' ),) ); }

Вы легко можете увидеть, что делает этот код. В add_image_size () есть четыре основных параметра:

  • $ name – строка (обязательно)
  • $ width – целое число (необязательно)
  • $ height – целое число (необязательно)
  • $ crop – логическое значение (необязательно)

Как определить размер изображения для темы?

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

<?php the_post_thumbnail( 'your-specified-image-size' ); ?>

Убедитесь, что вы изменили «ваш-указанный-размер-изображения» на имя, которое вы выбрали выше.

Как регенерировать миниатюры и избранные изображения?


Как добавить размер изображения в WordPress? (Пошаговая инструкция)

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

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

Как использовать новые размеры изображений в сообщениях?


Как добавить размер изображения в WordPress? (Пошаговая инструкция)

Чтобы использовать ваши новые размеры изображений в сообщениях WordPress, вам необходимо установить и активировать плагин «Простые размеры изображений ».

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

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

Источник записи: https://betterstudio.com

Похожие сообщения
WordPressWordPress темы

20+ лучших женских тем WordPress 2020

WordPress

Как исправить ошибку загрузки изображения WordPress

WordPress

Как узнать какую тему использует сайт на WordPress? (3 быстрых способа)

WordPress

Разница между сообщениями и страницами в WordPress