Пълното ръководство за представени миниизображения и размери на изображения в WordPress

Пълното ръководство за представени миниизображения и размери на изображения в WordPress

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





Прочетете за всичко, което трябва да знаете за размерите на изображенията в WordPress и управлението на представените изображения.





Редактиране на PHP във файлове на WordPress

Тази публикация съдържа PHP код за WordPress. Може да искате да прочетете нашия безплатен курс за срив на PHP, преди да опитате каквито и да било промени по темата си.





Ако не ви е удобно да отваряте файловете си с теми или не искате, защото те ще бъдат загубени с бъдещи актуализации на теми, можете да използвате Моите персонализирани функции приставка за добавяне на кодови блокове вместо това.

https://en-gb.wordpress.org/plugins/my-custom-functions/



Основи на размера на изображението в WordPress

В таблото за управление на WordPress вероятно вече знаете Настройки > Половината.

как да видите изтрити съобщения във fb

Това са трите размера на изображението по подразбиране, които WordPress извиква: миниатюра , среден , и голям . Размерът на миниатюрата има специална настройка, която трябва да бъде изрязана при точното измерение, което посочвате тук. Това не е задължително да бъде съотношение 1: 1 --- можете да го зададете както искате.





Когато изрязването е активирано, изображенията ще бъдат мащабирани и центрирани, след което всичко, което не е подходящо, ще бъде изхвърлено.

Средната и голямата настройка работят малко по -различно, в това ще посочите максимум размери както за ширина, така и за височина, а изображенията ще бъдат съответно намалени. Ако изображението е твърде малко, тези размери няма да бъдат създадени.





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

Добавяне на персонализирани размери на изображения в WordPress

Трите размера, дефинирани по подразбиране в WordPress, може да не са достатъчни, поради което на темите и приставките е позволено да добавят свои собствени персонализирани размери. Ако ви е удобно да редактирате файловете си с теми, можете да направите и това.

Отворете директорията с теми и потърсете functions.php файл. Добавете следния код, по един за всеки размер на изображението, който искате да определите:

add_image_size( 'my-thumbnail', 400, 200, true);

Всеки нов размер на изображението се нуждае от име, размери по ширина и височина и дали изображенията трябва да бъдат изрязани до точно този размер ( вярно или невярно ). За структурни части на тема или приспособление обикновено бихте искали да изрежете, така че да не наруши оформлението.

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

Така че, ако имате седем персонализирани размера на изображението, плюс трите по подразбиране, всяко качено изображение ще породи 10 малки копия от себе си. Ако смятате, че една публикация може да има вградени 10 изображения, това е 100 файла, създадени само за тази публикация.

Не можете да създадете персонализиран размер на изображението и да посочите, че той трябва да се използва само за избраните от вас изображения.

Също така, дори ако вече не използвате определен персонализиран размер и сте изтрили този код (или променени теми), старите изображения ще останат завинаги на сървъра. WordPress няма да изтрие неизползвани изображения вместо вас. На сайт, стар или голям като MakeUseOf, това означава, че няколко стотин гигабайта се губят, съхранявайки изображения, които вече не се използват.

За по -малки сайтове, Media Cleaner плъгинът може да помогне, но винаги първо изпълнявайте пълен архив.

https://wordpress.org/plugins/media-cleaner/#description

Персонализирани размери на изображения за използване в публикационно съдържание

По подразбиране персонализираните размери на изображенията няма да се показват в падащото поле, когато вмъквате изображение в публикация. Единственото нещо, което ще видите там, е миниатюра, среден, голям и пълен размер (в зависимост от размера на оригиналното изображение, тъй като няма да бъде увеличен).

Ако искате вашият персонализиран размер също да бъде в списъка, ще ни трябва малко повече код. Отново добавете към вашия functions.php файл:

function image_sizes_to_mediapicker( $default_sizes ) {
return array_merge( $default_sizes, array(
'my-thumbnail' => __( 'My Thumbail Size' ),
) );
}
add_filter( 'image_size_names_choose', 'image_sizes_to_mediapicker' );

Това работи чрез филтриране на списъка за избор на мултимедия. Ние обединяваме оригиналния масив със списъци с размери с всички нови размери, които също искаме да бъдат изброени. Променете „my-thumbnail“ и „My Thumbnail Size“ на вашия персонализиран размер и приятелското име, което може да се чете от човека, което искате да бъде посочено като.

Представените изображения са едно изображение, свързано с публикация, но не задължително вмъкнато в съдържанието на публикацията. Те често се използват от теми в заглавката, на първа страница или в страничната лента. По отношение на размера на изображението обаче те не се третират по различен начин от нормалните изображения.

За всеки размер, който сте дефинирали, всяко качено изображение ще бъде дублирано и преоразмерено, включително представеното изображение.

как да проверите iphone за вируси или злонамерен софтуер

Ако не виждате опцията да Задайте представено изображение на екрана за редактиране на публикации е възможно темата ви да не поддържа тази функция. Можете да принудите поддръжката, като добавите следния ред към темите си functions.php файл, но силно препоръчвам вместо това да намерите нова тема.

Липсата на поддръжка за нещо толкова основно, като представените изображения, би било показателно за остарял код на друго място.

add_theme_support('post-thumbnails');

За да използвате представеното изображение в собствената си тема или приставки, използвайте the_post_thumbnail () функция за извеждане на маркера на изображението:

the_post_thumbnail('my-thumbnail',array('class'=>'my_post_thumbnail_css_class'));

Функцията приема 2 параметъра: наименования размер, който търсите (в този случай 'my-thumbnail'), и всички атрибути, които искате да предадете, като персонализиран CSS клас.

Ако предпочитате просто да получите действителния URL адрес на представеното изображение, отколкото необходимия HTML, опитайте това вместо това (получавайки средния размер на изображението в този пример):

кое е по -добре virtualbox или vmware
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
echo $thumbnail[0];

Регенериране на миниизображения на WordPress

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

Ако искате да промените размера на предварително качените изображения, ще ви е необходим плъгин. Възстановяване на миниизображение на AJAX ви позволява да изберете кои размери да се регенерират и бавно ще работи през вашия архив.

https://wordpress.org/plugins/ajax-thumbnail-rebuild/

Има някои ограничения и клопки, за които трябва да знаете.

Докато изброените изображения могат да се променят автоматично, никой плъгин не може да пренапише съдържанието на публикацията. Например, ако сте добавили изображение към публикация в голям размер (който може да е бил 500px по това време), променяйки дефиницията на голям няма да промени размера на изображението в публикацията. Той ще остане на 500 пиксела, освен ако не редактирате публикацията и не вмъкнете отново същото изображение с новия размер.

Както бе споменато, ако имате много размери на изображения, ще генерирате много изображения. За щастие, Thumbnail Rebuild ви позволява да ограничите това до само представени изображения . Но отново, не забравяйте, че това се отнася само за предишното ви изображение. Всички бъдещи качвания на изображения ще се управляват от WordPress, което означава, че всички размери на изображенията ще бъдат създадени за всичко.

Сега би било чудесно време да научите и разлика между JPG и PNG така че да знаете да използвате оптималния формат в бъдеще.

Преминете вашия WordPress сайт на следващото ниво

Искате да промените темата си в WordPress? Използването на изображенията, цветовете и позиционирането на елементите на вашата тема се определя главно от CSS и HTML, затова препоръчваме да проверите тези стъпка по стъпка уроци, за да научите CSS и HTML.

И ако се интересувате от теми, разгледайте тези страхотни теми на WordPress за портфолио от снимки.

Дали вашият WordPress сайт се срива твърде често? Плащате ли твърде много? Преминете към добре известна хостинг услуга като InMotion хостинг (специална отстъпка MakeUseOf с тази връзка ) или Bluehost (специална отстъпка MakeUseOf с тази връзка ).

Дял Дял Туит електронна поща Ето защо ФБР е издало предупреждение за кошера за рансъмуер

ФБР издаде предупреждение за особено гаден вид рансъмуер. Ето защо трябва да сте особено предпазливи към рансъмуера на Hive.

Прочетете Напред
Свързани теми
  • Програмиране
  • Wordpress
За автора Джеймс Брус(707 статии са публикувани)

Джеймс има бакалавърска степен по изкуствен интелект и е сертифициран по CompTIA A+ и Network+. Когато не е зает като редактор на хардуерни рецензии, той се радва на LEGO, VR и настолни игри. Преди да се присъедини към MakeUseOf, той беше техник по осветление, учител по английски език и инженер в центъра за данни.

Още от Джеймс Брус

Абонирайте се за нашия бюлетин

Присъединете се към нашия бюлетин за технически съвети, рецензии, безплатни електронни книги и изключителни оферти!

Щракнете тук, за да се абонирате