Как подключить миниатюры в шаблон WordPress?

Как подключить миниатюры в шаблон WordPress?

Здравствуйте, дорогие друзья, читатели блога OlegAstanin.ru! В этой статье я расскажу вам, как подключить миниатюры в WordPress. Они необходимы для того, чтобы придать статье элегантный вид, дать понять читателю, о чем пойдет речь. Миниатюра может нести в себе разную информацию, и большинство блоггеров их используют. Но не все шаблоны WordPress имеют возможность использовать миниатюры для статей. И сейчас мы разберем этап активации миниатюр в шаблон WordPress.

Для этого нам понадобиться любой редактор кода, например NotePad++, нам понадобиться папка с нужной вам темой WordPress. Из этой темы мы будем использовать два файла: index.php и functions.php. Их мы и будем редактировать.

Редактирование файлов темы WordPress

Самое первое что нужно сделать перед тем, как начать что-либо изменять — сохранить копии файлов папки с темой. А уже потом производить манипуляции с ними.

Первым мы будем редактировать файл functions.php. Открывайте его. Там у вас может быть любой код, который необходим для нормальной работы вашей темы. Чтобы не запутаться куда и что вставлять будем вставлять наш код ниже, уже имеющегося в вашем файле, кода.

Сначала мы объявили о том, что необходимо добавить поддержку миниатюр к статьям, а потом задали размер изображений миниатюр. Они могут быть разные. На моем блоге раньше стояли миниатюры 150×150 пикселей. Сейчас я не использую миниатюры. Я напрямую загружаю картинки к статьям. Мне так удобнее. Вы можете поставить нужный вам размер миниатюры.

С одним файлом мы закончили, теперь нужно переходить ко второму. К файлу index.php. Открывайте его. В нужном месте, где хотите, чтобы у вас выводилась миниатюра к записи, или перед кодом <?php the_content (); ?> нужно вставить следующий код.

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

Подключение миниатюры в WordPress

Нажимайте на кнопку «Задать миниатюру» и выбирайте подготовленное заранее изображение для миниатюры. Вот и все. Как оказалось, подключение миниатюр происходит очень просто! А для поднятия настроения, если вдруг, что-то не получается посмотрите это забавное видео!

Всего вам наилучшего! Увидимся в следующих статьях! Не забывайте подписываться на обновления! Будьте в курсе и не пропускайте новых выходов статей!

С уважением, Олег Астанин.

Понравилась статья? Поделитесь с друзьями!

0


This Post Has Been Viewed 14 Times

Автор статьи: , дата публикации

Читайте также на моем блоге:

  • Страницы ВордПресс. Скрываем содержимое от посетителей
  • Плагин All In One Seo Pack для WordPress
  • Как сделать блог на WordPress?
  • Плагин Related Posts для WordPress. Выводим список похожих статей
  • Какие бывают сайты на WordPress?
  • Как устроен WordPress. Обзор админки
  • Что такое движок WordPress?
Читатели оставили 21 комментарий к этой статье:
  • Константин, 05.05.2013 в 14:09

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

  • Марсель05.05.2013 в 15:27

    Олег,не знаете как сменить надписи в теме из английского на русский. К примеру я установил одну тему для wordpress и вместо такого текста "Опубликовано 01.05.2013, Без рубрики" у меня появляется вот это "Published on 01.05.2013, in Без рубрики" .А так же у меня в footer стоит логотип сайта который создал эту тему.Можно ли как нибудь его убрать?

  • Олег Астанин
    Олег Астанин05.05.2013 в 23:39

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

  • Алина, 12.05.2013 в 00:28

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

  • Олег Астанин
    Олег Астанин12.05.2013 в 00:36

    Тут нет ни чего сложно! Сделайте резервную копию темы и можете смело приступать к изменению в файлах! А что не поймете пишите мне в комментариях, разберемся!)

  • Nadia P. Conrad18.05.2013 в 21:50

    Конечно лучше всего использовать встроенные возможности WordPress Post Thumbnails (миниатюры записей), также известной как Featured Images. С помощью встроенной функции add_image_size () пользователь может указать размеры изображения и обрезать его в случае необходимости. В большинстве случаев использование базовых функций позволяет избежать подключения различных сторонних скриптов, таких как TimThumb.

  • Анатолий, 13.08.2013 в 11:30

    Олег. На главной странице моего сайта designzoom.ru анонсы статьи в WP последней версии 3.6 выводятся с миниатюрой размерами 290 х290 пикселей. Как изменить ширину миниатюры до размера, скажем, 580 х 290 с целью заполнения разреженного пространства, занятого текстом справа. Сайдбар оставить без изменений. Пробовал изменять в functions.php

    размер 290 на 580 (в админке Параметры---Медиафайлы размеры также изменились 290 на 580, но на выходе по-прежнему выходит миниатюра 290 х290. Помоги, пожалуйста.

    Анатолий

  • Олег Астанин
    Олег Астанин13.08.2013 в 11:38

    Привет, Анатолий! В functions.php надо поменять значение параметров:

    add_theme_support ('post-thumbnails');

    set_post_thumbnail_size (150,150,TRUE);

    на нужные тебе:

    add_theme_support ('post-thumbnails');

    set_post_thumbnail_size (580,290,TRUE);

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

  • Игорь16.08.2013 в 14:26

    Спасибо за пост. Помог реально!

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

  • Олег Астанин
    Олег Астанин17.08.2013 в 13:58

    Это все прописывается с помощью CSS стилей. Там можно настроить и обтекание и рамку и отступы.

  • Александр, 10.12.2015 в 14:02

    Здравствуйте, Олег! Вопрос немного не в тему. Я установил на сайт кнопки «поделиться», проблема в тои, что с главной страницы сайта не захватывается изображение. Как и где можно в html коде разместить картинку (без отображения на сайте), что бы соц сети ее видели?

  • Олег Астанин
    Олег Астанин10.12.2015 в 15:04

    Добрый день Александр. Если вы горите про эти кнопки, то они работают отлично. joxi.ru/Y2LqdjxinnZJwA или я не понял вопроса.

  • Олег Астанин
    Олег Астанин10.12.2015 в 15:09

    А, все понял о чем вы говорите. По идее она должна сама автоматически захватываться. Там вроде алгоритм такой что первое изображение нужно взять с сайта, ну или взять все и вы бы могли выбрать нужное. Но вот на чем основывается этот алгоритм. Скорее всего проблемы в верстке. Возможно ориентир для захвата является какой то ТЭГ кода HTML.

  • Олег Астанин
    Олег Астанин10.12.2015 в 15:17

    Александр. В общем у вас есть изображение в плагине. Которое идет по умолчанию. Оно как раз и пытается подгрузится вот скрин URLа который загружает изображение joxi.ru/EA4pJNwSDD76wA. Вам нужно зайти в папку на вашем FTP сервере. Адрес папки: /wp-content/plugins/Fall-in-one-seo-pack/images/default-user-image.png нужно найти вам этот файл и поменять на свой точно такой же! default-user-image.png идет с разрежением 150×150.

  • Александр, 10.12.2015 в 21:37

    Олег. путь немного другой и в конечной папки нет такого файла /wp-content/plugins/all-in-one-seo-pack/images/ скрин папки yadi.sk/i/uWLCb_Gjm8evP

  • Александр, 10.12.2015 в 22:05

    Спасибо, Олег. Нашел заменил, но он только ВК подгружает — остальные соц сети не видят.

  • Олег Астанин
    Олег Астанин10.12.2015 в 22:58

    Блин, странно. Тут нужна глобальная проверка и настройка именно специалистом, который «шарит» в коде. Я то не особо, я так, для общего развития)) Ну хорошо, что хоть в Вк видит и то нормально. Одноклассники кстати тоже видит. Я смотрел, только там надо вручную потыкать фотки)

  • Наталья05.04.2016 в 16:01

    Да уж, по поводу предварительного копирования темы это Вы верно отметили. По неопытности такого можно в коде шаблона наворотить, что вместо любимого контента будет выдаваться только fatal error. :) Потом найти где допустил ошибку очень сложно. А еще бывает, что внесенные изменения конфликтуют с остальной структурой шаблона или с версией движка. Тогда тоже надо срочно шаблон на хостинг перезагружать.

  • Татьяна05.04.2016 в 17:35

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

  • den114206.04.2016 в 23:52

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

  • Мария22.11.2016 в 00:29

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

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

(обязательно)

(не будет опубликовано, обязательно)

Вебсайт (если есть)

  • Получайте оповещения о выходе новых статей на Ваш E-mail. Для этого, введите Ваш E-mail и нажмите Enter.

  • Рубрики

  • Присоединяйся ко мне!

    Группа
    Вконтакте

    Канал на
    You Tube

    Я на
    Twitter