Jak přidat text a obrázek – Gutenberg – WordPress základy

V dnešním příspěvku z kategorie WordPress základy bych vám rád ukázal, Jak přidat text a obrázek při vytváření obsahu v příspěvku/stránce s pomocí editoru Gutenberg v redakčním systému WordPress.

Tak s chutí do toho.

Malé připomenutí

Bližší informace o tom, jak vytvořit příspěvek nebo stránku najdete v příspěvcích Jak vytvořit příspěvek – Gutenberg – WordPress základyJak vytvořit stránku – Gutenberg – WordPress základy.

Text

V případě, že chcete přidat text, přejděte k editaci příspěvku a v obsahové části obrazovky najeďte myší na znaménko plus pod posledním blokem. Z nabídky bloků vyberte Běžné bloky > Odstavec. Pokud v obsahu žádný blok ještě není, můžete znaménko plus najít v nástrojové liště nahoře.

V případě textu jsou možnosti nastavení trochu bohatší a stejně jako u obrázku je najdete nahoře, nad blokem. V liště jsou tyto možnosti:

  • změnit typ nebo styl bloku
  • změnit zarovnání textu
  • řez písma je reprezentován ikonkami B (tučné – klávesová zkratka Ctrl-B) a I (kurzíva – klávesová zkratka Ctrl+I). Pak následuje možnost přidat odkaz (klávesová zkratka Ctrl+K)

Další vlastnosti textu a textového bloku můžete najít v pravém panelu na záložce Blok. Zde si můžete změnit velikost písma, a to předdefinovaným stylem (výchozí, střední, normální, velké, obrovské a vlastní) a nebo zadáte vlastní velikost v číselné formě.

Můžete také určit, zda se má použít tzv. efekt drop cap, nebo-li první písmeno odstavce velké.

V další části nastaveni je také možnost změnit barvu textu nebo pozadí textu. V části Pokročilé můžete bloku přidat css třídu.

Obrázek

V případě, že chcete přidat obrázek, přejděte k editaci příspěvku a v obsahové části obrazovky najeďte myší na znaménko plus pod posledním blokem. Z nabídky bloků vyberte Běžné bloky > Obrázek.

Po vložení bloku do obsahu se vám nabídnou tří možností, jak vložit obrázek:

  • nahrát – tato volba vám otevře okno, s jehož pomocí vyberete obrázek z vašeho zařízení a nahrajete přímo do příspěvku
  • knihovna médií – tato volba vám otevře knihovnu médií, kde si můžete vybrat z již nahraných obrázků
  • vložit z URL adresy – u třetí volby musíte znát absolutní adresu k obrázku, který chcete vložit

Po vložení obrázku můžete měnit vlastnosti daného obrázku. V liště těsně nad obrázkem můžete změnit styl bloku, a to buď klasické rohy, nebo zakulacené.

Hned vedle se nachází možnost zarovnáni obrázku, a to vlevo, vpravo, na střed, plná šířka příspěvku/stránky nebo plná šířka obrazovky.

Obrázek má také možnost sloužit jako odkaz. To znamená, že po kliknutí na něj můžete návštěvníka nasměrovat na konkrétní obsah. Tuto volbu najdete vedle možnosti nahrazení jiným obrázkem. Pod obrázkem můžete také zadat jeho popisek.

Pokud potřebujete, máte možnost měnit i velikost obrázku, a to tak, že najedete na okraj obrázku a jednoduchým tažením za okrajové lišty nastavíte velikost, jakou potřebujete.

A to je pro tuto chvíli vše. Věřím, že vám příspěvek pomohl a ukázal vám, jak přidat text a obrázek do příspěvků/stránek s pomocí editoru Gutenberg.

Pokud chcete, přihlaste se k odběru newsletteru (aby jste nezmeškali další návody). Pokud potřebujete s něčím poradit, najdete mě na profesní síti LinkedIn, nebo jako správce WordPress skupiny na sociální síti Facebook.

Miroslav Bartík

Jsem webspecialista pro tvorbu obsahu a designu webů. Pracuji s redakčním systémem WordPress, s jehož pomocí plním sny firem i jednotlivců o funkčním webu,

0 komentáøù

Pøidat komentáø

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

thirteen − nine =