Práce s blokem obrázků WordPress: Jak přidávat obrázky ve WordPressu [+Tajný tip]

Pro mnoho uživatelů může být práce s obrázkem opravdu frustrující. Není vždy snadné zvolit správný poměr stran nebo správně změnit velikost obrázků, aby vypadaly dobře v celém rozvržení.

1. Proč používat blok obrázků WordPress
2. Jak přidat obrázky pomocí bloku obrázků WordPress
3. Další proces formátování obrázků
4. Extra tip od nás uvnitř článku

Starší verze WordPressu (do verze 5.0) přidávají obrázky pomocí tlačítka +Add Media. Problémem bylo, že i při minimální změně velikosti obrázku bylo nutné jej nahrát znovu. To znamenalo ztrátu času a zbytečné klikání.

Nový blokový editor Gutenberg mění způsob přidávání obrázků do WordPressu tak, aby byl tento proces pro koncové uživatele jednodušší. V tomto článku vám ukážeme praktický návod na přidávání a úpravu bloku obrázků ve WordPressu. Kromě toho vám vysvětlíme ještě jednu možnost vkládání obrázků - jak zkopírovat a vložit obrázek do oblasti obsahu pomocí několika kliknutí. Představíme vám také nově přidané funkce, které pocházejí z WP 5.3.

Nejprve si ale řekneme, proč byste měli v příspěvcích a na stránkách používat obrázky.

Proč je blok obrázků ve WordPressu nezbytnou součástí vašich webových stránek?

Přitáhnout pozornost

Obrázky přitahují pozornost návštěvníků webových stránek. Musí být zajímavé, aby návštěvníky na webu udržely déle. Představte si příspěvek na blogu bez obrázků. Je to jen snůška textu. Na první pohled není příliš zajímavý, i když by mohl být hodnotný a plný informací. Fotografie navíc mohou pomoci lépe si představit a popsat vaše téma.

Z tohoto důvodu musíme použít blok obrázků WordPress, abychom zaměřili pozornost na důležité věci.

Ilustrační text a kontext

Obrázky jsou také důležitou součástí pro pochopení obsahu, protože umožňují návštěvníkům lépe pochopit, o čem je článek. Díky infografikám můžete vysvětlit složité souvislosti a sdělit věci jednoduchým způsobem. Pomáhá návštěvníkům lépe se orientovat v problému, o kterém mluvíte.

Zpříjemněte si webové stránky

Kromě toho obrázky pěkně dotvářejí celý design webových stránek. Nejde jen o vzhled webu, ale také o jeho použitelnost. Správně zvolený a umístěný obrázek může návštěvníkovi usnadnit prohlížení vašich webových stránek.

Jak přidávat obrázky v editoru bloků WordPress

Chcete-li vložit obrázek do příspěvku nebo stránky, musíte přidat základní blok - Blok obrázku. Existuje několik způsobů, jak to udělat:

- Použití tlačítka "+" na horním panelu nebo kdekoli v editoru

- Použití lomítka "/" a následné napsání slova "image"

Vytvoří se nový blok, do kterého můžete přidávat aktuální obrázky.

Nahrávání obrázků do systému WordPress

Jak umístit obrázky na požadované místo?

• Použijte možnost Nahrát a vyberte obrázek z pevného disku.
• Použijte knihovnu médií, kde můžete vybrat obrázky, které již byly nahrány na vaše webové stránky.
• Použijte myš a přetáhněte obrázek
• Vložení adresy URL obrázku

Méně známá metoda přidávání obrázků WordPress

Kromě již zmíněného nahrávání obrázků prostřednictvím okna pro nahrávání existuje ještě jeden způsob, jak vložit obrázek (a je to tak rychlý způsob!). Pomocí vylepšeného editoru WordPressu můžete:

• Zkopírovat obrázek z libovolného obsahu nebo
• Stačí obrázek "přetáhnout" kurzorem myši.

A poté vložte nebo přesuňte (upusťte) vybraný obrázek na požadované místo v oblasti obsahu.

Stejnou techniku můžete použít i v případě, že chcete vložit obrázek zachycený z obrazovky. Stačí k tomu pouze tři jednoduché kroky. Za prvé, musíte pořídit snímek obrazovky pomocí funkce tisku obrazovky. Například systém Windows 10 nabízí svůj výchozí nástroj Snippet s názvem Snip & Sketch, který je k dispozici také pomocí klávesové zkratky - stačí na klávesnici stisknout dohromady klávesy Win+Shift+S. Poté vyberte oblast obrázku, kterou chcete zachytit. Posledním krokem je vložení zkopírovaného obrázku (nebo jeho části) do oblasti obsahu pomocí základní klávesové zkratky Ctrl+V.

A co se stane s obrázkem WordPress, který jste vložili do editoru? Automaticky se přidá do knihovny médií, kde můžete tento obrázek upravovat.

Omezené možnosti metadat obrázku

V rámci úprav obrázku můžete nastavit jeho název, titulek, popis a alternativní text. Bohužel nelze změnit název souboru obrázku - zůstane zachován automaticky generovaný název, např. image-1.png a tak dále. Tento typ názvu souboru může být z hlediska optimalizace SEO trochu nevýhodný kvůli konfliktu s doporučeními pro pojmenování souborů. Proto je třeba tento aspekt zvážit před přesunutím obrázků WordPress do oblasti obsahu.

Zarovnání obrazu

Zarovnání obrazu je jednou z hlavních funkcí. Bez ohledu na to, zda přidáváte blok obrázků WordPress do příspěvku nebo stránky, měli byste vždy zvážit umístění v závislosti na designu webu. Na základě toho lze zarovnání obrázku zvolit v panelu nástrojů nad ním. Ve výchozím nastavení můžete obrázek zarovnat vlevo, vpravo nebo na střed. Některá témata WordPressu umožňují obrázky vycentrovat na šířku nebo na celou šířku. To skutečně závisí na funkcích tématu, protože ne všechna témata to podporují.

Změna velikosti obrázků

Revoluční funkcí bloku obrázků v editoru WordPress je praktická změna velikosti. Obrázek jednoduše zmenšíte nebo zvětšíte přetažením jeho strany. Tímto způsobem můžete upravit velikost obrázku v závislosti na textu v obsahu. Editor automaticky zachovává proporce obrázku, což znamená, že se nemusíte starat o deformace.

Nový styl bloku, který transformuje obrázek do tvaru kruhu

Pokud používáte nejnovější dostupnou verzi WordPressu, možná jste si všimli nového stylu kruhového ořezu, který můžete použít pro svůj obrázek. Tvar obrázku lze změnit prostřednictvím horního panelu nástrojů kliknutím na první ikonu "Změnit typ nebo styl bloku". Výchozí (obdélníkový) tvar bude oříznut do tvaru kruhu.

Nové funkce v bloku Obrázky WordPress (přidáno do WP 5.3)

Podpora obrázků s vysokým rozlišením

Jednou z největších novinek WP 5.3 je vylepšené zpracování obrázků na platformě WordPress. Práce s obrázky má nyní dvě hlavní funkce:

1. Obnovení nahrávání - pokud nahráváte fotografie ve vysokém rozlišení a dojde k výpadku internetového připojení, proces nahrávání bude automaticky pokračovat od přerušeného bodu.
2. Automatické otáčení obrázků - nejnovější verze WP zajišťuje, že se nesprávně otočené obrázky při nahrávání automaticky otočí do správné polohy.

Nastavení v aplikaci Inspektor

Pro nastavení přesných rozměrů můžete použít inspektor na pravém postranním panelu v editoru. Nastavení velikosti obrázku nabízí připravené formáty, jako je miniatura, střední, velká nebo plná velikost. Šířku a výšku můžete samozřejmě nastavit v pixelech nebo procentech.

Je to velmi rychlé a praktické, protože všechny změny velikosti obrázků můžete provádět přímo v bloku Obrázky WordPress a vše na jednom místě v editoru bloků.

Další nastavení bloku Obrázky

Jak přidat adresu URL

Obrázky mohou být použity jako statické obrázky nebo mohou být také klikací a odkazovat na ně:

•   Soubor médií
•   Stránka s přílohami
•   Vlastní adresa URL

Jak upravit obrázek v bloku obrázků WordPress

Každý obrázek lze upravit po kliknutí na ikonu tužky. Otevře se modální okno s knihovnou médií, kde můžete napsat alt text, název, titulek a popis. Stejným způsobem, jak jste na to již byli zvyklí ve starší verzi WordPressu s klasickým editorem.

Proč je důležité mít tyto texty vyplněné?

Pokud návštěvníci kliknou na obrázek, aby si ho prohlédli větší, zobrazí se jim název obrázku (například Citadela homepage) a ne název souboru obrázku. Také pokud se vyskytne nějaký problém s načítáním obrázku, zobrazí se na vašich webových stránkách alternativní text.

Další tipy

Kromě všech těchto důvodů a nastavení bloků obrázků WordPressu je zde to nejdůležitější. Pomocí obrázků můžete získat více návštěvníků na své webové stránky. Jak je tedy získat?

V dnešní době jsou lidé líní číst. Raději procházejí obrázky, aby našli odpovědi. Jak je možné, že se vaše fotografie a obrázky mohou umístit? Odpovědí jsou texty. Velmi důležitý pro optimalizaci SEO je dokonalý název a popis obrázku. Nezapomeňte vyplnit Alternativní text. Google pak obrázku lépe porozumí. Budete tak mít větší šanci na jeho umístění ve výsledcích vyhledávání obrázků.

2 způsoby, jak přidat titulek obrázku

Přidání popisku obrázku je pomocí editoru bloků velmi snadné. Přímo pod obrázkem je prostor pro psaní textu. Toto je první způsob - popisek se napíše přesně k tomuto obrázku na dané podstránce.

Druhým způsobem je napsat popisek obrázku pomocí ikony tužky (Upravit obrázek) v Knihovně médií. Tímto způsobem přidáte popisek obrázku globálně na celé webové stránky. To znamená, že pokud použijete stejný obrázek na třech různých místech, bude vždy používat tento popisek.

Líbí se vám, jak snadno lze přidávat obrázky do bloku obrázků ve WordPressu? Vyzkoušejte si to sami!

Zjistěte více o našem zbrusu novém tématu Citadela WordPress a jeho balíčcích rozvržení na míru. Byly speciálně navrženy a vyvinuty pro různé druhy podniků a podporují také nový způsob úpravy obsahu prostřednictvím blokového editoru WordPressu.