Учебники

Использование миниатюр сообщений в вашей теме WordPress

Использование миниатюр сообщений в вашей теме WordPress

Еще в WordPress 2.9 функция миниатюр постов была интегрирована прямо в панель постов и страниц записи, чтобы пользователи могли легко добавлять избранные изображения к своим постам с помощью загрузчика изображений. Это означало, что больше не нужно работать с настраиваемыми полями! Но для того, чтобы все это работало, вам необходимо включить поддержку пост-миниатюр в файле function.php вашей темы.

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

Шаг 1. Включите поддержку миниатюр для постов (избранных)

Чтобы поле «Featured Image» появилось на странице редактора публикации / страницы, вам необходимо добавить следующий фрагмент кода в файл functions.php.

if (function_exists( 'add_theme_support') ) { add_theme_support( 'post-thumbnails' ); }

Шаг 2. Объявите размеры эскизов сообщений

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

Вставьте в файл Functions.php и отредактируйте

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

// featured image sizes if (function_exists( 'add_image_size') ) { add_image_size( 'full-size'9999, 9999, false ); // full size image add_image_size( 'slider'920, 320, true ); // slider image add_image_size( 'post'150, 150, true ); // post image }

Шаг 3. Использование избранных изображений в вашей теме

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

Есть два метода вставки изображений в тему. Первый вызовет изображение и автоматически создаст HTML, второй метод позволит вам вызвать показанное изображение в цикле, а затем создать свой собственный тег IMG SRC для большего контроля над тегами alt, тегами заголовков и атрибутами rel.

Способ 1:

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

<?php the_post_thumbnail('post'); ?>

Способ 2:

* Вставьте следующий код прямо в верхнюю часть цикла:

// get featured image $thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'post');

* Покажите свое изображение (с условием):

<?php if(has_post_thumbnail()) { ?> <img src="<?php echo $thumbnail[0]; ?>" alt="<?php the_permalink();" /> <?php } ?>

Источник записи: https://www.wpexplorer.com

Похожие сообщения
Учебники

Как ограничить контент по участнику в WordPress

Учебники

9 советов для успешного запуска продукта WordPress

Учебники

Создание пользовательских статусов заказов WooCommerce для WordPress

Учебники

Добавить NivoSlider с настраиваемым типом сообщения в тему WordPress