Súbory cookie sú nevyhnutné pre plynulý chod našej webstránky a poskytovanie našich služieb. Zároveň používame cookies na zacielenie reklamy a aby ste čo najlepšie vedeli využívať našu internetovú stránku. Vaše osobné údaje budú spracované a informácie z vášho zariadenia (súbory cookie, jedinečné identifikátory a ďalšie údaje zariadenia) môžu byť uchovávané, používané a zdieľané s dodávateľmi tretích strán, prípadne používané konkrétne týmto webom alebo aplikáciou. Niektorí dodávatelia môžu spracúvať vaše osobné údaje na základe oprávneného záujmu, proti ktorému môžete vzniesť námietku. Svoj súhlas môžete kedykoľvek odvolať. Ďalšie informácie a možnosti nastavenia vašich preferencií nájdete v rámci našich Podmienok ochrany súkromia. Súhlasíte s používaním cookies a spracovaním súvisiacich osobných údajov?
nevyhnutné cookies - cookies potrebné pre plynulý chod stránky a poskytovanie našich služieb
voliteľné cookies - cookies zabezpečujúce personalizáciu reklám a zber analytických a štatistických dát návštevnosti pre zlepšenie našich služieb
EXO HOSTING
Jump to content
  • Spravovanie obrázkov v Exowebe


      Ako si nahrávať a spravovať obrázky v Exowebe.

    Pri tvorbe stránok v Exowebeobrázky často neoddeliteľnou súčasťou dizajnu. V tomto návode si predstavíme ako samotné obrázky efektívne spravovať tak, aby ste si prácu s nimi čo najviac uľahčili.

    Obrázky na stránky môžete vkladať pomocou rôznych widgetov, ako napr. Obrázok a text, Úvodný obrázok, Obrázok, Galéria a prezentácia obrázkov, Logo alebo Jedálny lístok. V našom prípade je teraz nepodstatné, ktorý widget použijete, vyberieme si napr. Obrázok a text.

    Keď vložíte widget Obrázok a text na stránku bez dodatočných úprav, bude to vyzerať približne takto:

     

    01-widget-obrazok-a-text.png

     

     

    Nahratie a vloženie nového obrázku

     

    Ak chcete použiť iný obrázok, kliknite na súčasný, ktorý sa na stránke zobrazuje a otvoria sa možnosti správy obrázkov. Teraz nás budú zaujímať len prvé dve tlačidlá: Pridať nový obrázok a Nedávno nahraté. Pomocou týchto dvoch tlačidiel môžete pridávať nové obrázky alebo si vyberať už z nahratých. Tlačidlo Upraviť obrázok si zatiaľ nevšímajte, venujeme sa mu v tomto návode.

     

    02-moznosti-obrazka.png

     

    Keď kliknete na Pridať nový obrázok, otvorí sa takýto formulár (zároveň hneď vyskočí okno s ponukou vyhľadania obrázkov vo vašom počítači). Vyberte si súbor v počítači a nahrajte nový obrázok.

     

    03-zdroj-obrazku-nahrat.png

     

    Zmena sa prejaví hneď, nový obrázok (pre náš príklad sme si vybrali logo Exowebu) sa vloží namiesto pôvodného, formulár na správu obrázka zostane otvorený - tu môžete buď túto zmenu zrušiť kliknutím naľavo na X alebo kliknutím napravo na Uložiť zmenu obrázka dokončíte.

     

    04-novy-obrazok-pridany.png

     

    Keď kliknete na Uložiť, nový obrázok bude vložený na stránku, ale dokonca ešte aj teraz stále máte možnosť celú zmenu zrušiť, keď dole vľavo kliknete na zelený pruh - Zrušiť, ktorý sa po pridaní obrázku na niekoľko sekúnd objaví na stránke.

     

    05-novy-obrazok-pridany-vysledok.png

     

    Chcete si pozrieť aké sú možnosti zobrazenia vloženého obrázku na stránke? Prejdite dole v tomto návode na poslednú sekciu Možnosti zobrazenia obrázku na stránke.

     

    Vloženie obrázkov z už nahratých obrázkov

     

    Keď kliknite na Nedávno nahraté, otvorí sa galéria obrázkov (sekcia Najnovšie), ktoré ste si dovtedy nahrali, ako napr. v našom príklade nižšie môžete vidieť, že naposledy sme nahrali logo Exowebu. Z tohto zoznamu si môžete vyberať obrázky a použiť ich na iných stránkach vašej webovej prezentácie, teda nie je potrebné ich nahrávať znovu. Nielenže si ušetríte miesto na serveri, ale v galérii budete mať poriadok, keďže nebudete mať v nej duplicitné fotografie.

     

    06-zdroj-obrazku-najnovsie.png

     

    Stačí kliknúť na zvolený obrázok alebo fotku, napríklad klikneme na obrázok večernej oblohy, ktorý sa nachádza hneď pod Exoweb logom a výsledok uvidíme na stránke. Ešte treba kliknúť na Uložiť a obrázok bude vymenený namiesto Exoweb loga.

     

    07-zdroj-obrazku-najnovsie-vybraty-iny.png

     

    V samotnej galérii keď na obrázok nabehnete myšou, objaví sa v rohu každého obrázka ozubené koleso (ukazuje naň žltá šípka).

     

    08-zdroj-obrazku-najnovsie-moznosti.png

     

    Kliknutím na ozubené koleso sa objaví niekoľko možností. Môžete si tu vypísať názov a popis obrázka, ak chcete mať nejaký text k obrázku (bude zobrazený na stránke pod obrázkom). Kliknutím na červenú ikonu koša obrázok vymažete. Tlačidlo Upraviť obrázok má rovnakú funkciu ako tlačidlo Upraviť obrázok, ktoré sme si spomínali na začiatku návodu, ak si chcete pozrieť možnosti úpravy obrázku, nájdete ich v tomto návode.

     

    09-zdroj-obrazku-najnovsie-moznosti-uprava.png

     

    Pridanie obrázku z Facebooku

     

    Obrázky si môžete pridať aj z vášho Facebook obchodného profilu, stačí sa prihlásiť. Je len na vás, či túto možnosť využijete alebo nie.

     

    10-zdroj-obrazku-facebook.png

     

    Pridanie obrázku z fotobanky

     

    Taktiež môžete využiť možnosti fotobanky, pričom je potrebné, aby ste do vyhľadávacieho poľa napísali nejaké slovo, môžete aj slovenské, ale pod anglickým výrazom sa zobrazí viac možností. Pri výbere obrázkov z fotobanky si výber starostlivo rozmyslite, v rámci balíka Biznis Web máte možnosť si vybrať 3 obrázky, v rámci balíka Max Web si môžete vybrať 5 obrázkov. Ak chcete využiť služby nejakej fotobanky zadarmo, odporúčame napr. Pixabay.com, odkiaľ si môžete stiahnuť obrázky a nahrať na server. Pri každom obrázku máte aj vypísané, za akých podmienok ich môžete na svojich stránkach používať.

     

    11-zdroj-obrazku-fotobanka.png

     

    Možnosti zobrazenia obrázku na stránke

     

    Teraz sa vrátime k prvému kroku v našom návode a pozrieme sa na možnosti zobrazenia obrázku, ktorý ste si vložili na stránku

    Význam tlačidiel Pridať nový obrázok a Nedávno nahraté sme si vysvetlili, tlačidlo Upraviť obrázok je vysvetlené tu.

    Pod týmito tromi tlačidlami nájdete ďalšie možnosti:

     

    Odkaz na obrázok

    • Po kliknutí otvoriť...: tu si môžete nastaviť, čo sa má spraviť, ak niekto klikne na obrázok, buď sa nestane nič alebo sa otvorí stránka (v rámci Exowebu) alebo sa otvorí externá stránka alebo sa otvorí okno emailu.

     

    12-obrazok-odkaz-na-obrazok.png

     

    Zobraziť možnosti

    • Tvar: tu si môžete vybrať, v akom tvare sa má obrázok prezentovať na stránke, či v obdĺžniku, štvorci, kruhu, šípke a pod.
    • Pomer strán: zvoľte si, či sa má zobrazovať v originálnych pomeroch strán alebo v iných.
    • Veľkosť: tu môžete zvoliť, či sa obrázok bude zobrazovať taký aký je alebo o polovicu menší, prípadne inak veľký.
    • Zarovnanie obrázka: môžete si ho zarovnať vľavo, vpravo alebo vycentrovať.

     

    13-obrazok-zobrazit-moznosti.png

     

    SEO

    • Alt. text k obrázku: odporúčame vyplniť, ak si niekto bude pozerať vašu stránku napr. na mobilných dátach, kedy má zakázané zobrazovať obrázky, namiesto obrázka sa mu zobrazí alternatívny text.
    • Názov a Popis si zadajte vtedy, ak chcete mať pod obrázkom názov a k nemu aj popis. Bude viditeľný podobne ako keby ste si na stránku napísali klasický text.

     

    14-obrazok-seo.png

     

    Nezabudnite si všetky zmeny Uložiť a keď budete mať všetko hotové, aj stránku zverejniť.


    Link to Control Panel: https://setup.dnsserver.eu/

    See also this article

     

    See also this article

     



  • Blogs

    1. Roman
      Latest Entry

      By Roman,

      Po vytvorení webovej stránky možno budete chcieť stránku nastaviť tak, aby sa určitý obsah neukladal do vyrovnávajúcej pamäte webového prehliadača, keďže potrebujete, aby sa obsah aktualizoval často, napríklad každý deň. To je vhodné v prípade, ak na stránke ponúkate reštauračné menu vo formáte .PDF, ktoré sa mení každý deň a chcete mať istotu, aby sa na druhý deň návštevníkom nezobrazovala verzia .PDF súboru zo včera alebo z minulého týždňa, keďže už nie je aktuálna.

      Samozrejme sú možnosti, ako si vyrovnávajúcu pamäť internetového prehliadača môžete vyčistiť, ale nie každému to napadne alebo to nepovažuje za praktické.

      Tvorcovia webových stránok však na strane servera môžu zabrániť, aby sa určité typy súborov neukladali do vyrovnávajúcej pamäte (cache) prehliadačov návštevníkov, takže napr. na druhý deň návštevníci uvidia nový obsah. Toto môžeme dosiahnuť pomocou Apache modulu mod_expires.

       

      Nastavenie nepoužívania vyrovnávajúcej pamäte

      Tieto nastavenia môžete zrealizovať pomocou súboru .htaccess. Nižšie je príklad kódu, ktorý si môžete vložiť do daného súboru a zároveň aj nastaviť typy súborov, ktoré si neprajete ukladať do vyrovnávajúcej pamäte:
       

      # VYPNI CACHE
      <IfModule mod_headers.c>
          Header set Cache-Control "no-cache, no-store, must-revalidate"
          Header set Pragma "no-cache"
          Header set Expires 0
      </IfModule>
      
      <FilesMatch "\.(css|flv|gif|htm|html|ico|jpe|jpeg|jpg|js|mp3|mp4|png|pdf|swf|txt)$">
          <IfModule mod_expires.c>
              ExpiresActive Off
          </IfModule>
          <IfModule mod_headers.c>
              FileETag None
              Header unset ETag
              Header unset Pragma
              Header unset Cache-Control
              Header unset Last-Modified
              Header set Pragma "no-cache"
              Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate"
              Header set Expires "Thu, 1 Jan 1970 00:00:00 GMT"
          </IfModule>
      </FilesMatch>

       

      Vysvetlenie:

      • no-cache: zabezpečí, aby si prehliadač overil pripojením na server, či obsah je stále aktuálny
      • max-age:  nastavenie dĺžky v sekundách, ako dlho môže byť obsah uložený vo vyrovnávacej pamäti (cache) prehliadača. Po uplynutí tejto doby si prehliadač musí vyžiadať novú verziu obsahu zo servera. 0 znamená, že obsah by sa nemal nikdy ukladať do cache, resp. prehliadač sa bude zakaždým dopytovať na server po nový obsah.
      • no-store: príkaz naznačuje, že žiadna vyrovnávajúca pamäť akéhokoľvek druhu, by sa nemala načítavať
      • must-revalidate: funguje obdobne ako no-cache, obsah si načítava na základe nastavenia max-age, obsah si prehliadač preverí po uplynutí max-age. V prípade nuly, zakaždým.

       

      Konkrétne typy súborov, ktoré nechcete, aby sa ukladali, určujete na riadku:

      <FilesMatch "\.(css|flv|gif|htm|html|ico|jpe|jpeg|jpg|js|mp3|mp4|png|pdf|swf|txt)$">

      V zozname si ponechajte len tie typy, ktoré skutočne nechcete, aby sa ukladali do cache, napr. ak nechcete, aby sa ukladali len súbory .PDF, tak si kód upravte takto:

      <FilesMatch "\.(pdf)$">

       

      Ak z nejakého dôvodu nechcete použiť súbor .htaccess, do hlavičky každej stránky si vložte tento kód, čo je alternatívny spôsob, ako nenačítavať obsah z vyrovnávajúcej pamäte:

      <head>
          <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
          <meta http-equiv="Pragma" content="no-cache" />
          <meta http-equiv="Expires" content="0" />
      </head>

       

       

      Nastavenie časového obdobia vyrovnávajúcej pamäte

      Druhý variant, ktorý môžete použiť, je nastavenie obdobia, ako dlho sa majú jednotlivé typy súborov, resp. obsahy, držať v pamäti prehliadača bez ďalšej kontroly na serveri. Pri type súboru .PDF si všimnite, že sme nastavili jeden deň. Ostatné hodnoty môžete ponechať tak ako sú alebo si ich upravte podľa potreby. Obsah, ktorý nezvyknete často meniť, môžete ponechať na dlhšie obdobie, mesiace až roky, ostatný zvoľte kratší (hodiny, dni, max týždne):

       

      ## NASTAV CACHE
      <IfModule mod_expires.c>
          FileETag MTime Size
          AddOutputFilterByType DEFLATE text/plain text/html text/xml text/css application/xml application/xhtml+xml application/rss+xml application/javascript application/x-javascript
          ExpiresActive On
          ExpiresByType text/html "access 600 seconds"
          ExpiresByType application/xhtml+xml "access 600 seconds"
          ExpiresByType text/css "access 1 month"
          ExpiresByType text/javascript "access 1 month"
          ExpiresByType text/x-javascript "access 1 month"
          ExpiresByType application/javascript "access 1 month"
          ExpiresByType application/x-javascript "access 1 month"
          ExpiresByType application/x-shockwave-flash "access 1 month"
          ExpiresByType application/pdf "access 1 day"
          ExpiresByType image/x-icon "access 1 year"
          ExpiresByType image/jpg "access 1 month"  
          ExpiresByType image/jpeg "access 1 month"
          ExpiresByType image/png "access 1 month"
          ExpiresByType image/gif "access 1 month"
          ExpiresDefault "access 1 month"
      </IfModule>

       

      Dĺžku obdobia, ako dlho chcete alebo potrebujete, aby sa obsah udržiaval vo vyrovnávajúcej pamäti bez opätovnej kontroly na serveri, si môžete definovať nasledovne:

      • year/s
      • month/s
      • week/s
      • day/s
      • hour/s
      • minute/s
      • second/s

       

      Je však možné si vytvoriť aj kombinácie, napr. chcete aby sa prehliadač po nový obsah .PDF súboru dopytoval každých 8 hodín a 30 minút:

      ExpiresByType application/pdf "access 8 hours 30 minutes"

      Obdobne si môžete nastaviť aj ďalšie typy súborov, podľa toho, ako často sa obnovujú.

       

      Pri nastavovaní dĺžky obdobia môžete skúsiť ďalšie alternatívy.

      Napríklad medzi zápisom

      ExpiresByType application/pdf "access 1 day"

      a

      ExpiresByType application/pdf "access plus 1 day"

      je rozdiel nasledovný:

      • access 1 day: nastavíte platnosť cache pre súbory (v našom prípade .PDF) na presne 1 deň od momentu, kedy bol obsah prístupný. Inak povedané, platnosť začne okamžite od času prístupu a vyprší presne o 1 deň.
      • access plus 1 day: "plus" znamená, že sa pridá 1 deň k aktuálnemu času prístupu. Inými slovami, cache vyprší po jednom dni od každého prístupu. Týmto spôsobom sa určí dynamickejší výpočet exspiračného času na základe prístupu k súboru.
    2. Roman
      Latest Entry

      By Roman,

      Tento týždeň sme vylepšili správu SQL databáz v Control Paneli.

      Keď sa prihlásite do svojho Control Panela a kliknete na službu Správa databáz, tak uvidíte nové možnosti:

       

      cp-spravovanie-sql-databaz-nove-menu.png

       

      Možnosť Pridať databázu už tam bola a bude tam len táto možnosť, ak v Control Paneli nemáte ešte vytvorené žiadne SQL databázy. Ale ak si nejakú databázu vytvoríte alebo už nejaké databázy vytvorené máte, uvidíte ďalšie možnosti  Importovať databázu a Klonovať databázu.

       

      Import a klonovanie SQL databázy

       

      Import databázy

      Vďaka tejto funkcii môžete migrovať obsahy SQL databáz medzi sebou, dokonca aj z iného hostingu, čím si výrazne uľahčíte migráciu dát k nám. Viac informácií k tomu a ako to zrealizovať, nájdete v návode Import SQL databázy v Control Paneli.

       

      Klonovanie databázy

      Klonovanie databázy je ďalšia užitočná vec, keď si potrebujete spraviť kópiu SQL databázy bez toho, aby ste si museli najprv exportovať zálohu, napr. pomocou phpMyAdmin a rovnako aj importovať. Klonovaním si vytvoríte funkčnú kópiu akejkoľvek pôvodnej databázy, ktorú máte v Control Paneli a môžete ju okamžite používať. Stačí si upraviť údaje k databáze v konfiguračnom súbore redakčného systému. Viac informácií nájdete v návode Klonovanie SQL databázy v Control Paneli.

       

      Dumb (export) SQL databázy

       

      Nakoniec sme pridali ešte možnosť si vytvárať vlastné zálohy pomocou dumpovania databáz.

      Pri každej databáze nájdete napravo tlačidlo Dump, ktorým si môžete exportovať databázy vo formáte .SQL.GZ a ukladať do počítača:

       

      cp-databaza-moznosti.png

       

      Viac informácií nájdete v návode Export SQL databázy v Control Paneli.

      Veríme, že tieto vylepšenia vám spríjemnia prácu v Control Paneli a onedlho prídeme s ďalšími novými zaujímavými vecami 🙂

    3. Roman
      Latest Entry

      By Roman,

      29. septembra 2024 bol Exoweb aktualizovaný na verziu 10.154.0.

       

      Všeobecné

       

      V tejto verzii, vrátane vo verzii 10.153.0 bolo opravených niekoľko chýb, ktoré mohli spôsobovať menšie problémy pri zobrazení stránok.

       

      Obchod

       

      V obchode sa zmenil vzhľad objednávok.

      Pôvodný vzhľad:

      101540-obchod-povodna-objednavka-prehlad.png

       

      Nový vzhľad je kompaktnejší, takže lepšie sa zobrazuje na menších monitoroch a v prehľade teraz vidíte aj číslo objednávky:

      101540-obchod-nova-objednavka-prehlad.png

×
×
  • Create New...