Работа с блока за изображения на WordPress: Как да добавяте изображения в WordPress [+Секретен съвет]

За много потребители работата с изображения може да бъде много неприятна. Невинаги е лесно да се избере правилното съотношение на страните или да се промени правилно размерът на изображенията, за да изглеждат добре в цялото оформление.

1. Защо да използвате блока за изображения на WordPress
2. Как да добавяте изображения с блока за изображения на WordPress
3. Допълнителен процес на форматиране на изображения
4. Допълнителен съвет от нас вътре в статията

В по-старите версии на WordPress (до версия 5.0) изображенията се добавят с бутона +Add Media. Проблемът беше, че дори при минимална промяна на размера на изображението трябваше да го качите отново. Това означава загуба на време и излишни кликвания.

Новият блоков редактор Gutenberg променя начина на добавяне на изображения в WordPress, за да улесни процеса за крайните потребители. В тази статия ще ви покажем практическо ръководство за добавяне и редактиране на блок с изображения в WordPress. Освен това ще обясним още една възможност за поставяне на изображения - как да копирате и поставите изображение в областта на съдържанието само с няколко кликвания. Ще ви представим и новодобавените функции, които идват от WP 5.3.

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

Защо блокът с изображения на WordPress е задължителен за вашия уебсайт

Привличане на вниманието

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

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

Илюстративен текст и контекст

Изображенията също са съществена част от разбирането на съдържанието, тъй като позволяват на посетителите да разберат по-добре за какво става дума в статията. Благодарение на инфографиките можете да обясните сложни връзки и да разкажете нещата по прост начин. Това помага на посетителите да се ориентират по-добре в проблема, за който говорите.

Направете уебсайта по-хубав

Освен това изображенията са хубав завършек на целия дизайн на уебсайта. Не става въпрос само за оформлението на уебсайта, но и за неговата използваемост. Правилно избраното и поставено изображение може да помогне на посетителя да разглежда по-лесно вашия уебсайт.

Как да добавяте изображения в блоковия редактор на WordPress

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

- Използване на "+" в горната лента или навсякъде в редактора

- Използване на наклонената черта "/" и изписване на думата "image" след това

Ще бъде създаден нов блок, в който можете да добавяте актуални изображения.

Качване на изображения в WordPress

Как да поставите изображения там, където искате?

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

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

Освен качването на изображения чрез прозореца за качване, както беше споменато по-рано, има и друг начин за вмъкване на изображение (и то много бърз!). С подобрения редактор на WordPress можете да:

• Копиране на изображение от всяко съдържание или
• Просто "плъзнете" изображението с курсора на мишката

И след това вмъкнете или преместете (пуснете) избраното изображение на желаното място в областта на съдържанието.

Същата техника можете да използвате и в случай, че искате да поставите изображение, заснето от екрана. Необходими са само три прости стъпки. Първо, трябва да направите снимка на екрана използване на функцията за отпечатване на екрана. Например Windows 10 предоставя своя инструмент за отрязъци по подразбиране, наречен Snip & Sketch, който е достъпен и чрез бърз клавиш - просто натиснете едновременно клавишите Win+Shift+S на клавиатурата. След това изберете областта на изображението, която искате да заснемете. Последната стъпка е да поставите копираното изображение (или част от него) в областта на съдържанието, като използвате основната клавишна комбинация Ctrl+V.

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

Ограничени опции за метаданни на изображенията

В рамките на редактирането на изображението можете да зададете неговото заглавие, надпис, описание и алтернативен текст. За съжаление не можете да променяте името на файла на изображението - то ще запази автоматично генерираното си име, като например image-1.png и т.н. Този тип име на файл може да бъде малко по-неблагоприятен от гледна точка на SEO оптимизацията поради противоречие с препоръките за именуване на файлове. Затова трябва да вземете предвид този аспект, преди да преместите изображенията в WordPress в областта на съдържанието.

Подравняване на изображенията

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

Промяна на размера на изображенията

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

Нов блоков стил, който трансформира изображение във формата на кръг

Ако използвате най-новата налична версия на WordPress, може би сте забелязали нов стил за изрязване на кръг, който можете да използвате за изображението си. Формата на изображението може да бъде променена чрез горната лента с инструменти, като щракнете върху първата икона "Промяна на типа или стила на блока". Формата по подразбиране (правоъгълник) ще бъде изрязана до формата на кръг.

Нови функции в блока за изображения на WordPress (добавен в WP 5.3)

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

Един от най-големите акценти в WP 5.3 е подобрената обработка на изображения в платформата WordPress. Работата с изображения вече има две основни функции:

1. Възобновяване на качването - Ако качвате снимки с висока резолюция и интернет връзката се прекъсне, процесът на качване ще продължи автоматично от прекъснатата точка.
2. Автоматично завъртане на изображенията - последната версия на WP гарантира, че неправилно завъртените изображения се завъртат автоматично в правилната позиция при качването им.

Настройки в Инспектора

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

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

Други настройки на блока за изображения

Как да добавите URL адрес

Изображенията могат да се използват като статични изображения или да могат да се кликат и да се свързват с тях:

•   Медиен файл
•   Прикачена страница
•   Потребителски URL адрес

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

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

Защо е важно тези текстове да бъдат попълнени?

Ако посетителите кликнат върху изображението, за да го видят по-голямо, те виждат заглавието на изображението (например Citadela начална страница), а не името на файла на изображението. Освен това, ако има някакъв проблем със зареждането на изображението, на уебсайта ви ще се покаже алтернативен текст.

Допълнителни съвети

Освен всички тези причини и настройки за блоковете за изображения на WordPress има и най-важното нещо. Можете да спечелите повече посетители на вашия уебсайт, като използвате изображения. И така, как да ги получите?

В днешно време хората ги мързи да четат. Предпочитат да скролват снимките, за да намерят отговорите. Как така вашите снимки и изображения могат да се класират? Текстовете са отговорът. Много важни за SEO оптимизацията са перфектното заглавие и описание на изображението. Не забравяйте да попълните и алтернативния текст. Тогава Google може да разбере по-добре изображението. Така ще имате по-голям шанс да го класирате в резултатите от търсенето на изображения.

2 начина за добавяне на надпис на изображение

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

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

Харесва ли ви колко лесно е да добавяте изображения в блока за изображения на WordPress? Опитайте сами!

Научете повече за нашата чисто нова тема за WordPress Citadela и нейните персонализирани пакети за оформление. Те са специално проектирани и разработени за различни видове бизнес и също така поддържат новия начин за редактиране на съдържание чрез блоковия редактор на WordPress.