Skip to content
 

Миниатюра записи WordPress

Миниатюра-записи-WordPressАх, как бы я была благодарна тому, кто подсказал бы мне это на старте проекта.

Миниатюры записи WordPress, о которых новичкам забывают рассказать.

Я уже довольно давно веду свой блог на WordPress.

И очень сожалею о том, что начальном этапе его создания, никто не обратил моего пристального внимания на такую замечательную возможность, как миниатюра записи WordPress.

Начинающие почему-то частенько упускают ее из виду.

А зря!

Создавать миниатюры для каждой записи WordPress очень даже полезно!

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

И в срочном порядка все миниатюры на своем сайте организовала.

Прекрасная миниатюра.

слово-миниатюра

миниатюра-с-бабочками

 

Как создать миниатюру записи WordPress?

Большинство шаблонов (тем) Вордпресс это предусматривают.

Такое есть даже в моем старом шаблоне, который давно не обновлялся.

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

Хотя, наверное, удобней иметь современный шаблон, который обновляется так же, как и все основные плагины Вордпресс.

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

Хотя идея использования движка это предусматривает.

Поэтому имеем то, что имеем.

Однако, мы немного отвлеклись от темы…

Миниатюра – это картинка-заставка, которая используется для анонса публикации на сайте (превью).

Где искать параметры миниатюры?

Откройте настройки медиафайлов в административной панели WordPress.

настройки-медиафайлов

И Вы увидите, что для миниатюры можно указать вполне определенные размеры.
Обычно это 150*150 пикселей.

Или изменить по своему усмотрению.

Настройки-медиафайлов-WordPress

Идем дальше.

Где и как задать миниатюру для каждой записи.

Если Вы не находите такую возможность при редактировании статьи в правом нижнем углу, то нужно проверить настройки экрана (можно увеличить).

миниатюра-записи-настройки-экрана

Возможно, что элемент управления для задания миниатюр отключен, и его просто нужно включить.

Итак, нашли и включили.

Далее выбираем картинку, которая будет преобразована в миниатюру.

И вот тут, внимание!

Картинка может быть любого размера.

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

Но это произойдет потом, при вставке миниатюры в определенное для нее место.

А пока картинка будет храниться в том размере, в каком Вы его загрузили при создании миниатюры.

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

WordPress сделает это за Вас.

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

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

У меня 170*150 пикселей.

Итак, выбираем картинку, подгоняем по размеру (или не подгоняем), загружаем на сайт (или используем иллюстрацию уже загруженную в статью) и задаем миниатюру записи.

задаем миниатюру-записи

И вот тут возникает самый интересный вопрос, как и куда ее можно вставить?

Куда можно добавить миниатюры записи Вордпресс?

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

Если миниатюры созданы, но автоматически не добавляются на страницу отдельной записи (single.php) и главную страницу ленты новостей (index.php) (определяется при предварительном просмотре), то значит, в шаблоны этих страниц нужно дополнительно вставлять специальную функцию (программный код) для их показа.

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

Иначе картинки в начале статьи точно задвоятся. И придется одну из них убирать.

Куда еще можно добавить миниатюры?

Их можно добавить на страницы архивов, рубрик, меток, поиска по сайту.

А в моем шаблоне картинки-заставки при просмотре страниц определенной рубрики как раз и не показываются.

И такие страницы выглядят у меня очень серо и скучно.

Наверное, раньше программисты создавали шаблоны, используя принцип минимализма.

Надо это менять.

Вот почему мне так приглянулась идея создания миниатюр.

Кроме того, многие плагины также используют вывод миниатюр записей WordPress.

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

Что я у себя уже успела успешно применить.

С помощью таких плагинов можно выводить и свежие (последние) записи из определенной рубрики.

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

А мне пришлось все переделывать заново.

И в моем случае получается, что вновь созданные миниатюры в качестве картинок-заставок в самих записях (статьях) непосредственно как бы и не используются, а служат дополнительным материалом для украшения страниц рубрик (меток, архивов, поиска по сайту) и виджетов в боковых колонках (сайдбарах).

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

Поэтому в статьях будут по-прежнему демонстрироваться ранее загруженные (при публикации статьи) большие картинки, а на страницах рубрик теперь смогут появиться такие же, но маленькие или другие, которые подобрали в процессе создания миниатюр.

Или наоборот. Там маленькие, а здесь большие. Все зависит от размера миниатюр, который Вы задали.

Большой простор для творчества. Все в Ваших руках.

Вот такие чудеса.

Остается самый сложный момент.

Как запустить показ миниатюр на страницах рубрик, архивов или поиска?

В разных шаблонах за это могут отвечать разные файлы: category.php, archive.php , tag.php.

Придется внимательно посмотреть и разобраться.

Но у меня, как и в большинстве случаев, — это archives.php.

Этот файл можно открыть через Редактор в административной панели своего WordPress сайта.

Туда и нужно добавить функцию, запускающую показ миниатюр.

Сами миниатюры на сайте сохраняются в виде массива (array). Поэтому это функция вывода данных из массива.

Самое сложное найти правильное место в коде своей страницы, куда нужно вставить функцию.

Поэтому стоит обязательно сделать копию сайта на сервере перед тем, как начинать эксперимент.
А еще лучше попробовать внести изменения сначала на тренировочном блоге.

Все шаблоны разные, поэтому конкретные рекомендации дать сложно.

Но ошибки, если и возникают, то не критические. Сайт будет доступен и точно не «упадет».

В этом случае риску подвержены только так называемые архивные страницы, которые организованы с помощью файла archives.php. Их просматривают не так часто.

У меня, когда я добавляла функцию не туда, появлялась ошибка сервера только при переходе на такие страницы. А все остальные страницы (не архивные) открывались нормально.

Вспоминаем последовательность вывода информации на страницах.

Сначала выводится заголовок, потом автор и дата.

А вот перед выводом фрагмента текста — контента (обычно используется функция the_content () или вывод цитаты the_excerpt()) и нужно добавить функцию показа миниатюры.

Ориентиром может послужить тег div class=postentry. Обычно функцию вставляют сразу после него.

Так вставлено у меня (можно увеличить).

как-вставить-функцию-показа миниатюр

Сам код функции выглядит так.

Где размер миниатюры (вместо 150*150), но можно указать свой.

 

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

Зато теперь везде появляются страницы с картинками, которые хочется полистать.

А раньше листать и вчитываться в скучные серые страницы, состоящие из одного текста, не очень-то и хотелось.

Улучшение поведенческих факторов на сайте налицо!

миниатюра-цветы

Уважаемые новички!

Используйте миниатюры записи WordPress с момента создания сайта.

Теперь Вы сможете автоматически организовать миниатюры в каждой статье и на Главной странице сайта, если это еще не задано в Вашей теме Вордпресс.

Для этого необходимо вставить функцию показа миниатюр в соответствующие файлы-шаблоны single.php и index.php.

Красота! И не нужно будет заниматься подгонкой размеров картинок.

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

Ну, и для других страниц, о которых я рассказывала выше, миниатюры тоже не помешают.

Читатели будут Вам благодарны!

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

Они Вам точно пригодятся!

А еще лучше выбирать современные шаблоны, где все это уже встроено так, как надо.

Просто проверять при выборе темы WordPress, показываются ли картинки, например, в рубриках.

Используйте автоматическое редактирование изображения WordPress.

Кстати, даже если миниатюры автоматически не добавляются в начало статьи в Вашем шаблоне, можно использовать автоматическое редактирование изображения при добавлении в запись.

Допустим, Вы выбрали какую-то картинку (любого размера) и задали миниатюру записи, как я рассказывала выше.

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

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

Но эти параметры могут поменяться не сразу, а, возможно, только после перезагрузки (следующего захода в административную панель).

вставить-картинку-в-размере миниатюры

Очень советую пользоваться этим приемом, чтобы получать в начале каждой записи одинаковые по размеру картинки, не подгоняя этот размер вручную. Используйте встроенные возможности WordPress

Что делать, если в шаблоне нет поддержки миниатюр.

Добавить!

В этом случае рекомендуется добавить в свой файл функций functions.php (обычно перед последним вопросительным знаком) следующее предложение.

Но это я не испытывала и не проверяла. Поэтому, если кому-то удалось добавить, напишите, как получилось.

Жду Ваших отзывов и предложений.

А ларчик просто открывался.

В процессе поиска очередной неисправности на сайте обнаружилось следующее интересное открытие.

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

Как-показывать-запись-в-архиве

Видите, эдесь предлагается показывать в архиве только начало записи (с указанием, что это лучше для SEO). Или можно показывать полностью запись.

Естественно, что все выбирают пункт «только начало».

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

Когда я добавила миниатюры в этот сокращенный вариант, то картинки появились. Но мне все равно не очень нравилось, как все это выглядит.

А вот, если в переключателе выбрать пункт «показывать полностью», то записи в рубриках и архивах будут показываться так, как на Главной странице сайта в ленте новостей (тоже сокращенно — до тега Далее), а вовсе не развернутыми целиком в полном объеме, на что намекает этот коварный пункт.

Я посчитала, что удобства посетителей для меня важней, и выбрала этот вариант.

Разумеется, было бы лучше, если бы страницы рубрик и страницы архивов задавались разными шаблонами в редакторе темы WordPress. Но мне не повезло: они у меня объединены.

В любом случае, если у Вас в рубриках  нет иллюстраций (как было у меня), посмотрите сначала внимательно дополнительные настройки своей темы WordPress. Может, там есть возможность это изменить.
А потом уже беритесь за редактирование и добавление кода.

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

Вот так. Иногда все оказывается гораздо проще, чем мы думали.

Еще одно маленькое но.

Метки со страниц из горизонтального меню сайта (добавленные с помощью специального плагина Simple Tags) пришлось пока убрать. Иначе при выборе меток, страницы из горизонтального меню (page) прицеплялись и показывались в перечне анонсов статей на заданную меткой тему действительно в полном объеме (на них ведь нет тега Далее).

Елена и tvoy-internet.ru

Считаешь информацию полезной? Поделись с друзьями!

8 комментариев

  1. Спасибо за пост! Долгожданные картинки появились на главной странице. Но вот пока из самого поста убрать не могу. В теме всё заточено на файл functions.php, а он самый «капризный». Пока не могу найти хвостов.

  2. Алена! Рада Вашим успехам!

    Я теперь обязательно буду задавать миниатюры для каждой записи Вордпресс.
    И использовать их везде, где только можно.

    У меня тоже не все получается сразу. В таких случаях советуют не упираться, а немного расслабиться.
    Подсознание продолжит работу, и правильное решение неприменно придет.

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

  3. Спасибо! Рада за Вас тоже, и что делитесь с нами! (Уже расслабилась))))

  4. Большое спасибо автору поста. Испытал на своем блоге. Все получилось.

  5. Елена, Вы проделали большую работу. Огромный пост. На счет размера миниатюр. По-моему плагин YOAST SEO пишет, что соц. сетей размер миниатюр желательно делать не меньше 200х200.

    Вопрос не теме. Поделитесь своим опытом, что Вы делали с новым блогом для его раскрутки.

  6. Забыл поставить галочку для получения ответа

  7. Павел! Увы, под лежачий камень вода не течет. Для раскрутки нужно проявлять активность.
    Мой опыт раскрутки молодого блога изложен здесь.
    Еще можно купить курс по раскурутке сайта у Е.Попова и следовать его советам.

  8. интересно, а есть ли функция миниатюрить картинки в записях или все как посторинке закидывать разные размеры картинок в UPLOADS

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *