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

Čvn 12, 2017
1848 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

Google nákupy nyní i v Maďarsku a Rumunsku
WEBAREAL
0 shares94 views
WEBAREAL
0 shares94 views

Google nákupy nyní i v Maďarsku a Rumunsku

Bohemiasoft - Čvc 17, 2019

Po spuštění Google nákupů na Slovensku přišli na řadu i Maďarsko a Rumunsko. Na tuto novinku jsme samozřejmě reagovali a…

API – Hromadné požadavky
WEBAREAL
0 shares145 views
WEBAREAL
0 shares145 views

API – Hromadné požadavky

Bohemiasoft - Čvc 15, 2019

O našem API, díky kterému si můžete automatizovat různé úkoly na eshopu nebo napojit jiné aplikace, už víte. Do teď…

Novinky ze světa Glami
WEBAREAL
0 shares185 views
WEBAREAL
0 shares185 views

Novinky ze světa Glami

Bohemiasoft - Čvc 08, 2019

Materiál jako povinný parametr Glami nově požaduje u výrobků zadávat informaci o materiálu, ze kterého je výrobek vyroben a kolik…

Přidat komentář

Your email address will not be published.


*

KALENDÁŘ

Červenec 2019
Po Út St Čt So Ne
« Čvn    
1234567
891011121314
15161718192021
22232425262728
293031