Wordpress галерея убрать серые border у миниатюр. Описание тонкостей по выводу миниатюры записи wordpress

На многих сайтах используются миниатюры изображений, иллюстрирующие тему той или иной статьи. Это позволяет придать сайту больше красок, сделать ему более профессиональный и согласованный внешний вид, а также заинтересовать посетителя на просмотр материала.

Если вы владелец сайта под управлением 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 часто происходят интересные вещи – сайт сам создает несколько копий изначального файла с разными размерами картинок – миниатюры. В результате, в папках изображений собирается в 3-4 раза больше файлов (иногда и больше), чем требуется для работы. Это не только засоряет хостинг, но и быстро съедает свободное пространство на нем. В один прекрасный день вы можете увидеть, что свободного места у вас нет.

Можно, конечно, удалять изображения из папок вручную, но это муторно, особенно, если их у вас много. У меня бывает в статье по несколько десятков картинок. Сегодня я расскажу, как в WordPress убрать миниатюры, чтобы они не появлялись. Сделать это можно сразу после на этапе настройки движка. В статье про я этот момент не отразил, так как удаление миниатюр не является обязательным, кому-то они нужны. Но, лично мне все лишние файлы мешают и я стараюсь их удалять.

У себя в блоге я избавился от недуга давно, поэтому, пришлось позаимствовать чужую картинку для демонстрации, вот так выглядит папка с дублями изображений:

Миниатюры могут создаваться двумя элементами сайта:

1. Сама CMS создает их по умолчанию;
2. Тема оформления может создавать файлы с дополнительными размерами – этого может и не быть.

Отключить создание надо и там и там иначе, победа будет не полной.

Отключение миниатюр в WordPress

Для того чтобы отключить автоматическое создание миниатюр достаточно в меню Настройка -> Медиафайлы

установить размер всех миниатюр равным 0 по ширине и 0 по высоте

Такой трюк позволяет избавиться от миниатюр определяемых настройками самого WP.

Удаление дублей картинок, создаваемых темой

На некоторых сайтах все оказывается сложнее. Миниатюры создаваться не прекращают - поэтому, приходится копаться в теме оформления и чинить ее.

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

Обычно миниатюры создаются функцией в файла functions.php темы. Ищите в нем примерно вот такой код:

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

Таким нехитрым действием вы предотвратите появление миниатюр на своем сайте.

Как удалить уже существующие миниатюры

Для WordPress существует масса плагинов, как устанавливать которые я писал . И для такого случая тоже есть плагин, называется он Force Regenerate Thumbnails (есть в репозитории WordPress). Он удаляет все лишние картинки, ранее созданные движком. Можете поставить его и почистить свои папки.

Надеюсь я помог вам разобраться с происхождением «лишних» миниатюр, и они больше не будут вам досаждать. Остались вопросы - жду вас в комментариях.

Добрый день, дорогие друзья! Сегодня я хочу рассказать Вам про миниатюру страниц в некоторых шаблонах вордпресс. Миниатюра – неотъемлемая часть шаблона, которая выводится на странице или записи. Она служит графическим дополнением заголовка для визуализации темы. Большинство шаблонов WordPress задают миниатюру для записи (single), однако последнее время все чаще можно встретить миниатюру у страниц (page). При работе я потратил много времени на то, чтобы изменить параметры страницы, поэтому сегодня я хочу рассказать, как удалить миниатюру страницы в WordPress.

Удаление миниатюры страницы в коде сайта

Как Вы все знаете, миниатюры в вордпресс задаются с помощью команды thumbnails. В частности, в большинстве шаблонов данная функция прописана в файле functions.php в папке темы. Для того, чтобы удалить миниатюру в данном случае, достаточно просто убрать строчку кода, отвечающего за вывод картинки. В некоторых темах такой прием не работает, как например в моем случае. С данной проблемой я столкнулся в популярной тема Metro-magazine от популярного разработчика Themeisle.

Пример миниатюры в админке вордпресс

Удалив миниатюру записей, я столкнулся с вопросом, как удалить миниатюру страницы в WordPress. Главная проблема в данном случае заключается в том, поиск по команде «thumbnails» не дает каких-либо результатов. Действительно, ведь миниатюру здесь вывели через обычное «image». Чтобы удалить вывод миниатюр для всех страниц в шаблоне, необходимо зайти в файл content-page.php и найти строчку:

metro_magazine_page_content_image — 20

Данная строчка отвечает за вывод миниатюры. Для корректной работы шаблона Metro-magazine необходимо удалить код отвечающий за отображение картинок на страницах:

* Before Page entry content

* @hooked @see metro_magazine_page_content_image — 20

do_action(‘metro_magazine_before_page_entry_content’);

После удаления проверяем корректную работу шаблона и радуемся результату! Теперь Вы знаете, как удалить миниатюру страницы в WordPress, и можете без труда настраивать шаблон metro-magazine по Вашему усмотрению. Если у Вас остались вопросы по работе данного шаблона, обязательно пишите их в комментариях. На сегодняшний день, это один из самых популярных журнальных тем для сайтов, функционал которого позволяет создать полноценный портал. Желаю Вам легкой правки php-кода!

Кстати, как сделать сайт на WordPress, читайте

Подошел момент к визуализации вывода статей, и здесь на помощь приходит такой удобный и простой инструмент на WordPress как миниатюра. Согласитесь, без изображения статья смотрится вовсе не привлекательно. Я считаю, что кто бы и что не говорил, в любом случае СДЛ должен быть в первую очередь привлекательным визуально. Поэтому делаю акцент на дизайн, в результате чего возник вопрос, как убрать дубли миниатюр в записях на WordPress , а также параллельно уделяю немало времени информативности публикаций.

Стандартный шаблон WP позволяет пользователю воспользоваться выводом миниатюры в начале каждой статьи. Её отображение может зависеть от предустановленной темы или шаблона. Если же вы являетесь программистом, и вручную выводите все элементы, то тогда вообще вопросов не должно возникнуть, но такие вряд ли будут читать этот пост. Кстати, для своего личного блога было бы в идеале создать уникальный шаблон, и не брать стандарты тем twenty fourteen, twenty twelve и других, так как в дальнейшем приходится добавлять свои блоки, либо редактировать имеющиеся css, а они в свою очередь захватывают и другие элементы. Как задать миниатюру наверняка знает каждый. Достаточно зайти в панель управления -> редактирование записи, и в нижнем правом углу в один клик выбрать необходимое изображение.

Вроде бы всё хорошо, миниатюру задали, она теперь красиво (возможно и не красиво, зависит от css темы) фигурирует в анонсе каждой статьи, вот только открывая полный вариант записи, изображение остаётся на том же законном месте. Возникает вопрос — почему и как это убрать?

Решение проблемы

Пошуршав немного в ПС Google я так и не нашел для себя ответа. Быть может, был неправильный поисковой запрос, или никто этим вопросом не задавался, но ответ всё-таки есть. Однако, всем ламерам на заметку:

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

Как только сделали резервную копию, можно смело «ломать WordPress». На примере я расскажу о предустановленной и выбранной мною теме Twenty fourteen, хотя и для других думаю, этот вариант подойдёт (но не тестировал). За вывод всех статей отвечает файл page.php, поэтому его оставляем без изменений, нас интересует файл single.php, который отвечает за отдельную запись.

Наверняка, в старых версиях WP вывод каждого блока div можно было исправить находясь уже в этом файле, потому как часто встречал решение других проблем, в публикациях за 2008-9 года, именно таким способом. Но сегодня в файле single.php присутствует следующая строка:

while (have_posts()) : the_post();

Из этого следует, что нам прямая дорога либо в функции, либо же в файл, отвечающий за большую часть вывода тегов, навигации и в том числе миниатюры (post_thumbnail) — template-tags.php. Найти его можно в директории самой темы во вложенной папке inc. Далее нужно отыскать вызов функции, отвечающий за вывод миниатюры. Чтобы не тратить время, перемещайтесь сразу в конец файла, и последних два блока кода – это именно те функции, которые отвечают за вывод изображения к записям, как на главной странице, так и на отдельных. Если вы боитесь «всё сломать», то просто закомментируйте этот участок кода:

if ((! is_active_sidebar(‘sidebar-2’) || is_page_template(‘page-templates/full-width.php’))) {
the_post_thumbnail(‘twentyfourteen-full-width’);
} else {
the_post_thumbnail();
}

После проделанных операций можно обновлять страницу и увидеть результат. В качестве примера могу предложить посмотреть мой дневник. Но не думайте, что после этого ваш блог станет таким же красивым, как и мой, ведь для этого использовались стили css, а данный пример только убирает дубль миниатюры, и это уже работающий механизм.

UPD. 22.03.2016

Так как моя статья пользуется на протяжении года большим спросом и многие обращаются за помощью, но не хотят платить за эту работу, то я могу помочь вам несколькими советами и руководством. Первое, что вам необходимо сделать с вашей уникальной темой(а она именно такая, потому как иначе вас здесь не было бы), так это найти блок вывода миниатюры. Просмотреть верстку этого блока вы сможете с помощью любого современного браузера через панель разработчика, допустим Google Chrome, а почти все остальные написаны на его же движке. Дальше вам необходимо найти соответствующий блок в файле single.php . Но в этом файле может ничего и не быть, так как особенностями темы могут задаваться совсем иные файлы, содержащие в себе контент отвечающий за вывод миниатюры. Ваша задача найти этот файл по цепочке, в любом случае в single.php вы найдете имя файла в котором содержится внутренность страницы, в нем найдете функцию отвечающую за вывод миниатюры, а в функциях уже можете сделать свои правки.

Как только вы его нашли, вам необходимо найти похожую верстку и функцию the_post_thumbnail() или get_the_post_thumbnail() . Нам потребуется найти начало блока, в котором вывод функции и конец, а затем его удалить.

Эти 2 функции отвечают за нашу миниатюру, но не всегда они могут быть прописаны и в этих файлах. В файлах контента может вызываться функция, которая прописана в functions.php , либо может быть отдельный файл функций темы, все разбирается в индивидуальном порядке. Точного руководства нет, есть советы, которые я описал выше, надеюсь вам они помогут.

P.S.: не бойтесь экспериментировать с дизайном и кодом на WordPress, главное не забывать о резервной копии!

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