Pokročilá editace obrázků – změňte vlastnosti obrázků a udělejte svůj web ještě poutavější

Čvn 12, 2017
1143 Zobrazeno

Obrázky jsou jednou z nejdůležitějších věcí na celém webu. Nasadili jsme proto pokročilou editaci obrázků, kde můžete snadno měnit vlastnosti obrázků a také je nastavovat jako odkaz.

Pokud nyní najedete na obrázek (kromě obrázků ve fotogalerii), tak se u obrázku objeví ikona ozubeného kolečka. Na ni klikneme a dostaneme se do nastavení obrázku.


V levém sloupci vidíme celou řadu nových nastavení. Nejdříve můžeme přidat Popisek obrázku.

Kde se tento popisek zobrazuje? Návštěvník vašeho webu tento popisek neuvidí, ale vyhledávače ano (např. robot od Google). Protože vyhledávače ještě stále mají problém přečíst obsah obrázku, tak je dobré popsat, co na obrázku je. Tento popis vyhledávače přečtou v kódu stránky (viz následující obrázek). Ale není povinnost popisek vyplňovat.

Dále můžeme nastavit obrázek jako odkaz. To znamená, že pokud někdo na obrázek klikne, tak se dostane na stránku, kterou zadáme. Pokud bychom chtěli, aby se návštěvník po kliknutí na obrázek dostal na adresu mujeshop.cz, tak bychom zadali adresu https://www.mujeshop.cz (tedy včetně http nebo https). Nejlepší způsob je jít na dresu, kam se má návštěvník po prokliku dostat a adresu zkopírovat.

Níže můžeme ještě zadat, zda se má odkaz otevřít v novém okně. Pokud tedy návštěvník klikne na obrázek, tak zda se nová adresa zobrazí v novém okně nebo v současném okně. Pokud například dáváte odkaz na zcela jiné stránky, tak je lepší aktivovat odkaz v novém okně, abyste návštěvníka zcela neodvedli pryč z vašich stránek. Ale vždy záleží na situaci.

Další možností jsou rozměry – první rozměr označuje šířku a druhý výšku. Takto vypadá obrázek v normální výchozí velikosti 500 x 951.

Nyní změníme rozměr např. na 200 x 951 a vidíme, že obrázek je daleko menší.

Další možností je zaoblení rohů. Ukažme si vše na následujícím obrázku, který má hranaté rohy. Nejdříve si opět nastavení obrázku otevřeme kliknutím na ikonu ozubeného kolečka.

Nejdříve zkusíme zadat zaoblení rohů na hodnotu 20. Vidíme, co to s obrázkem udělá.

Pokud zvýšíme zaoblení rohů na 50, tak se rohy ještě více zaoblí.

Pokud zvýšíme zaoblení např. na 150, tak je obrázek již plně zaoblený.

Dále můžeme jednoduše obrázek vyměnit. Stačí kliknout na nahradit obrázek.

Tím se dostáváme do Knihovny obrázků, kde stačí vybrat z již nahraných obrázků nebo nahrát obrázky z počítače pomocí políčka Nahrát obrázek.

Úplně dole najdeme 4 boxy pro odsazení.
– 1. box = odsazení zleva (od levého okraje),
– 2. box = odsazení zprava (od pravého okraje),
– 3. box = odsazení od horního okraje,
– 4. box = odsazení od spodního okraje.

Pokud zadáme např. hodnotu 20 do prvního boxu, který odsazuje obrázek zleva (resp. od levého okraje), tak se úprava projeví jako na následujícím obrázku. U některých obrázků nemusí některé boxy fungovat, protože obrázky není možné z určité strany posouvat.

Věříme, že jsme vám udělali touto úpravou radost a že ji využijete při vylepšování svých webů.

Může vás zajímat

Zvyšte bezpečnost svým eshopů – nová funkce
WEBAREAL
0 shares75 views
WEBAREAL
0 shares75 views

Zvyšte bezpečnost svým eshopů – nová funkce

bohemiasoft - Čvc 10, 2018

Email a heslo jsou dvě věci, které běžně potřebujete k přihlášení do eshopu. Nyní máte možnost nastavit si vyšší úroveň…

GDPR – další možnosti
WEBAREAL
0 shares236 views
WEBAREAL
0 shares236 views

GDPR – další možnosti

bohemiasoft - Čvn 29, 2018

Na základě nového výkladu GDPR od Úřadu pro ochranu osobních údajů (ÚOOÚ), jsme připravili další nové možnosti v nastavení GDPR pravidel…

Šablona KRYPTONIT
WEBAREAL
0 shares287 views
WEBAREAL
0 shares287 views

Šablona KRYPTONIT

bohemiasoft - Čvn 21, 2018

Máme pro vás novou šablonu KRYPTONIT. Zcela jistě vás uchvátí svým svěžím a moderním vzhledem. Tato šablona si bere to nejlepší…

Přidat komentář

Your email address will not be published.


*

KALENDÁŘ

Červenec 2018
Po Út St Čt So Ne
« Čvn    
 1
2345678
9101112131415
16171819202122
23242526272829
3031