Создание записей в WordPress – довольно простой процесс для пользователей. Однако те, кто только начинает работать с данной системой, могут столкнуться с некоторыми непонятными вещами. Обычно проблемы появляются с функциональностью миниатюр. Недавно один из наших читателей обратился к нам с вопросом, как избежать двойного вывода миниатюр в записях. Это достаточно общая проблема с изображениями, которая может быть легко решена. В этой статье мы покажем вам, как избежать двойного отображения миниатюр в записях WordPress.
Почему миниатюры выводятся дважды?
Самая распространенная причина, по которой миниатюры могут выводиться два раза в записях WordPress, заключается в том, что иногда новички задают миниатюру и вставляют ее в контент записи.
Это действие кажется осмысленным для новичков, поскольку, когда они устанавливают миниатюру, они ждут, что она отобразится в визуальном редакторе WordPress. Когда ее там нет, они думают, что, возможно, что-то пропустили, поэтому вставляют то же самое изображение в редактор записей. На сей раз они видят изображение в визуальном редакторе и понимают, что вроде как все сделали правильно. Однако при публикации они замечают, что изображение выводится два раза в записях.
Как исправить это?
Достаточно всего лишь удалить изображение в редакторе записей и убедиться в том, что вы используете специальное поле для задания миниатюры.
Миниатюры – возможность тем WordPress. Это означает, что поддержка данной возможности обрабатывается вашей темой WordPress, поэтому вы не видите, как выглядит изображение в вашем редакторе записей.
Когда вы задаете миниатюру для записи, база данных связывается с вашей темой, чтобы получить эту миниатюру. Она выводится на экран автоматически. Это позволяет разработчикам тем использовать общие стили для миниатюр записей повсюду на своем сайте.
Данный подход способен помочь решить проблему с двойными миниатюрами, однако вы можете столкнуться и с некоторыми другими проблемами. Скажем, если вы изменили тему, ваши миниатюры могут выглядеть растянутыми, скошенными или непропорциональными. Чтобы исправить это, вы можете воспользоваться плагином Regenerate Thumbnails.
Если решение не помогло вам, то в таком случае проблема связана с базовым кодом вашей темы. В этом случае вам понадобится связаться с разработчиком темы, чтобы получить всю необходимую информацию.
На днях один из наших читателей спросил, как массово удалить все миниатюры из записей в WordPress. Мы уже обсуждали на нашем сайте различные вопросы, связанные с миниатюрами. Мы показывали, как добавлять миниатюры в WordPress, как добавлять новые размеры изображений, как восстанавливать миниатюры, а также как добавлять многочисленные миниатюры к записям в WordPress. В данной статье мы покажем вам, как массово удалить миниатюры у записей в WordPress.
Проблема массового удаления миниатюр
К сожалению, по умолчанию вы можете удалять миниатюры только при ручном редактировании записей. Если вы имеете сотни записей с миниатюрами, то удалять их вручную будет слишком долго. Вместо этого мы будем использовать иной подход. Мы сделаем запрос к базе данных и отключим миниатюры у всех записей.
Перед тем, как приступать к реализации данного метода, отметьте для себя, что код, приведенный ниже, удалит миниатюры у всех записей на вашем сайте. Также учтите, что данный код не будет удалять какие-либо загруженные вами изображения, они по-прежнему будут доступны в медиа-библиотеке, и вы можете использовать их в любое время.
Все, что вам понадобится – это скопировать и вставить код в файл functions.php вашей темы.
Global $wpdb; $wpdb->query(" DELETE FROM $wpdb->postmeta WHERE meta_key = "_thumbnail_id" ");
Готово. Как только вы сохраните файл functions.php, скрипт запустит запрос к базе данных и удалит миниатюры у всех записей.
Примечание: Удалите код сразу же после сохранения файла functions.php. Вы не сможете установить миниатюры в WordPress, пока у вас будет добавлен данный код.
Основанный на движке Blink браузер Sleipnir обладает интересной особенностью - в его панели вкладок вместо заголовков сайтов отображаются небольшие миниатюры открытых страниц. Нечто подобное можно реализовать и в Mozilla Firefox, установив бесплатное дополнение Informational Tab .
Изменения в интерфейсе Firefox вы увидите сразу после его перезапуска. станет немного шире, а к заголовкам будут добавлены миниатюры открытых страниц. С настройками по умолчанию все это выглядит не очень привлекательно, поэтому чтобы придать панели более-менее приличный вид, придется немного повозиться.
Откройте раздел дополнений, выберите Informational Tab и нажмите кнопку «Настройки». Окошко параметров дополнения содержит четыре вкладки, но нас интересует только одна - «Миниатюры страниц». Показ страниц можно выставить полный, заголовок лучше выставить слева (жаль, но отключить его не получится), фиксированный размер миниатюр установить где-то 90 или 100 пикселей, иначе вы на эскизах ничего не разглядите.
Вот собственно и все настройки. Как все это будет выглядеть, хорошо видно на скриншоте. О том, чтобы эскизы не наезжали друг на друга при открытии большого количества вкладок, разработчики дополнения позаботились и добавили возможность их прокрутки колесиком мыши или посредством специальных навигационных стрелок.
На многих сайтах используются миниатюры изображений, иллюстрирующие тему той или иной статьи. Это позволяет придать сайту больше красок, сделать ему более профессиональный и согласованный внешний вид, а также заинтересовать посетителя на просмотр материала.
Если вы владелец сайта под управлением 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 часто происходят интересные вещи – сайт сам создает несколько копий изначального файла с разными размерами картинок – миниатюры. В результате, в папках изображений собирается в 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). Он удаляет все лишние картинки, ранее созданные движком. Можете поставить его и почистить свои папки.
Надеюсь я помог вам разобраться с происхождением «лишних» миниатюр, и они больше не будут вам досаждать. Остались вопросы - жду вас в комментариях.