Pridávanie obrázkov do stránky cez Gutenberg blok obrázok

—

by

Vladimír Šimo
in ,

Úvod

Pridávanie obrázkov do stránky cez Gutenberg blok obrázok môže výrazne zvýšiť ich vizuálnu príťažlivosť a angažovanosť čitateľov.

Obrázky pomáhajú lepšie ilustrovať obsah, zlepšujú jeho pochopiteľnosť a môžu pozitívne ovplyvniť vyhľadávanosť vášho webu cez Google.

Gutenberg editor vo WordPresse umožňuje jednoducho pridávať obrázky pomocou bloku obrázok.

V tomto článku sa naučíte, ako na to.

Pridanie bloku obrázok

Otvorte editor a kliknite na ikonu plus (+) v hornej časti editora alebo v mieste, kde chcete pridať nový blok.

Vyhľadajte blok obrázok a vyberte ho zo zoznamu blokov.

Pridávanie obrázkov do stránky cez Gutenberg blok obrázok.

Nahratie alebo výber obrázka

Pridávanie obrázkov do stránky cez Gutenberg blok obrázok - výber obrázka

Ak ešte nemáte obrázok nahratý v knižnici médií, kliknite na tlačidlo „Nahrať“ a vyberte obrázok z vášho počítača. Obrázok sa automaticky nahrá do knižnice médií a vloží na stránku, alebo do článku.

Ak už máte obrázok nahratý v mediálnej knižnici a chcete ho vložiť na stránku, kliknite na „Knižnica médií“ a vyberte existujúci obrázok z vašej knižnice.

Úprava obrázka

Pridávanie obrázkov do stránky cez Gutenberg blok obrázok - úprava alternatívneho textu.

Aby sme boli priateľskí aj voči nevidiacim návštevníkom, potrebujeme pridať alternatívneho textu (ALT text) pre lepšiu prístupnosť a vyhľadávateľnosť na Googli.

Hendikepovaní ľudia tiež browsujú po internete, avšak používajú špeciálne prehliadače, ktoré im prečítajú obsah vášho webu. Namiesto obrázkov si vypočujú alternatívny text obrázka.

Keď im chceme uľahčiť čítanie webstránky, klikneme na obrázok, aby sme sa uistili, že je vybratý.

  1. krok: Aby sme sa dostali k ďalším nastaveniam stlačíme tlačidlo pravého panela (na obrázku).
  2. krok: Potom stlačíme záložku „Blok„.
  3. krok: Ak sme vyselektovali obrázok správne, v hlavičke záložky bloku bude napísané: Obrázok.
  4. krok: Nájdeme nastavenie s názvom: „Alternatívny text“ a do poľa vložíme krátky popis čo sa na obrázku nachádza.

Nastavenie zarovnania obrázka

Ak chceme, môžeme zarovnať obrázok, aby ho text obtekal zľava, alebo sprava.

Klikneme do obrázka a zobrazí sa nám kontextový panel s nástrojmi priamo nad obrázkom. Klikneme na ikonu „hamburgeru“ a rozbalí sa nám menu zarovnania. Kliknutím si vyberieme kam chceme obrázok zarovnať.

Záver

Pridávanie obrázkov do stránky cez Gutenberg blok obrázok je jednoduché a rýchle. Použite tento návod na efektívne spravovanie obrázkov vo vašich príspevkoch a stránkach.