Добавить небольшой размер изображения в настройки медиа

Настройки медиа на моем сайте WordPress (v4.7) показывают только размеры для Миниатюры, Среднего и Большого. Как добавить Малый размер?

Вы можете зарегистрировать новый размер изображения, используя add_image_size()

add_image_size( string $name, int $width, int $height, bool|array $crop = false )

Параметры

$name

(строка) (Обязательный) Идентификатор размера изображения.

$width

(int) (Обязательный) Ширина изображения в пикселях. $height (int) (Обязательный) Высота изображения в пикселях.

$crop

(bool|array) (Необязательный) Нужно ли обрезать изображения до заданной ширины и высоты или изменять размер. Массив может указать позиционирование области обрезки. Значение по умолчанию: false

Перед изменением тем, вам следует создать дочернюю тему своей темы

https://codex.wordpress.org/Child_Themes

Затем вы можете добавить одну из следующих опций в свой functions.php в дочерней теме

add_image_size( 'custom-size', 220, 180 );

Обратитесь к этой странице для опций обрезки и изменения размера
https://developer.wordpress.org/reference/functions/add_image_size/https://developer.wordpress.org/reference/functions/add_image_size/

Чтобы использовать добавление изображения в файле functions.php темы. Всегда используйте хук действия “after_setup_theme”.

add_action( 'after_setup_theme', 'wpdocs_theme_setup' );
function wpdocs_theme_setup() {
    add_image_size( 'category-thumb', 300 ); // 300 пикселей в ширину (и неограниченная высота)
    add_image_size( 'homepage-thumb', 220, 180, true ); // (обрезано)
}

Или вы также можете использовать функцию set_post_thumbnail_size с некоторыми из перечисленных ниже опций

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 150, 150 );
Примечание
Эта функция не изменит размер ваших существующих миниатюр. Чтобы регенерировать существующие изображения в новом размере, используйте плагин Regenerate Thumbnails.

Режим обрезки
Установите размер миниатюр по умолчанию, изменяя размер изображения пропорционально (т. е. без искажения):

set_post_thumbnail_size( 50, 50 ); // 50 пикселей в ширину и 50 пикселей в высоту, режим изменения размера

Установите размер миниатюр по умолчанию, обрезая изображение (либо с боков, либо сверху и снизу):

set_post_thumbnail_size( 50, 50, true ); // 50 пикселей в ширину и 50 пикселей в высоту, режим обрезки

Установите размер миниатюр по умолчанию, обрезая изображение с верхнего левого угла:

set_post_thumbnail_size( 50, 50, array( 'left', 'top') ); // 50 пикселей в ширину и 50 пикселей в высоту, обрезка из верхнего левого угла

Установите размер миниатюр по умолчанию, обрезая изображение из центра:

set_post_thumbnail_size( 50, 50, array( 'center', 'center') ); // 50 пикселей в ширину и 50 пикселей в высоту, обрезка из центра

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

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

   add_action('init', function() {
       add_image_size('your_size', (int) get_option('your_size_w', 240), (int) get_option('your_size_h', 240));
   });
   

2. Присоединитесь к фильтру image_size_names_choose, чтобы сделать ваш размер выбираемым в различных контекстах редактирования содержимого.

   add_filter('image_size_names_choose', function($sizes) {
       return $sizes + [
           'your_size' => 'Ваш размер',
       ];
   });
   

3. (части 3 и 4) Сделайте эти размеры редактируемыми на странице Настройки медиа, присоединившись к хуку admin_init и используя и add_settings_field(), и register_setting(), с 'media' в качестве значений для параметров $page и $option_group соответственно.
   Обратитесь к коду для значений по умолчанию в wp-admin/options-media.php, чтобы увидеть ожидаемый вывод от вашего add_settings_field().
   Преобразование в целое число должно быть достаточным в sanitize_callback.

   add_action('admin_init', function() {
       add_settings_field(
           'your_size',
           'Ваш размер',
           function() {
               ?><fieldset><legend class="screen-reader-text"><span>Ваш размер</span></legend>
               <label for="your_size_w"><?php _e( 'Максимальная ширина' ); ?></label>
               <input name="your_size_w" type="number" step="1" min="0" id="your_size_w" value="<?php form_option( 'your_size_w' ); ?>" class="small-text" />
               <br />
               <label for="your_size_h"><?php _e( 'Максимальная высота' ); ?></label>
               <input name="your_size_h" type="number" step="1" min="0" id="your_size_h" value="<?php form_option( 'your_size_h' ); ?>" class="small-text" />
               </fieldset><?php
           },
           'media',
       );
       foreach (['your_size_w', 'your_size_h'] as $opt) {
           register_setting('media', $opt, [
               'sanitize_callback' => function($value) {
                   return (int) $value;
               },
           ]);
       }
   });
   

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