Home-theater-designers
Картинка стоит тысячи слов - если ее размер не был изменен ненадлежащим образом, и в этом случае это немного смущает. WordPress содержит мощные инструменты для изменения размера изображений и миниатюр, но вам нужно знать, как с ними обращаться.
Прочтите все, что вам нужно знать о размерах изображений в WordPress и управлении избранными изображениями.
Редактирование PHP в файлах WordPress
Этот пост содержит PHP-код для WordPress. Возможно, вы захотите прочитать наш бесплатный ускоренный курс PHP, прежде чем пытаться вносить какие-либо изменения в свою тему.
Если вам неудобно открывать файлы темы или вы не хотите, потому что они будут потеряны при будущих обновлениях темы, вы можете использовать Мои пользовательские функции плагин, чтобы вместо этого добавлять блоки кода.
https://en-gb.wordpress.org/plugins/my-custom-functions/
Основы размера изображения WordPress
В панели администратора WordPress вы, вероятно, уже знаете о Настройки > Половина.
при обновлении Windows 10 недостаточно места на диске
Это три размера изображений по умолчанию, которые WordPress называет: миниатюра , Средняя , а также большой . Для размера эскиза предусмотрена специальная настройка, позволяющая обрезать точный размер, который вы укажете здесь. Это не обязательно должно быть соотношение 1: 1 - вы можете установить его по своему усмотрению.
Когда обрезка включена, изображения будут масштабироваться и центрироваться, а затем все, что не подходит, будет отброшено.
Средние и большие настройки работают немного по-разному, в том смысле, что вы указываете максимум размеры как для ширины, так и для высоты, и изображения будут соответственно уменьшены в масштабе. Если изображение слишком маленькое, изображения такого размера не будут созданы.
Когда вы загружаете новое изображение, оригинал сохраняется и доступен для вставки в сообщение в полном размере, а другие зарегистрированные размеры изображения создаются автоматически.
Добавление нестандартных размеров изображений в WordPress
Трех размеров, определенных по умолчанию в WordPress, может быть недостаточно, поэтому темам и плагинам разрешено добавлять свои собственные размеры. Если вам удобно редактировать файлы темы, вы тоже можете это сделать.
Откройте каталог тем и найдите functions.php файл. Добавить следующий код, по одному для каждого размера изображения, который вы хотите определить:
add_image_size( 'my-thumbnail', 400, 200, true);Каждому новому размеру изображения необходимо указать имя, размеры ширины и высоты, а также указать, следует ли обрезать изображения точно до этого размера ( правда или ложный ). Структурные части темы или виджета обычно нужно обрезать, чтобы не нарушать макет.
У вас может возникнуть соблазн создать множество нестандартных размеров изображений, но вам следует делать это с осторожностью. Каждый размер изображения, который вы определяете, будет сгенерирован для каждого загружаемого вами изображения, даже если вы предназначаете его для нас только с рекомендуемым изображением.
Таким образом, если у вас есть семь нестандартных размеров изображения, плюс три размера по умолчанию, каждое загружаемое изображение порождает 10 маленьких копий самого себя. Если учесть, что в один пост может быть встроено 10 изображений, то это 100 файлов, создаваемых только для этого поста.
Вы не можете создать собственный размер изображения и указать, что он должен использоваться только для ваших избранных изображений.
Кроме того, даже если вы больше не используете определенный нестандартный размер и удалили этот код (или изменили темы), старые изображения навсегда останутся на сервере. WordPress не удалит за вас неиспользуемые изображения. На таком старом или большом сайте, как MakeUseOf, это означает, что несколько сотен гигабайт тратятся на хранение изображений, которые больше не используются.
Для небольших сайтов Средство очистки плагин может помочь, но всегда сначала выполняйте полное резервное копирование.
https://wordpress.org/plugins/media-cleaner/#description
Пользовательские размеры изображений для использования в контенте публикации
По умолчанию пользовательские размеры изображений не отображаются в раскрывающемся списке при вставке изображения в сообщение. Единственное, что вы увидите, - это эскиз, средний, большой и полный размер (в зависимости от размера исходного изображения, поскольку оно не будет масштабировано).
Если вы хотите, чтобы ваш нестандартный размер также был в списке, нам понадобится немного больше кода. Опять же, добавьте в свой functions.php файл:
function image_sizes_to_mediapicker( $default_sizes ) {
return array_merge( $default_sizes, array(
'my-thumbnail' => __( 'My Thumbail Size' ),
) );
}
add_filter( 'image_size_names_choose', 'image_sizes_to_mediapicker' );
Это работает путем фильтрации списка средства выбора мультимедиа. Мы объединяем массив списка исходных размеров с любыми новыми размерами, которые мы также хотим перечислить. Измените «my-thumbnail» и «My Thumbnail Size» на свой собственный размер и понятное для человека имя, под которым оно должно быть указано.
Параметры избранного изображения WordPress
Избранные изображения - это одно изображение, связанное с сообщением, но не обязательно вставленное в содержание сообщения. Они часто используются темами в заголовке, на главной странице или на боковой панели. Однако с точки зрения размера изображения они ничем не отличаются от обычных изображений.
Для каждого размера, который вы определили, любое загруженное изображение будет дублировано и изменено, включая рекомендуемое изображение.
Могу ли я бесплатно написать кому-нибудь со своего компьютера
Если вы не видите возможности Установить избранное изображение на экране редактирования сообщения, возможно, ваша тема не поддерживает эту функцию. Вы можете форсировать поддержку, добавив следующую строку к вашей теме functions.php файл, но я настоятельно рекомендую вместо этого найти новую тему.
Отсутствие поддержки чего-то столь же простого, как избранные изображения, может указывать на устаревший код в другом месте.
add_theme_support('post-thumbnails');Чтобы использовать избранное изображение в своей теме или плагинах, используйте the_post_thumbnail () функция для вывода тега изображения:
the_post_thumbnail('my-thumbnail',array('class'=>'my_post_thumbnail_css_class'));Функция принимает 2 параметра: именованный размер, который вы ищете (в данном случае «my-thumbnail»), и любые атрибуты, которые вы хотите передать, например, пользовательский класс CSS.
Если вы предпочитаете просто получить фактический URL-адрес избранного изображения, а не требуемый HTML-код, попробуйте вместо этого (получение среднего размера изображения в этом примере):
Windows 10 не перейдет в режим сна
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
echo $thumbnail[0];Восстановление изображений миниатюр WordPress
Каждый раз, когда вы меняете размеры изображения по умолчанию или создаете собственный размер изображения, он будет применяться только к новый загружает. Все ваши существующие изображения останутся в исходных размерах.
Если вы хотите изменить размер ранее загруженных изображений, вам понадобится плагин. Восстановление эскиза AJAX позволяет выбрать размеры для восстановления и будет медленно работать с вашим архивом.
https://wordpress.org/plugins/ajax-thumbnail-rebuild/
Однако есть некоторые ограничения и подводные камни, о которых вам следует знать.
Хотя размер избранных изображений можно изменять автоматически, ни один плагин не может переписывать контент публикации. Например, если вы добавили изображение в сообщение на большой размер (который в то время мог быть 500 пикселей), изменив определение большой не изменит размер изображения в сообщении. Он останется на уровне 500 пикселей, если вы не отредактируете сообщение и не вставите то же изображение с новым размером.
Как уже упоминалось, если у вас много размеров изображений, вы создадите много изображений. К счастью, перестроение миниатюр позволяет ограничить это только избранные изображения . Но опять же, помните, что это относится только к вашему предыдущему изображению. Все будущие загрузки изображений будут управляться WordPress, а это означает, что изображения всех размеров будут созданы для всего.
Сейчас было бы прекрасное время также изучить разница между JPG и PNG так что вы знаете, как использовать оптимальный формат в будущем.
Поднимите свой сайт WordPress на новый уровень
Хотите настроить тему WordPress? Использование в вашей теме изображений, цветов и расположения элементов в основном определяется CSS и HTML, поэтому мы рекомендуем ознакомиться с этими пошаговыми руководствами, чтобы изучить CSS и HTML.
А если вас интересуют темы, взгляните на эти крутые темы WordPress для портфолио фотографий.
Ваш сайт WordPress слишком часто дает сбой? Вы слишком много платите? Переключитесь на известный хостинг, такой как InMotion Hosting (специальная скидка MakeUseOf с эта ссылка ) или Bluehost (специальная скидка MakeUseOf с эта ссылка ).
Делиться Делиться Твитнуть Эл. адрес Вот почему ФБР выпустило предупреждение о вирусах-вымогателях HiveФБР выпустило предупреждение об особо опасной разновидности программ-вымогателей. Вот почему вам нужно особенно опасаться программ-вымогателей Hive.
Читать далее Похожие темы- Программирование
- Wordpress
Джеймс имеет степень бакалавра в области искусственного интеллекта и имеет сертификаты CompTIA A + и Network +. Когда он не занят в качестве редактора обзоров оборудования, он любит LEGO, VR и настольные игры. До прихода в MakeUseOf он работал светотехником, учителем английского языка и инженером центра обработки данных.
Ещё от James BruceПодписывайтесь на нашу новостную рассылку
Подпишитесь на нашу рассылку технических советов, обзоров, бесплатных электронных книг и эксклюзивных предложений!
Нажмите здесь, чтобы подписаться