jak přidat obrázky do WordPress v roce 2022 tutoriál v přidávání obrázků do klasických a Gutenbergových editorů (+zmenšení velikosti souboru)

dnes rozebíráme, jak přidat obrázky do WordPress a zmenšit jejich velikost souboru (aby se vaše stránky & příspěvky načítaly co nejrychleji).

když se právě učíte základy toho, jak začít blog, je toho hodně co zjistit, chápu to. Mluvili jsme o tom, jak změnit velikost písma, změnit barvu písma, vytvořit odkaz, na který lze kliknout, a ještě mnohem více zde.

dobrou zprávou je, že v roce 2022 je velmi snadné se naučit, jak přidávat obrázky do WordPress se všemi aktualizacemi a vylepšeními použitelnosti, které viděli za poslední desetiletí.

v tomto rychlém tutoriálu vám ukážu, jak přidat obrázky do příspěvků WordPress, a to jak v klasickém editoru (který raději používám), tak prostřednictvím novějšího editoru Gutenberg.

nyní se pojďme ponořit do přidávání obrázků do vašich příspěvků WordPress—a zároveň co nejvíce snížit jejich velikost souboru, zůstat v souladu s osvědčenými postupy SEO a udržovat načítání stránek co nejrychleji.

jak přidat obrázky WordPress (a zmenšit velikost souboru) v 2022

1. Přidání obrázků k příspěvkům v klasickém editoru WordPress
2. Přidání obrázků k příspěvkům v editoru Gutenberg WordPress
3. přidání doporučeného obrázku k příspěvku v WordPress

nyní rychle, než se ponoříme do tohoto tutoriálu o přidávání obrázků do WordPress, ukážu vám, jak zmenšit velikost souboru obrázku (pomáhá vám rychleji se načítat příspěvky) ve 2 jednoduchých krocích.

nainstalujte (zdarma) komprimovat JPEG & PNG obrázky Plugin Tiny PNG

Zde si můžete stáhnout zdarma Compress JPEG & PNG Images Plugin pro WordPress přímo zde z knihovny pluginů WordPress.

Alternativně můžete také vyhledat plugin a nainstalovat jej přímo z nabídky pluginu, která je přístupná na levé straně sekce Správce blogu zde-nebo se podívejte na tento rychlý návod, jak nainstalovat plugin WordPress:

Jakmile nainstalujete plugin Compress JPEG & PNG Images, každý nový obrázek, který nahrajete do svého blogu WordPress, bude automaticky optimalizován a velikost souboru se co nejvíce sníží, aniž by byla ohrožena kvalita obrazu.

Poznámka: Toto je zdaleka nejlepší plugin pro kompresi obrázků na trhu. Umožňuje až 500 bezplatných kompresí obrázků za měsíc (což je mnohem více, než budete pravděpodobně potřebovat), než budete muset upgradovat na placený plán na $.009 / obrázek za prvních 500 každý měsíc. Je to vážná smlouva a nenajdete lepší kompresní plugin, který vám poskytne více kreditů zdarma.

pokud však chcete provádět kompresi obrazu přímo na svém počítači (neomezeně zdarma), doporučuji aplikaci ImageOptim.

Nahrajte své obrázky

a je to! Vážně, je to tak snadné.

Jakmile nainstalujete kompresní plugin na svůj blog-nebo máte nejprve komprimované jednotlivé obrázky v počítači-jste připraveni je nahrát na své příspěvky nebo stránky ve WordPressu.

nyní se podívejme na to, jak přesně přidat obrázky do WordPress.

1. Přidávání obrázků do příspěvků v klasickém editoru WordPress

pokud jste jako já a stále dáváte přednost klasickému rozvržení editoru WordPress pro přidávání/úpravu příspěvků, postupujte zde.

na druhou stranu, pokud používáte novější Editor Gutenberg pro váš obsah příspěvku, pak skočte dolů do další části pro tento návod. Pokud si nejste jisti, který editor používáte, podívejte se na snímky obrazovky níže a porovnejte je s tím, jak vypadá váš editor. Chcete použít klasický Editor, ale nejste si jisti, jak jej získat? Vezměte si 2 minuty a postupujte spolu s jednoduchým tutoriálem Yoast o instalaci klasického editoru na váš blog WordPress.

1. Otevřete příspěvek, do kterého přidáváte obrázky (a najděte správné místo)

nejprve se musíte ujistit, že jste uvnitř příspěvku, do kterého chcete přidat obrázek.

pak budete chtít přejít kurzor na přesné místo v příspěvku, který chcete přidat obrázek.

2. Klikněte na tlačítko „Přidat média“ v horní části editoru

toto tlačítko bude vypadat takto:

jakmile kliknete na tlačítko „Přidat média“, zobrazí se obrazovka, na kterou můžete nahrát svůj obrazový soubor.

3. Klikněte na“Nahrát soubory“

klikněte na záložku „nahrát soubory“ a dostanete se na obrazovku, kde můžete pomocí nástroje pro výběr vybrat obrazový soubor, odkud je umístěn v počítači.

případně, pokud přetáhnete obrazový soubor z plochy a nahrajete jej—můžete přeskočit obrazovku „nahrát soubory“ a jednoduše přejít přímo k přetažení obrázku a jeho přetažení (v dalším kroku je ukázka).

4. Nahrajte soubor s obrázkem

dávám přednost přetažení obrazových souborů z pracovní plochy a jejich přetažení do nástroje pro nahrávání souborů (spíše než pomocí selektoru k jejich vyhledání v počítači), protože je to mnohem rychlejší.

zde je rychlá ukázka videa / GIF, jak přidat obrázek z plochy do WordPress:

po nahrání obrázku bude kompresní plugin fungovat je to kouzlo, které pomůže snížit velikost souboru (v zákulisí).

Poznámka: Než dokončíte možnosti obrázku a kliknete na „Vložit do příspěvku“, budete chtít napsat SEO přátelský Alt Text pro váš obrázek-něco, co popisuje povahu toho, co se děje ve vašem obrázku, a ideálně tkát v jednom z cílových klíčových slov, která doufáte, že článek bude nakonec hodnocen (v organických výsledcích vyhledávání).

5. Vyberte Možnosti obrázku a klikněte na „Vložit do příspěvku“

nakonec budete mít několik možností, jak definovat svůj obrázek. To zahrnuje:

• ovládání zarovnání toho, jak se váš obrázek objeví ve vašem příspěvku (vždy vybírám zarovnání středu)
• vytvoření odkazu na obrázek na jinou stránku nebo příspěvek na vašem blogu (nebo externí odkaz, na který chcete čtenáře nasměrovat)
• velikost zobrazení (vždy doporučuji nahrát v plné velikosti, aby nedošlo ke ztrátě kvality obrazu)

po výběru těchto možností jste připraveni kliknout na „Vložit do příspěvku“ a máte dobré jít!

toto tlačítko bude přímo zde v pravém dolním rohu obrazovky:

Nyní budete přesměrováni zpět do okna editoru a uvidíte obrázek, který jste právě přidali, sedí přímo tam, kde jste jej nahráli.

mějte na paměti, že stále máte nějaké rychlé & snadné možnosti úprav, pokud se rozhodnete něco změnit zobrazením nového obrázku:

• můžete změnit velikost ručně popadnutím jednoho z rohů a přetažením nahoru nebo dolů ve velikosti
• můžete kliknout dolů na střed obrázku a přetažením kolem vašeho příspěvku jej přemístit
• obrázek můžete vždy smazat kliknutím na „backspace“ nebo „delete“ na klávesnici a začít znovu

a to je vše! Naučili jste se, jak přidat obrázek do WordPress pomocí klasického editoru.

2. Přidání obrázků k příspěvkům v editoru Gutenberg WordPress

v editoru Gutenberg WordPress budou vaše možnosti úprav příspěvků vypadat mnohem jinak než to, co uvidíte z klasického editoru.

Gutenberg přistupuje k přidávání/úpravám obsahu prostřednictvím systému „bloků“, jako jsou textové bloky, bloky záhlaví, bloky obrázků atd. Pojďme se tedy ponořit do přidávání obrázků v Gutenbergu.

1. Vyberte ikonu „přidat obrázek“

poté, co se ujistíte, že přidáváte obrázek na správné místo ve svém příspěvku, vyberte ikonu“ přidat obrázek“. Bude to vypadat takhle tady.:

jakmile kliknete na ikonu „přidat obrázek“, budete mít několik možností, jak přidat obrázek do svého příspěvku.

2. Vyberte, jak přidáte obrázek

v Gutenbergu máte několik rychlých možností, jak přidat obrázek do WordPress. To zahrnuje:

• Upload (který otevře obrazovku voliče, která vám umožní vybrat obrazový soubor z počítače)
• Knihovna médií (která vás zavede do vaší stávající knihovny obrázků—ze které můžete také přetáhnout & pokles obrázku)
• Vložit z adresy URL (pokud je obrázek umístěn někde online, který chcete importovat, můžete vložit tento odkaz zde)

zde je snímek těchto možností (osobně stačí kliknout na „Nahrát“ a rychle uchopit požadovaný obrázek z pracovní plochy):

3. Nahrajte svůj obrázek

Jakmile vyberete obrázek, který chcete nahrát, stačí kliknout na tlačítko“ Otevřít “ a bude přidán do vašeho příspěvku.

Nyní, když jste přidali obrázek, menší miniatura se zobrazí jako nový blok ve vašem příspěvku.

zde je screenshot, jak to bude vypadat:

4. Nastavení obrázku & Možnosti rychlých úprav

než se přesunete, budete chtít vytočit Nastavení obrázku (podle osvědčených postupů SEO).

a stejně jako u klasického editoru budete moci definovat mnoho různých nastavení a vlastností obrázku. S Gutenbergem se to prostě dělá trochu jinak. Nastavení obrázku je místo toho umístěno na pravém postranním panelu (po prvním kliknutí na obrázek).

zde je to, co tato nastavení vypadat:

nezapomeňte definovat nastavení obrázku alespoň pro tyto dvě vlastnosti:

• psaní SEO-friendly alternativní text, který popisuje obrázek a splétá v klíčové fráze
• velikost obrázku (I Vždy zobrazit obrázky v plné velikosti, aby se zabránilo ztrátě kvality)

můžete také kliknout do Nastavení „styl“ a přidat další nuance styling & vestavěné funkce oříznutí pomocí Gutenbergu.

5. Přesouvání obrázků v rámci příspěvku přes Gutenberg

jedním z velmi skvělých vedlejších účinků zaměření editoru Gutenberg na používání „bloků“ obsahu je, jak snadno můžete přesunout své obrázky (nebo jakékoli bloky obsahu) v rámci příspěvku.

po jednom kliknutí na obrázek, který chcete uspořádat v příspěvku—uvidíte šipky „nahoru“ a „dolů“ se objeví hned vedle obrázku.

klikněte na tyto šipky pro pohyb obrázku nahoru nebo dolů uvnitř vašeho příspěvku, jako tak:

a to je vše! Můžete jít.

nyní jste se naučili, jak přidat obrázek do WordPress v editoru Gutenberg také 🙂

3. Přidání doporučeného obrázku do příspěvku v WordPress

doporučené obrázky jsou nezbytné v blogu WordPress-protože se jedná o obrázky, které se zobrazují v horní části vašich blogových příspěvků(a ve výsledcích vyhledávání i na platformách sociálních médií, když se váš obsah sdílí).

v neposlední řadě zde je návod, jak přidat doporučený obrázek k příspěvku (nebo stránce) ve WordPressu.

v pravém dolním rohu okna editoru WordPress se zobrazí sekce pro přidání doporučeného obrázku. Klikněte na „nastavit doporučený obrázek“ a dostanete se na standardní obrazovku pro nahrávání obrázků, kde můžete přidat obrázek, který chcete zobrazit v horní části příspěvku(také ve výsledcích vyhledávání a na sociálních platformách).

po nahrání obrázku, který chcete použít, a kliknutí na tlačítko „Nastavit doporučený obrázek“ se vrátíte zpět na obrazovku editoru a uvidíte malou miniaturu obrázku zobrazeného vpravo dole (pro potvrzení, že jste přidali správný obrázek), jako tak:

docela jednoduché, že?

pokud jste vybrali nesprávný obrázek (nebo chcete provést změny později), můžete jednoduše kliknout na text“ Odebrat doporučený obrázek“ a budete mít možnost vybrat nebo nahrát jiný obrázek, který bude uveden ve vašem příspěvku.

Závěrečné myšlenky na to, jak přidat obrázek v WordPress

Přidání obrázků do vašich příspěvků v WordPress nemusí být obtížné.

ať už pro svůj blog používáte klasický Editor nebo Gutenberg, tým za WordPressem tvrdě pracoval na tom, aby přidávání obrázků bylo velmi snadným procesem.

pokud máte stále potíže, prosím, napište mi komentář v dolní části tohoto příspěvku a jsem rád, že vám pomůže vyřešit všechny problémy, které máte.

to je pro dnešek vše!

právě jsme se zabývali tím, jak přidat obrázky do WordPress 👏

Líbí se vám to, co vidíte? Zaregistrujte se a získejte více blogovacích tutoriálů a rad.

Chcete Více Blogů Tutoriály?

zamiřte a podívejte se na můj konečný průvodce, jak začít blog a vydělávat peníze z něj letos.