Práca s blokom obrázkov WordPress: Ako pridať obrázky vo WordPress [+Tajný tip]

Pre mnohých používateľov môže byť práca s obrázkom skutočne frustrujúca. Nie vždy je jednoduché zvoliť správny pomer strán alebo správne zmeniť veľkosť obrázkov, aby vyzerali dobre v celom rozložení.

1. Prečo používať blok obrázkov WordPress
2. Ako pridať obrázky pomocou bloku obrázkov WordPress
3. Dodatočný proces formátovania obrázkov
4. Extra tip od nás vo vnútri článku

Staršie verzie WordPress (do verzie 5.0) pridávajú obrázky pomocou tlačidla +Pridať médiá. Problémom bolo, že aj pri minimálnej zmene veľkosti obrázka ste ho museli nahrať znova. Znamenalo to stratu času a zbytočné kliknutia.

Nový blokový editor Gutenberg mení spôsob pridávania obrázkov do WordPress, aby sa tento proces zjednodušil pre koncových používateľov. V tomto článku vám ukážeme praktický návod na pridávanie a úpravu bloku obrázkov WordPress. Okrem toho vám vysvetlíme ešte jednu možnosť vkladania obrázkov - ako skopírovať a vložiť obrázok do oblasti obsahu pomocou niekoľkých kliknutí. Predstavíme vám aj novo pridané funkcie, ktoré pochádzajú z WP 5.3.

Najprv si však povedzme, prečo by ste mali v príspevkoch a na stránkach používať obrázky.

Prečo je blok obrázkov WordPress povinnou výbavou vašej webovej stránky

Prilákať pozornosť

Obrázky priťahujú pozornosť návštevníkov webových stránok. Musia byť zaujímavé, aby návštevníkov na vašej webovej stránke udržali dlhšie. Predstavte si príspevok na blogu bez obrázkov. Je to len zhluk textu. Na prvý pohľad nie je veľmi zaujímavý, aj keď by mohol byť hodnotný a plný informácií. Okrem toho fotografie môžu pomôcť lepšie si predstaviť a opísať vašu tému.

Z tohto dôvodu musíme použiť blok obrázkov WordPress, aby sme zamerali pozornosť na dôležité veci.

Ilustračný text a kontext

Obrázky sú tiež dôležitou súčasťou pre pochopenie obsahu, pretože umožňujú návštevníkom lepšie pochopiť, o čom je článok. Vďaka infografikám môžete vysvetliť komplikované súvislosti a povedať veci jednoduchým spôsobom. Pomáha návštevníkom lepšie sa orientovať v probléme, o ktorom hovoríte.

Urobiť webovú stránku krajšou

Okrem toho obrázky pekne dotvárajú celý dizajn webovej stránky. Nie je to len o rozložení webovej stránky, ale aj o použiteľnosti. Správne zvolený a umiestnený obrázok môže návštevníkovi pomôcť ľahšie si prezerať vaše webové stránky.

Ako pridávať obrázky do editora blokov WordPress

Ak chcete vložiť obrázok do príspevku alebo stránky, musíte pridať blok jadra - Blok obrázkov. Existuje niekoľko spôsobov, ako to urobiť:

- Použitie "+" v hornom paneli alebo kdekoľvek v editore

- Použitie lomítka "/" a následné napísanie slova "image"

Vytvorí sa nový blok, do ktorého môžete pridať aktuálne obrázky.

Nahrávanie obrázkov do systému WordPress

Ako umiestniť obrázky tam, kam chcete?

• Použite položku Nahrať a vyberte obrázok z pevného disku
• Použite knižnicu médií, kde môžete vybrať obrázky, ktoré už boli nahrané na vašu webovú stránku.
• Použite myš a potiahnite a pustite obrázok
• Vloženie adresy URL obrázka

Menej známa metóda pridávania obrázkov WordPress

Okrem nahrávania obrázkov cez okno nahrávania, ako už bolo spomenuté, existuje aj iný spôsob vkladania obrázkov (a je to taký rýchly spôsob!). Pomocou vylepšeného editora WordPress môžete:

• Skopírovať obrázok z ľubovoľného obsahu alebo
• Stačí "pretiahnuť" obrázok kurzorom myši

A potom vložte alebo presuňte (upustite) vybraný obrázok na požadované miesto v oblasti obsahu.

Rovnakú techniku môžete použiť aj v prípade, že chcete vložiť obrázok zachytený z obrazovky. Potrebujete len tri jednoduché kroky. Po prvé, musíte si urobiť snímku obrazovky pomocou funkcie tlače obrazovky. Napríklad systém Windows 10 poskytuje svoj predvolený nástroj Snippet s názvom Snip & Sketch, ktorý je dostupný aj prostredníctvom skratky - stačí na klávesnici stlačiť spolu klávesy Win+Shift+S. Potom vyberte oblasť obrázka, ktorú chcete zachytiť. Posledným krokom je vloženie skopírovaného obrázka (alebo jeho časti) do oblasti obsahu pomocou základnej klávesovej skratky Ctrl+V.

A čo sa stane s obrázkom WordPress, ktorý ste vložili do editora? Automaticky sa pridá do knižnice médií, kde môžete tento obrázok upravovať.

Obmedzené možnosti metaúdajov obrázka

V rámci úprav obrázka môžete nastaviť jeho názov, titulok, popis a alternatívny text. Názov súboru obrázka bohužiaľ nemôžete zmeniť - zostane zachovaný jeho automaticky generovaný názov, ako napr. obrázok-1.png a tak ďalej. Tento typ názvu súboru môže byť z hľadiska optimalizácie SEO trochu nevýhodný, pretože je v rozpore s odporúčaniami na pomenovanie súborov. Preto je potrebné zvážiť tento aspekt pred presunutím obrázkov WordPress do oblasti obsahu.

Zarovnanie obrázkov

Zarovnanie obrazu je jednou z hlavných funkcií. Bez ohľadu na to, či pridávate blok obrázkov WordPress do príspevku alebo stránky, vždy by ste mali zvážiť umiestnenie v závislosti od dizajnu webovej stránky. Na základe toho môžete zarovnanie obrázka vybrať v paneli nástrojov nad ním. V predvolenom nastavení môžete obrázok zarovnať doľava, doprava alebo na stred. Niektoré témy WordPress umožňujú, aby boli obrázky vycentrované na šírku alebo na celú šírku. To skutočne závisí od funkcií témy, pretože nie všetky témy to podporujú.

Zmena veľkosti obrázkov

Revolučnou funkciou bloku obrázkov v editore WordPress je praktická zmena veľkosti. Jednoducho potiahnite stranu obrázka, aby sa zmenšil alebo zväčšil. Takto môžete upraviť veľkosť obrázka v závislosti od textu v obsahu. Editor automaticky zachováva proporcie obrázka, čo znamená, že sa nemusíte obávať deformácií.

Nový štýl bloku, ktorý transformuje obrázok do tvaru kruhu

Ak používate najnovšiu dostupnú verziu systému WordPress, možno ste si všimli nový štýl kruhového orezania, ktorý môžete použiť pre svoj obrázok. Tvar obrázka môžete zmeniť prostredníctvom horného panela nástrojov kliknutím na prvú ikonu "Zmeniť typ alebo štýl bloku". Predvolený tvar (obdĺžnik) bude orezaný na tvar kruhu.

Nové funkcie v bloku Obrázky WordPress (pridané vo WP 5.3)

Podpora obrázkov s vysokým rozlíšením

Jednou z najväčších noviniek WP 5.3 je vylepšené spracovanie obrázkov na platforme WordPress. Práca s obrázkami má teraz dve hlavné funkcie:

1. Obnovenie nahrávania - ak nahrávate fotografie vo vysokom rozlíšení a zlyhá pripojenie k internetu, proces nahrávania bude automaticky pokračovať od prerušeného bodu.
2. Automatické otáčanie obrázkov - najnovšia verzia WP zabezpečuje, že nesprávne otočené obrázky sa pri nahrávaní automaticky otočia do správnej polohy

Nastavenia v aplikácii Inšpektor

Ak chcete nastaviť presné rozmery, môžete použiť Inšpektor na pravom bočnom paneli v editore. Nastavenie veľkosti obrázka ponúka pripravené formáty, ako sú miniatúra, stredná, veľká alebo plná veľkosť. Šírku a výšku môžete samozrejme nastaviť v pixeloch alebo percentách.

Je to veľmi rýchle a praktické, pretože všetky zmeny veľkosti obrázkov môžete vykonať priamo v bloku Obrázky WordPress a všetko na jednom mieste v editore blokov.

Ďalšie nastavenia bloku Obrázky

Ako pridať adresu URL

Obrázky sa môžu používať ako statické obrázky alebo sa na ne dá aj kliknúť a odkázať na ne:

•   Mediálny súbor
•   Strana s prílohami
•   Vlastná adresa URL

Ako upraviť obrázok v bloku obrázkov WordPress

Každý obrázok môžete upraviť po kliknutí na ikonu ceruzky. Otvorí sa modálne okno s knižnicou médií, kde môžete napísať alt text, názov, titulok a popis. Rovnakým spôsobom, ako ste to už boli zvyknutí robiť v staršej verzii WordPress s klasickým editorom.

Prečo je dôležité mať tieto texty vyplnené?

Ak návštevníci kliknú na obrázok, aby ho videli väčší, zobrazí sa im názov obrázka (napríklad Citadela homepage) a nie názov súboru obrázka. Ak sa vyskytne nejaký problém s načítaním obrázka, na vašej webovej lokalite sa zobrazí aj alternatívny text.

Ďalšie tipy

Okrem všetkých týchto dôvodov a nastavení pre WordPress Obrázky blokov je tu najdôležitejšia vec. Pomocou obrázkov môžete získať viac návštevníkov na svoje webové stránky. Ako ich teda získať?

V dnešnej dobe sú ľudia leniví čítať. Radšej si posúvajú obrázky, aby našli odpovede. Ako je možné, že sa vaše fotografie a obrázky môžu umiestniť? Odpoveďou sú texty. Veľmi dôležitý pre optimalizáciu SEO je dokonalý názov a popis obrázka. Nezabudnite vyplniť Alternatívny text. Potom Google dokáže obrázok lepšie pochopiť. Takže budete mať väčšiu šancu na jeho umiestnenie vo výsledkoch vyhľadávania obrázkov.

2 spôsoby, ako pridať titulok obrázka

Pridanie popisku k obrázku je pomocou editora blokov veľmi jednoduché. Priamo pod obrázkom je priestor na písanie textu. Toto je prvý spôsob - titulok sa napíše presne k tomuto obrázku na danej podstránke.

Druhý spôsob je napísať popis obrázku pomocou ikony ceruzky (Upraviť obrázok) v knižnici médií. Týmto spôsobom pridávate popisky k obrázkom globálne na celej webovej stránke. To znamená, že ak použijete ten istý obrázok na troch rôznych miestach, vždy sa použije tento titulok.

Páči sa vám, ako ľahko sa pridávajú obrázky do bloku Obrázky vo WordPress? Vyskúšajte to sami!

Zistite viac o našej úplne novej téme Citadela WordPress a jej balíkoch rozvrhnutí na mieru. Boli špeciálne navrhnuté a vyvinuté pre rôzne druhy podnikov a podporujú aj nový spôsob úpravy obsahu prostredníctvom blokového editora WordPress.