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

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

Vánoce 2022 se blíží a počet nákupů může s nimi
WEBAREAL
0 shares114 views
WEBAREAL
0 shares114 views

Vánoce 2022 se blíží a počet nákupů může s nimi

Bohemiasoft - Lis 28, 2022

Ano, je to tak. Vánoce jsou pomalu za dveřmi a poslední dva roky vzhledem k pandemii Koronaviru se eshopařům daří…

Nová funkce: Blog na úvodní stranu
WEBAREAL
0 shares310 views
WEBAREAL
0 shares310 views

Nová funkce: Blog na úvodní stranu

bohemiasoft - Lis 22, 2022

Přidali jsme novou funkci - zobrazení 4 posledních článků z blogu na úvodní straně vašeho eshopu. Zvýrazníte tak nejdůležitější novinky…

Dokončujeme novou šablonu – Drogerium
WEBAREAL
0 shares356 views
WEBAREAL
0 shares356 views

Dokončujeme novou šablonu – Drogerium

bohemiasoft - Říj 10, 2022

Připravujeme do ostrého provozu novou šablonu, kterou jsme nazvali Drogerium. Grafická podoba této šablony bude tématicky zaměřená na prodej drogérie,…

Přidat komentář

Your email address will not be published.


*

KALENDÁŘ

Prosinec 2022
Po Út St Čt So Ne
« Lis    
 1234
567891011
12131415161718
19202122232425
262728293031