На многих сайтах используются миниатюры изображений, иллюстрирующие тему той или иной статьи. Это позволяет придать сайту больше красок, сделать ему более профессиональный и согласованный внешний вид, а также заинтересовать посетителя на просмотр материала.
Если вы владелец сайта под управлением WordPress, то для вас не составит труда вывести любое изображение как миниатюру к записи или странице, поскольку эта функция встроена в ядро системы по умолчанию.
Более того, она позволяет применить некоторую обработку, чтобы настроить вывод превью более подходящим образом, с учетом дизайна вашего сайта.
Добавление изображения-превью для поста или страницы в WordPress
Вывести изображения для иллюстрации содержания записи или страницы на WordPress достаточно просто. Для этого, во время создания новой записи, нужно просто нажать кнопку «Задать миниатюру», находящуюся справа внизу окна редактора.
Перед вами появится всплывающее окно, где вы можете загрузить изображение с компьютера или выбрать его из библиотеки файлов WordPress. После чего, вы можете задать такие параметры, как:
- Заголовок – появляется при наведении курсора;
- Подпись – можно вывести специальным кодом;
- Атрибут alt – альтернативный текст, отображается вместо отсутствующего изображения;
- Описание – краткое описание содержания картинки.
Помимо этого, есть возможность также отредактировать картинку, изменив ее масштаб или обрезав до нужных размеров. Только стоит отметить, что размер может также определяться установленной темой, тогда эти изменения не повлияют на результат. Кроме того, есть один важный нюанс – некоторые шаблоны используют вывод большого превью для записи на главной сайта и маленького в содержимом поста, или наоборот.
Проблема повторяющихся изображений в постах
Если установить миниатюру для записи на WordPress, то некоторые темы будут отображать ее не только в списке постов на главной, но и на странице одного поста тоже. Таким образом, если вы захотите разместить такую же картинку внутри поста, но с другими размерами, то это будет выглядеть как дубликат.
Исправить данное недоразумение можно двумя способами. Вы можете либо удалить картинку, которую поместили вручную в пост, либо отключить автоматический вывод изображений-превью в содержимом. Сделать это достаточно просто, но потребуется немного покопаться в коде установленной темы.
Чтобы удалить миниатюру из содержимого записи, первым делом, нужно найти строчку кода, отвечающую за ее вывод. После чего, задать такое условие, при котором она будет отображаться только на главной странице или в категории.
Местонахождение этой строчки может отличаться, но всегда следует начинать поиск с файла «Single.php». На примере стандартного WordPress шаблона Twenty Sixteen, нужно открыть редактора кода, который расположен в разделе «Внешний вид» административной панели. Здесь потребуется открыть файл «Single.php» и найти в коде строчку, отвечающую за вывод контента. Она выглядит так:
get_template_part("template-parts/content", "single");
Из этой строчки становится понятно, что продолжать поиск необходимо по файлу «content-single.php». Открыв этот файл в редакторе, вы найдете такую строку:
Именно она и отвечает за вывод миниатюры на странице отдельной статьи. Имейте ввиду, что эта строчка может выглядеть по-разному, все зависит от конкретного шаблона, но она обязательно должна содержать слова «post» и «thumbnail». Вам нужно просто заменить эту строчку на:
Все достаточно просто, но каждый конкретный случай может прибавить проблем. Поэтому, чтобы избавить себя от лишней головной боли, следует сделать резервную копию сайта перед внесением изменений.
Включение поддержки миниатюры в шаблоне
Несмотря на то, что это встроенная функция WordPress, она будет работать только тогда, когда поддерживается установленным шаблоном. Почти все современные шаблоны WordPress поддерживают эту функцию, но иногда попадаются исключения. В таком случае, можно включить вывод превью самостоятельно. Чтобы это сделать, нужно просто добавить несколько тегов в файлы шаблона.
Первым делом, необходимо открыть файл «functions.php», находящийся в папке с темой, и добавить следующую строчку:
add_theme_support("post-thumbnails");
Это разрешит вывод миниатюры для записи или страницы во время создания. Если вы хотите включить эту функцию только для записи, то нужно добавить такую строку:
add_theme_support("post-thumbnails", array("post"));
А только для страницы такую:
add_theme_support("post-thumbnails", array("page"));
Далее, вы должны указать размеры, воспользовавшись один из двух способов, предлагаемых функциями WordPress: пропорциональное изменение или обрезка. В первом случае, изображение будет пропорционально (без искажений) сжиматься, пока не будет соответствовать указанной ширине и высоте. Например, если оригинальная картинка будет 100 × 50, а вы указали 50 × 50, то по итогу получится 50 × 25. Код первого способа выглядит так:
set_post_thumbnail_size(50, 50);
Преимущество этого способа в том, что картинки будут показаны целиком. Недостатком является то, что все они будут разного размера, что не всегда соответствует дизайну сайта. Но есть возможность ограничить их только по ширине, оставляя оригинальную высоту. Это можно сделать, просто указав большое число вторым параметром, например, такое 9999.
Второй способ изменения размера – обрезка. В этом случае изображение обрезается, чтобы соответствовать целевому коэффициенту пропорциональности, а затем сжимается, чтобы поместиться в заданные параметры наиболее точно. Код данного способа выглядит так:
set_post_thumbnail_size(50, 50, true);
Преимущество здесь в том, что все картинки будут одинаковые, а недостаток, что часть картинки будет обрезана, а это может сильно сказаться на ее содержимом и даже исказить его смысл.
Теперь, когда все параметры заданы, остается только осуществить вывод миниатюры в установленной теме. Для этого нужно добавить небольшую строчку кода в файлы тех страниц, на которых вы хотите это сделать. Строчка выглядит так:
Заключение
Эта статья приводит только основные параметры, с помощью которых можно сделать наиболее подходящую под дизайн сайта иллюстрацию содержимого записи в WordPress. Помимо описанных здесь действий, можно также организовать вывод миниатюры по умолчанию для всех постов, разместить на ней любую подпись или даже добавить несколько разных картинок к одной статье.
На днях один из наших читателей спросил, как массово удалить все миниатюры из записей в WordPress. Мы уже обсуждали на нашем сайте различные вопросы, связанные с миниатюрами. Мы показывали, как добавлять миниатюры в WordPress, как добавлять новые размеры изображений, как восстанавливать миниатюры, а также как добавлять многочисленные миниатюры к записям в WordPress. В данной статье мы покажем вам, как массово удалить миниатюры у записей в WordPress.
Проблема массового удаления миниатюр
К сожалению, по умолчанию вы можете удалять миниатюры только при ручном редактировании записей. Если вы имеете сотни записей с миниатюрами, то удалять их вручную будет слишком долго. Вместо этого мы будем использовать иной подход. Мы сделаем запрос к базе данных и отключим миниатюры у всех записей.
Перед тем, как приступать к реализации данного метода, отметьте для себя, что код, приведенный ниже, удалит миниатюры у всех записей на вашем сайте. Также учтите, что данный код не будет удалять какие-либо загруженные вами изображения, они по-прежнему будут доступны в медиа-библиотеке, и вы можете использовать их в любое время.
Все, что вам понадобится – это скопировать и вставить код в файл functions.php вашей темы.
Global $wpdb; $wpdb->query(" DELETE FROM $wpdb->postmeta WHERE meta_key = "_thumbnail_id" ");
Готово. Как только вы сохраните файл functions.php, скрипт запустит запрос к базе данных и удалит миниатюры у всех записей.
Примечание: Удалите код сразу же после сохранения файла functions.php. Вы не сможете установить миниатюры в WordPress, пока у вас будет добавлен данный код.
Я начала самостоятельно осваивать WordPress и столкнулась с дурацкой, на мой взгляд, но важной проблемой. Когда добавляла постер картинки на главной, то она дублировалась в публикации. Выглядело ужасно, ведь я добавляла отдельно картинку, которая мне была нужна, причем размер картинки с изображения записи заставлял плакать.
Я начала искать в в WordPress как убрать миниатюру в записи, но оставить ее на главной, к сожалению, найти ответ на вопрос? как убрать миниатюру в записи WordPress внутри записи я так и не нашла.
Как убрать дубликат миниатюру записи в WordPress
Оказалось, что ответ на этот вопрос очень прост, хотя так сначала не казалось. Можно закрыть отображение публикации всего лишь одной кнопкой. Работает не на всех темах. На одной из тем я словила баг, но всё-таки проблему решить смогла всего лишь одной кнопкой. Итак, прилагаю скриншот, который поможет решить данную дилемму:
Как убрать миниатюру из записи, инструкция:
Подробная инструкция текстом, на тот случай, если на скриншоте недостаточно понятно или же он не открывается.
- Сначала заходим в Админку WordPress, затем нажимаем Внешний вид.
- Открывается меню, где нажимаем редактор, там находим content-single.php, который нам и нужно будет отредактировать. Не забывайте перед тем, как открывать «Редактор» сделать бекап версии, который, в случае чего, восстановит прежнюю версию сайта.
- Находим строчку single-post-thumbnail и закрываем её с помощью операторов
Ручаться за то, поможет ли этот метод на вашей версии WP и не навредит ли он я не могу, но метод был протестирован на разных темах, поэтому, перед эксперементом, обязательно сделайте бекап.
Теперь вы знаете ответ на вопрос, как убрать миниатюру в записях, если же у вас остались какие-либо вопросы, напишите в комментарий, постараемся вам ответить за максимально короткий срок.
Еще один способ
- Открываем файл functions.php , опять же в редакторе
- Пишем вот этот код, в самом конце этого файла
function wph_remove_thumbnail_single($html, $post_id, $post_image_id) {
if (!is_single()) {
return $html;
} else {
return »;
}
}
add_filter(‘post_thumbnail_html’, ‘wph_remove_thumbnail_single’, 10, 3);
- Нажимаем сохранить, чистим кеш и готово, подходит, к сожалению, не для всех тем, но это самый простой способ.
Если не подходит, то нужно в таблице стилей найти вот этот фрагмет
И закрыть его тегами, который указан выше, либо вовсе удалить. Класс может выглядеть иначе, например, к нему приписано название темы и т.п, поэтому поиск этого класса выполняйте по ключу «thumbnail».
Если не удалить (закрыть) этот класс, то у вас может остаться место для вывода миниатюры, будет большой отступ.
Вывод:
Если же у вас не получается решить данную проблему самостоятельно, то рекомендую обратиться к специалистам, которые смогут сэкономить ваше время. Каждый человек должен заниматься тем, но надеюсь, что метод, описанный в статье, поможет вам избавиться хотя бы от одной «головной» боли в процессе создания сайта.
При загрузке изображений в WordPress часто происходят интересные вещи – сайт сам создает несколько копий изначального файла с разными размерами картинок – миниатюры. В результате, в папках изображений собирается в 3-4 раза больше файлов (иногда и больше), чем требуется для работы. Это не только засоряет хостинг, но и быстро съедает свободное пространство на нем. В один прекрасный день вы можете увидеть, что свободного места у вас нет.
Можно, конечно, удалять изображения из папок вручную, но это муторно, особенно, если их у вас много. У меня бывает в статье по несколько десятков картинок. Сегодня я расскажу, как в WordPress убрать миниатюры, чтобы они не появлялись. Сделать это можно сразу после на этапе настройки движка. В статье про я этот момент не отразил, так как удаление миниатюр не является обязательным, кому-то они нужны. Но, лично мне все лишние файлы мешают и я стараюсь их удалять.
У себя в блоге я избавился от недуга давно, поэтому, пришлось позаимствовать чужую картинку для демонстрации, вот так выглядит папка с дублями изображений:
Миниатюры могут создаваться двумя элементами сайта:
- Сама CMS создает их по умолчанию;
- Тема оформления может создавать файлы с дополнительными размерами – этого может и не быть.
Отключить создание надо и там и там иначе, победа будет не полной.
Отключение миниатюр в WordPress
Для того чтобы отключить автоматическое создание миниатюр достаточно в меню Настройка -> Медиафайлы
установить размер всех миниатюр равным 0 по ширине и 0 по высоте
Такой трюк позволяет избавиться от миниатюр определяемых настройками самого WP.
Удаление дублей картинок, создаваемых темой
На некоторых сайтах все оказывается сложнее. Миниатюры создаваться не прекращают - поэтому, приходится копаться в теме оформления и чинить ее.
Тема может создавать изображения размеров отличных от стандартных вордпрессовских, их количество может быть разным – в зависимости от потребностей самого шаблона (где-то он эти картинки использует). Кстати, перед удалением убедитесь, что они вам точно не нужны.
Обычно миниатюры создаются функцией в файла functions.php темы. Ищите в нем примерно вот такой код:
/******************************************************************* Post & Page Thumbnails Support *******************************************************************/ if (function_exists("add_theme_support")) { // Added in 2.9 add_theme_support("post-thumbnails"); set_post_thumbnail_size(150, 100, true); } /******************************************************************* THUMBNAIL SIZE OPTIONS *******************************************************************/ add_image_size("siteframework-thumb-500", 500, 150, true); add_image_size("siteframework-thumb-280", 280, 100, true);Цифры размеров могут быть разными, количество строк тоже. Для отключения либо удалите их, либо закомментируйте, чтобы код перестал работать.
Таким нехитрым действием вы предотвратите появление миниатюр на своем сайте.
Как удалить уже существующие миниатюры
Для WordPress существует масса плагинов, как устанавливать которые я писал . И для такого случая тоже есть плагин, называется он Force Regenerate Thumbnails (есть в репозитории WordPress). Он удаляет все лишние картинки, ранее созданные движком. Можете поставить его и почистить свои папки.
Надеюсь я помог вам разобраться с происхождением «лишних» миниатюр, и они больше не будут вам досаждать. Остались вопросы - жду вас в комментариях.
