Tvoříme obchodně úspěšné weby za skvělé ceny

Tipy, návody, školení: Facebook Blog

Jak vložit a upravit obrázek a obrázek s odkazem

Další články na téma Články, Obrázky »

Tento návod vám ukáže, jak do textu stránky nebo příspěvku vložit jeden obrázek.

POZOR: Nevíte, zda ve svém WordPressu máte blokový, nebo klasický editor? Zjistěte to »

Klienti MD webdesign: Při nahrávání obrázku do svého WordPressu, nemusíte řešit jeho velikost. WordPress si obrázek sám zmenší.

Nahrání a vložení obrázku v klasickém editoru a bloku Klasický editor

  1. Klikněte na místo v textu, kam chcete obrázek vložit.
  2. Nad editorem klikněte na tlačítko Mediální soubory.
    WordPress: vložení obrázku
  3. Pokud nemáte obrázek již nahraný v knihovně medií, tak vyberte záložku Nahrávání souboru a do vyznačeného prostoru myší přetáhněte obrázek z počítače. Případně klikněte na tlačítko Vybrat soubory a v dialogovém okně vyberte a odešlete požadovaný obrázek.
    WordPress: nahrání obrázku
  4. Na záložce Knihovna médií vyberte nahraný obrázek (musí být zaškrtnutý).
    Jak vybrat obrázek z knihovny médií ve WordPressu
  5. Ve sloupci vpravo můžete do pole Alternativní text můžete vložit popis obrázku pro vyhledávače.
  6. V roletce Zarovnání zvolte, zda má být obrázek obtékán textem. Zarovnání doleva znamená, že text bude obrázek obtékat zprava.
  7. V roletce URL odkaz zvolte, co se má stát s obrázkem, když na něj uživatel klikne myší. Volba Mediální soubor znamená, že se obrázek otevře do detailu. Volbou Zadat vlastní odkaz uděláte z obrázku odkaz na WWW adresu, kterou vložíte do pole níže (včetně protokolu http).
  8. V roletce Velikost zvolte velikost obrázku na stránce.
  9. Klikněte na tlačítko Vložit.

Nahrání a vložení obrázku v blokovém editoru

Obrázek je další blok a zabere celou šířku obsahu = text ho nebude obtékat.

Postupujte takto:

  1. Klikněte do bloku, za něhož chcete obrázek vložit. Později však bude možné pozici obrázku mezi bloky posouvat.
  2. Vlevo nahoře klikněte na ikonu + a najděte a kliknutím vyberte blok Obrázek.
    WordPress: vložení bloku Obrázek
  3. Do nově vloženého bloku přetáhněte myší z počítače požadovaný obrázek. Nebo klikněte na tlačítko Nahrát (soubor obrázku vyberte v počítači a nahrajte), případně na tlačítko Knihovna médií (obrázek vyberte z již nahraných obrázků).
  4. Klikněte na vložený obrázek a zaměřte se na pravý sloupec. Do pole Alt text zadejte popis obrázku pro vyhledávače. V roletce Velikost obrázku změňte velikost obrázku, případně můžete níže zadat vlastní rozměry, či vybrat velikost podle procent.
  5. Při vybraném obrázku klikněte na panelu ikon na ikonu Vložit odkaz.  Pokud chcete kliknutím na obrázek zobrazit jeho plnou velikost, pak zvolte Mediální soubor. Pokud chcete z obrázku odkazovat na jinou stránku, pak do políčka vložte WWW adresu cílové stránky.
    WordPress: odkaz z obrázku

Úprava zarovnání obrázku

  1. Na obrázek klikněte.
  2. Na panelu ikon klikněte na ikonu Změnit zarovnání a vyberte směr zarovnání: doleva, na střed, doprava.

WordPress: zarovnání obrázku

Úprava velikosti obrázku tažením myší

  1. Na obrázek klikněte.
  2. Potáhněte myší (se stisknutým levým tlačítkem) za čtvereček v některém z rohů obrázku.
  3. Tlačítko myši pusťte.

WordPress: změnit velikost obrázku

Úprava velikosti na přesný rozměr v klasickém editoru a bloku Klasický editor

  1. Na obrázek klikněte.
  2. Klikněte na ikonu tužky.
  3. Klikněte do roletky Velikost.
  4. Zvolte Zadat vlastní rozměry.
  5. Změňte velikost v poli Šířka, nebo Výška. Druhá velikost se dopočítá automaticky.
  6. Vpravo dole klikněte na tlačítko Aktualizovat.

Úprava velikosti na přesný rozměr v blokovém editoru

  1. Na obrázek klikněte.
  2. V pravém sloupci na záložce Blok najděte část Rozměry obrázku.
  3. Změňte velikost v poli Šířka Výška. POZOR: upravujete velikost celého bloku s obrázkem a případným titulkem. Vhodnější je proto používat připravené procentuální hodnoty.

Přejít na seznam návodů

Chcete úspěšný web?

Chci web získávající zákazníky
Chci ziskový e-shop

Top