Jak vytvořit jednoduchý HTML kód

Obtížnost 1: Žádné složitosti ~ 2 minuty čtení ~ 1 minuta práce

Chci vložit odkaz do autorského podpisu a přidat obrázek do bočního sloupce, ale na to potřebuju HTML kód. O HTML vím jen to, že tohle neumím a učit se to nechci. Dá se to nějak obejít?

Dá 😉 Naučím tě úplně jednoduchou fintu.

Přímo ve WordPressu si vytvoříš jednoduchý HTML kód na míru, aniž bys věděla, co je to „tag“ 😉

Stejnou fintu můžeš uplatnit i mimo WordPress. Bude fungovat všude tam, kde máš nějaký textový editor s možností zobrazení HTML.

Jak získat jednoduchý HTML kód ve WordPressu

  1. V administraci přejdi na vytvoření nového příspěvku.Wordpress - vytvořit příspěvek
  2. V poli pro editaci textu příspěvku si vytvoř to, co potřebuješ – text s odkazem, vlož obrázek, změň písmo, třeba i barvu. Prostě cokoli, co potřebuješ někam pomocí HTML kódu vložit.Převod textu do HTML
  3. Vpravo nahoře nad editačním oknem klikni na záložku HTML.
  4. Zobrazí se ti to, co jsi před chvílí vytvořila, ale už v HTML formátu.HTML kód textu s odkazem a obrázkem
  5. To je celá věda, stačí zkopírovat a vložit tam, kde to potřebuješ mít 😉 Jen tento „článek“ nepublikuj 😀

Pozor na řádkování

Takto vytvořený kód ještě neumí řádkování. Text se pak tedy zobrazí „slitý“ do jednoho odstavce.

  • Pokud ho potřebuješ k vložení do widgetu ve WordPressu, nemusíš to řešit přes HTML, stačí u widgetu zatrhnout volbu Automaticky vytvářet odstavce.HTML do widgetu
  • Pokud jde o autorský podpis ve WordPressu, tak tam se pro změnu řádkování automaticky odebírá, i když je nastavené přes HTML, takže ho taky řešit nemusíš 😉
  • Pro ostatní případy je potřeba všude, kde potřebuješ zalomit řádek, vložit značku
<br>
HTML kód s řádkováním
Stejný HTML kód i s nastaveným řádkováním

(prostě ji odtud zkopíruj a je to).

Jak na HTML kód mimo WordPress

Stejným způsobem můžeš využít třeba editor e-mailů apod. Místo HTML záložky tam bývá tlačítko Zdroj nebo tlačítko se značkou <>.

Tak co, už taky umíš tvořit HTML kódy?

Pochlub se v komentářích, klidně přidej i odkaz na stránku s tvým vlastním HTML kódem 😉

Co na to říkáš?

Autor: Petra Vymětalová

Petra je internetová průvodkyně technikáliemi pro počítačové blondýny. Obzvlášť miluje Wordpress, se kterým pracuje už od roku 2010. Víc se o ní dočtete na jejím blogu www.petravymetalova.cz.

Napsat komentář

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