- вступ
- Розмір мініатюри можна змінити
- Змінити відображення мініатюри по відношенню до тексту анонсу
- Розміри мініатюр в файлі function.php
- висновок
- WordPress Codex
- функція
- призначення
- застосування
- Використання
- параметри
- приклад
вступ
Вже давно на WordPress можна в редакторі задавати «Зображення записи». Ця мініатюра відображується поруч з анонсом статті. У шаблонах WordPress прописані розмір мініатюри і її розташування по відношенню до тексту анонсу. А раз вони прописані, значить, їх можна поміняти.
Як змінити розмір і розташування мініатюри WordPress ви пізнаєте їх цієї статті.
Зверну вашу увагу, що в статті будемо намагатися змінити розмір і розташування мініатюри Wordpress безпосередньо в поточному шаблоні. У файлах шаблону мініатюра прописується, як Thumbnail. Найчастіше, мініатюра показується зліва від анонса статті. Розмір може бути різний, частіше від 100 на 100 px.
Розмір мініатюри можна змінити
Важливо! Перед роботою, щоб уникнути « білого екрану »робимо резервну копію сайту .
Змінити розмір мініатюри можна в файлі шаблону, в який входить тег виведення анонса статті. Швидше за все це буде content.php. В адміністративній частині сайту відкриваємо редактор . У файлі content.php шукаємо (слово пошуку: thumbnail) код містить функцію виведення на екран html код картинки:
<? Php the_post_thumbnail ($ size, $ attr); ?>Наприклад такого виду:
<? Php if (has_post_thumbnail ()) {echo '<span class = "thumbnail"> <a href="'; the_permalink(); echo'">'; the_post_thumbnail (array (100,100)); echo '</a> </ span>'; } The_excerpt (); }?>Міняємо значення [100,100] на потрібний нам розмір Мініатюри. На фото приклад заміни розміру мініатюри записи з 100 × 100 px на 200 × 200 px.
Змінити відображення мініатюри по відношенню до тексту анонсу
Змінити розмір і розташування мініатюри WordPress можна редакцією таблицею стилів шаблону. Для цього відкриваємо Редактор . Шукаємо файл style.css (Таблиця стилів). У файлі шукаємо секцію: / * Images * /. У секції шукаємо код, знову зі словом thumbnail.
.entry-summary .thumbnail img {float: none; margin-right: 10px; max-width: 100px; max-height: 100px; padding: 3px; width: expression (document.body.clientWidth <742? '200px': document.body.clientWidth> 1000 ° '200px': 'auto'); }І міняємо Значення властивості float:
float: left | right | none
На вибір вставляємо одне зі значень: left | right | none (ліве | праве | немає).
Також міняємо значення в секції нижче, відповідно до того, що встановили в файлі Loop-singl.php.
max-width: 100px; міняємо на потрібний розмір;
max-height: 100px; міняємо на потрібний розмір.
Не забуваємо зберегтися.
Примітка: В залежності від верстки шаблону «прописку» мініатюри, може бути доведеться пошукати по файлах шаблону.
Розміри мініатюр в файлі function.php
Якщо так змінити розмір і розташування мініатюри WordPress, то така зміна доведеться повторювати кожен раз при оновленні шаблону. Це ефективно, хоча не зручно. Тому, краще додати або змінити, якщо вже є, розміри мініатюр в файлі function.php робочої теми.
Важливо! Перед будь-якими змінами в файлах шаблону, особливо в файлі function.php, зробіть резервну копію сайту, для відновлення сайту в разі помилок.
Наприклад додати розміри мініатюр, за замовчуванням, можна, так:
if (function_exists ( 'add_theme_support')) {add_theme_support ( 'post-thumbnails'); set_post_thumbnail_size (150, 150, true);Причому зображення буде обрізатися (true). Код вставляється в файл function.php.
висновок
На цьому все! Сподіваюся ці старенькі поради допоможуть змінити розмір і розташування мініатюри WordPress.
WordPress Codex
Прихований текст
функція
the_post_thumbnail
призначення
Функція the_post_thumbnail виводить html код картинки-мініатюри поста порожнє значення, якщо картинка відсутня.
застосування
Цей тег шаблону, функція the_post_thumbnail, повинен використовуватися всередині циклу WordPress
Використання
<? Php the_post_thumbnail ($ size, $ attr); ?> The_post_thumbnail (string | array $ size = 'post-thumbnail', string | array $ attr = '')джерело
Файл: wp-includes / post-thumbnail-template.php
function the_post_thumbnail ($ size = 'post-thumbnail', $ attr = '') {echo get_the_post_thumbnail (null, $ size, $ attr); }параметри
$ Size (рядок / масив)
Розмір мініатюри, яку потрібно отримати. Може бути рядком з умовними розмірами: thumbnail, medium, large, full або масив з двох елементів (ширина і висота картинки): array (60, 60).
За замовчуванням: 'post-thumbnail', тобто розмір який встановлюється для поточної теми функцією set_post_thumbnail_size ()
$ Attr (рядок / масив)
Масив атрибутів, які потрібно додати отримується html тегу img (alt - альтернативна назва).
За замовчуванням:
приклад
<? Php // Post featured image if (has_post_thumbnail ()) {if (! Is_single ()) {?> <a href="<?php the_permalink(); ?> "title =" <? Php printf ($ SMTheme -> _ ( 'permalink'), the_title_attribute ( 'echo = 0'));?> "> <? php} the_post_thumbnail (array ($ SMTheme-> get ( 'layout', 'imgwidth'), $ SMTheme-> get ( 'layout', 'imgheight')), array ( "class" => $ SMTheme-> get ( 'layout', 'imgpos'). "featured_image")); if (! is_single ()) {?> </a> <? php}}?>Статті пов'язані з теми:
www.wordpress-abc.ru
Інші статті розділу: Адміністрування WordPress
Статті пов'язані з теми:
Php the_post_thumbnail ($ size, $ attr); ?ClientWidth <742?
Php the_post_thumbnail ($ size, $ attr); ?
Php // Post featured image if (has_post_thumbnail ()) {if (! Is_single ()) {?
Gt; <a href="<?
Php the_permalink(); ?
Gt; "title =" <?
Php printf ($ SMTheme -> _ ( 'permalink'), the_title_attribute ( 'echo = 0'));?
Gt; "> <?