Как добавить вывод миниатюры к статьям на блоге WordPress

Автор: | Рубрика: Блог на Wordpress | Обновлено: 2017-02-21 | Создано:
Просмотров: 1197
Как установить миниатюру на блог Wordpress

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

Коды вывода маниатюры

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

add_action( 'after_setup_theme', 'twentyten_setup' );
if ( ! function_exists( 'twentyten_setup' ) ):
function twentyten_setup() {
add_theme_support( 'post-thumbnails' );
}
endif;

Вставляйте код в самое начало файла после строчки <?php

Добавив этот код Вы активировали функцию добавления миниатюры на блоге.

Для отображения миниатюры в статье необходимо добавить следующую строку в соответствующие файлы.

Код отображения миниатюр(он вставляется в те места, где необходимо показывать миниатюру):

<?php if  ( function_exists("has_post_thumbnail") && has_post_thumbnail() ) { the_post_thumbnail(array(300,100), array("class" => "alignleft post_thumbnail")); } ?>

Здесь:

  • array(300,100) - отвечает за размер картинки в миниатюре, можете изменить на желаемый.
  • "class" => "alignleft post_thumbnail" - размещать миниатюру слева

Задаем отображение миниатюры на страницах архива и в постах

Вставляем приведенный выше код в файл archive.php, в место как показано на картинке

Как добавить вывод миниатюры к статьям на блоге WordPress

Для отображения миниатюры в статье, добавьте код в файл single.php

Как добавить вывод миниатюры к статьям на блоге WordPress

Если необходимо отображение миниатюр на других страницах, то просто добавьте код в нужно место в файле.

Как добавить картинку-миниатюру в статью?

После добавления кода в файл functions.php, в правой колонке на странице добавления новой статьи появилась функция добавления миниатюры.

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

С уважением, Виктория – блог inetsovety.ru

Поделиться ссылкой на пост в соц. сетях
Получать уведомления о новых статьях на e-mail
Комментариев: 34 к статье "Как добавить вывод миниатюры к статьям на блоге WordPress"
  • Простой Парень 2016-02-14 в 20:13

    После обновления вордпресс, пропала возможность добавления миниатюры, то есть исчез блок вместе с сылкой добавления миниатюры в панели добавления/редактирования записи. Что можете посоветовать по этому поводу? Пробовал вставлять код вызова данной функции в functions, не помогает. Возможео есть другие варианты?

    Ответить
  • Игорь 2015-01-24 в 16:51

    Здравствуйте! Спасибо за труд и за статью. Такой вопрос: насколько я понял, в качестве миниатюр выводятся первые картинки с постов. Или нет? Но, если нет картинок в посте вообще, то миниатюры нет и не очень красиво получается. Нельзя ли для тех случаев, когда в посте нет картинок, вставлять картинку-заглушку?

    Спасибо!

    Ответить
    • Виктория 2015-01-25 в 16:36

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

      Ответить
  • Александр 2014-05-29 в 08:37

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

    Ответить
    • seomodern 2014-05-31 в 15:50

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

      Ответить
  • Фидан 2013-12-10 в 13:49

    Решил установить себе на блог миниатюру, закинул код в function.php, начал вставлять в single.php, блог переставал работать, просто страница белая. В разные места код вставлял, всё равно, такая же история. Можете помочь?

    Ответить
    • Алексей Щукин 2014-12-29 в 21:45

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

      Ответить
  • Фидан 2013-11-30 в 10:55

    Что такое миниатюра?

    Ответить
    • seomodern 2013-11-30 в 19:47

      В данном случае — это картинки под надписью «Похожие статьи» в конце самой статьи. Очень полезная штука.

      Ответить
      • Фидан 2013-11-30 в 19:55

        а собственно, для чего эта миниатюра нужна?

        Ответить
        • seomodern 2013-12-01 в 03:26

          Как бы намекает, что Вам это нужно прочитать. 🙂

          Работает правильно относительно тематики в том случае, если админ корректно метки и рубрики отметил.

          Ответить
          • Фидан 2013-12-01 в 08:48

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

            Ответить
  • seomodern 2013-07-18 в 16:28

    Плагин установил, все заработало. Ничего дополнительно никуда прописывать не нужно было. Но есть один нюанс: 4я миниатюра не вмещается в одну строчку, а без нее не очень красиво получается — гуляет пустое место. В параметрах медиафайлов размер миниатюры стоит 150х150 и установленна галочка напротив «Обрезать миниатюру точно по размерам (обычно сохраняются пропорции миниатюр)». Когда изменил размер на 140х140, то миниатюры изображения пропадают и остается один текст. В чем может быть проблема?

    Ответить
    • Виктория 2013-07-19 в 11:40

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

      Ответить
      • seomodern 2013-07-22 в 10:01

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

        Ответить
        • Алексей Щукин 2014-12-29 в 21:47

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

          Ответить
  • олег 2013-06-25 в 23:35

    Здравствуйте. Извините, что немного не в тему, но уже несколько дней не знаю что делать с вордпрессом. Фотографии загружаются в библиотеку медиафайлов блога, а в статьи не вставляются. При нажатии добавить медиафайл, всплывает большой квадрат, пустой, с чёрным крестиком в углу, хотя фотографии в библиотеке есть. Произошло это совсем недавно и при обновлении версии вордпресса 3.5.2. Очень прошу помогите советом, кто может. Заранее спасибо. 🙁

    Ответить
    • Виктория 2013-06-26 в 09:20

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

      Ответить
    • Ekaterina 2013-07-17 в 20:00

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

      Ответить
      • Игорь 2016-09-21 в 19:22

        У меня была такая ситуация, только не помню с какой версией.Я просто сделал откат до предыдущей версии и вся проблема решилась.только после обновился когда еще новее версия вышла

        Ответить
  • Дмитрий 2013-02-28 в 18:13

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

    Ответить
    • Виктория 2013-02-28 в 19:20

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

      Ответить
      • Дмитрий 2013-02-28 в 19:59

        Я извеняюсь но мне не нужно чтобы миниатурка выводилась в синле и в индексе мне надо чтобы в архиве она выводилась, но я когда вставляю код то у меня выбивается ошибка на линии(((( это очень печально, вот мой сайт lucki-lady.ru, можете посмотрите через html и напишете после какой строчки надо вставить, буду очень признателен Вам!!!

        Ответить
        • Виктория 2013-03-01 в 07:40

          После строки

          и перед

          Ответить
      • Виталий Охрименко 2015-03-13 в 11:27

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

        Ответить
  • Сергей 2013-02-11 в 16:07

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

    Ответить
    • Виктория 2013-02-12 в 07:46

      Здравствуйте! Напишите адрес своего сайта, я посмотрю и скажу конкретно куда нужно вставить код.

      Ответить
  • Антонина 2012-04-19 в 12:44

    На хостинге мне помогли. То-то страху я натерпелась))) И после того как ошибку исправили в админке появилась миниатюра, но она не отображается в статье и карусели…

    Ответить
    • Виктория 2012-04-19 в 17:28

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

      Ответить
  • Антонина 2012-04-13 в 18:09

    С моим сайтом произошле нечто ужасное! Сразу же после того, как я ввела код в папку функции. Ужас, что делать?

    Ответить
    • Виктория 2012-04-13 в 19:51

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

      Ответить
  • Антонина 2012-04-13 в 17:00

    Сейчас попробую!

    Ответить
  • Анна 2012-01-24 в 11:37

    огромное спасибо, перепробовала все возможные варианты, что нашла в сети, ничего не получалось, результат вышел только с помощью вашей инструкции!

    Ответить
  • Ирина 2011-10-18 в 17:44

    Спасибо за инструкцию) Теперь и у меня на сайте есть миниатюры)

    Ответить
Оставить комментарий
Нажмите, чтобы отменить ответ.

Комментарий появится после проверки. Комментарии, содержащие спам и ненормативную лексику будут удалены!