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

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

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

<?php the_post_thumbnail();

echo get_post(get_post_thumbnail_id())->post_excerpt; ?>

Вы конечно захотите, очевидно, изменить стиль, на тот который вы хотите.

Вы также можете отобразить всё описание изображения, добавив этот код внутри цикла поста:

<?php the_post_thumbnail();

echo get_post(get_post_thumbnail_id())->post_content; ?>

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

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

Вы можете подумать, почему мы используем то название: популярные изображения, то миниатюры в постах. Так вот, когда эта функция была впервые введена в Вордпресс 2.9, она называлась миниатюры в постах. Однако, в следующей версии была переименована в избранные изображения.

Руководство для начинающих: избранные изображения в WordPress

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

Добавление в пост эскиза или избранного изображения в WordPress

Чтобы добавить изображение в запись WordPress, просто нажмите на ссылку “установить избранное изображение” внутри дополнительной секции изображения, показанное на скриншоте выше. После этого откроется WordPress Медиа-загрузчик. Вы можете использовать его, чтобы загрузить изображение с вашего компьютера или используйте существующее изображение из вашей медиа-библиотеки. После того как вы выберите изображение, просто нажмите на кнопку установить рекомендуемое изображение.

Изображение появится в секции рекомендуемых изображений, примерно такого вида:

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

Примечание: все, что написано ниже, требует знаний в области программирования.

Руководство разработчиков тем, как изменять и размещать миниатюры в WordPress

Хотя избранные изображения — это популярная функция поддерживаемая большинством количества тем, сохраняется вероятность того, что возможно, вы используете тему, которая не поддерживает избранные изображения. В таком случае, вы можете добавить избранные изображения в поддержку в вашей темы. Если вам комфортно редактировать файлы темы и знаете немного о CSS, тогда вы можете сделать это самостоятельно.

Чтобы добавить поддержку миниатюр в тему WordPress, Вам надо добавить эту строку в код вашего файл темы functions.php:

add_theme_support( 'post-thumbnails' );

Этот код позволит добавить поддержку рекомендуемых изображений для постов и страниц. Теперь вы можете перейти к постам и страницам, и вы увидите включую опцию популярных изображений. Однако, когда вы установите популярные изображения он не будет автоматически отображаться в вашей теме WordPress. Чтобы просмотреть дополнительные изображения в вашей теме, необходимо отредактировать шаблон и добавьте эту строку кода, где вы хотите, чтобы отобразить дополнительные изображения:

<?php the_post_thumbnail(); ?>

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

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

set_post_thumbnail_size(60, 60);

Параметры set_post_thumbnail_size в таком порядке: ширина, высота.

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

Например:

// Размер изображения для одиночных постов

add_image_size('single-post-thumbnail', 600, 190);

В этом примере мы добавили новый размер изображения называется миниатюра-для-одиночного-поста с размерами 600px в ширину и 190px в высоту. Для использования этого размера изображения в нашей теме, мы по-прежнему должны добавить его в соответствующей файл темы. Ознакомится со статьей на добавление дополнительных размеров изображений в WordPress для подробной информации.

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

Ниже приведен пример функции с конкретным признаком размера изображения.

<?php the_post_thumbnail('single-post-thumbnail'); ?>

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

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

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

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

function post_rss_thumbnail($content) {

global $post_id;

if(has_post_thumbnail($post_id->ID)) {

$content = '<p>' . get_the_post_thumbnail($post_id->ID) .

'</p>' . get_the_content();

}

return $content;

}

add_filter('the_excerpt_rss', 'post_rss_thumbnail');

add_filter('the_content_feed', 'post_rss_thumbnail');

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

Сейчас мы расскажем Вам как добавить миниатюру изображения на страницы. Но для начало вы можете прочитать статью, как добавить миниатюру на страницы в WordPress. Если Вы уже будете знать, тогда вы поймёте, насколько полезно было бы иметь все ваши миниатюры  добавленные в страницу на левой панели ‘Все страницы’. Полезно видеть миниатюры записей все сразу, а не открывать каждую почту индивидуально, чтобы видеть миниатюры страниц. Точно также делает плагин Featured Image Column.

Для начала вам необходим плагин Featured Image Column, установите и активируйте его. У этого плагина нет экрана настроек. Цель плагина — добавляет дополнительную колонку перед «правка постов» страницы, чтобы отобразить изображение, если оно существует.

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

function my_custom_featured_image_column_image($image) {

if (!has_post_thumbnail())

  return trailingslashit(get_stylesheet_directory_uri()).'images/featured-image-no';

}

add_filter('featured_image_column_default_image','my_custom_featured_image_column_image');

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

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

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

Добавление дополнительных размеров изображения для вашей темы

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

add_theme_support('post-thumbnails');

После включения поддержки почтовых миниатюр, теперь можно использовать функционал Добавления дополнительных размеров изображений при помощи функции add_image_size(). Использование add_image_size функции такой: add_image_size( ‘name-of-size’, width, height, crop mode);

Пример кода выглядит так:

add_image_size('sidebar-thumb', 130, 130, true); // обрезать Жесткий режим

add_image_size('homepage-thumb', 210, 170); // режим мягкой обрезки

add_image_size('singlepost-thumb', 600, 9999); // Высота не ограничивается режиме

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

Жесткий режим кадрирования – как вы заметили, здесь добавлено значение “true” после высоты. Истинное значение говорит WordPress, чтобы обрезалось изображение до размеров, которые мы определили (в данном случае 130 х 130px). Этот метод мы часто используем в наших проектах темы, чтобы убедиться, что все пропорционально и наш дизайн в норме. Эта функция будет автоматически обрезать изображение, по бокам или снизу и сверху в зависимости от заданного размера. Недостаток жесткого обрезка, в том, что Вы не контролируете, какая часть изображения отображается а какая обрежется.

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

Мягкий режим – включен по умолчанию режим мягкой обрезки, вот почему Вы не видите каких-либо дополнительного размера, добавленного по высоте. Мягкий режим изменяет пропорционально размер изображения, не искажая его. Так что вы можете не получить размеры, которые вы хотели. Обычно он совпадает с шириной, а высота отличаются на основе каждого изображения пропорционально. Пример отображения будет выглядеть так:

Неограниченный режим высоты – Бывают случаи, когда у вас есть супер длинные изображения, которые вы хотите использовать в вашем дизайне, но вы хотите убедиться, что ширина ограничена. Основное применение мы нашли для этого рода размер изображения на инфографике. Инфографика, как правило, очень длинная и полная информация. Жесткое обрезание таких изображений на одной странице поста это не очень хорошая идея. Но по своей природе инфографика шире, чем ширина содержимого. Так что вы можете указать ширину, которая не будет ломать ваш дизайн, оставляя высоту быть неограниченной, так что все инфографики могут быть показаны без каких-либо искажений. Пример отображения будет выглядеть так:

Отображение дополнительных размеров изображений в теме WordPress

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

<?php the_post_thumbnail('your-specified-image-size'); ?>

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

Регенерация изображений.

Если вы не делаете новый сайт, то вам, вероятно, придется когда нибудь перегенерировать миниатюры. Кстати add_image_size() функция работает так, что она только генерирует размеры от того момента, когда была добавлена в тему. Так любой пост, которые были добавлены до включения данной функции не будут иметь новый размер изображения. Так что мы должны сделать, это восстановить новый размер изображения для размещенных давно фотографий. Это делается легко, плагин называется Перегенерировать миниатюры. После вы установите и активируете этот плагин, добавится новая опция в меню: «Инструменты » Реген. Эскизы

Нажмите Regenerate all Thumbnail и плагин сам сделает свою работу.

Еще один плагин, который может сделать регенерацию миниатюр вместо этого: Simple Image Sizes.

Включение дополнительных размеров изображения для публикации контента

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

После того как вы установите и активируете этот плагин новые опции будут добавлены Настройки » Медиа-страница. Вы увидите список размеров, которые вы определили в вашей теме. Все, что вам нужно сделать, это поставить флажок “Показать вставки в пост”.

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

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

Плагин Simple Image Sizes также позволяет создавать пользовательские размеры изображений непосредственно из панели WordPress.

Мы считаем этот метод должен быть добавлен в соответствии с передовой практикой для всех разработчиков темы WordPress. Каковы ваши мысли?

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