+36 30 355 0880

0-24 Tudástár

Témakörök:

Találj meg minket a Google+-on

Képnézegető ( slideshow ) készítése SEO Sales honlapodhoz

Megtanítunk rá, hogyan tudsz pár egyszerű lépésben animált képnézegetőt illeszteni a honlapodba. Egyszerűen csak nézd meg a videónkat, ahol végigvezetünk a lépéseken, majd olvasd el a videó alatt található leírást, ahol a látottakat írtuk le részletesebben és ahol megtalálod a szükséges linkeket is.

 

 

A videóban látható lépések újra:

• Válaszd ki, hogy a honlapod melyik részébe szeretnéd elhelyezni az animált képnézegetőt vagy éppen a banner hirdetést
• Menj fel a titkosított jelszóval ellátott adminisztrációs felületedre és jelentkezz be a felhasználó neveddel és jelszavaddal. Válaszd ki a statikus tartalmak menüpontot, mert itt elsőként létrehozunk egy kategóriát, hogy ne keveredjen a képnézegető a többi menüponttal. Így később könnyebben megtalálod. Mi ennek a kategóriának az Effektek nevet adtuk.
• A létrehozott Effektek kategóriába vigyél fel egy új statikus tartalmat. Add meg a szükséges adatokat hozzá, mi képnézegetőnek neveztük el és nem töltöttük ki a Kereső Optimalizálásra vonatkozó részeket, mert ez nem egy önálló menüpont lesz az oldalon, hanem majd beillesztjük a megfelelő helyre, ha végeztünk
• Most fel kell tölteni a tárhelyedre azokat a képeket, amiket meg szeretnél jeleníteni a képnézegetőben (vagy épp a banner rotátorban). Ehhez válaszd ki a fájlkezelő menüpontot. Mi az image könyvtárban hoztunk létre a képeknek egy új könyvtárat kepnezegeto címmel. Ebbe a mappába, mi már előre feltöltöttük a képeket, de a tallózás, feltöltés gombokkal te magad is egyszerűen feltöltheted a képeket (egyesével).
• Most elkészítjük a képnézegetőt. Menj a  slideshow varázsló oldalára és az ott található űrlapot töltsd ki az alábbiak szerint:
• (Optional) Base URL for all Images: Ide írd be azt a teljes útvonalat, ahova a képeket töltötted fel. Ezt legegyszerűbben úgy teheted meg, ha az adminisztrációs felületeden a fájlkezelőben a kép fájl nevére kattintasz, mert így egy új lapon megjelenik neked a feltöltött kép. Ezt a teljes URL -t másold ki és töröld a végéről a kép fájl nevét úgy, hogy az utolsó karakter a / maradjon
• Set your slideshow option:
  
• Slide duration: Itt adhatod meg, hogy hány másodpercenként változzanak a képek. 1000 egység felel meg 1 másodpercnek. Alapértelmezetten 3000 vagyis 3 másoperc.
• Pipáld be az Automatically start playing előtti négyzetet, mert így automatikusan indul a vetítés
• Pipáld be Repeat or loop the slideshow előtti négyzetet, mert így folyamatosan újra játssza a képeket, nem fog leállni, ha a végére jut.
• A shuffle rész pedig arra szolgál, hogy a képeket ne sorrendben, hanem véletlenszerűen tudd lejátszani.
  
  A többi beállítást hagyd alap értelmezetten
  
  
• Edit your slides: Ezen a részen adhatod meg azoknak a képeknek a fájlneveit, amiket a képnézegető majd megjelenít.
• Image filename: (pic1.jpg): Ez az első képfájl neve, ami tartalmazza a kiterjesztését is. Ha nem emlékszel rá, akkor a fájlkezelőben megnézheted, sőt ki is másolhatod a nevét. Ugye nem volt ékezet vagy szóköz a képek nevében?
  
• Link: (http://www.mywebsite.com/): Ha banner rotációnak használod a képnézegetőt, akkor itt megadhatod, hogy ha valaki a képre kattint, akkor milyen oldalra jusson. Figyelj rá oda, hogy mindig http:// -el kezdődjön a link
• Link target: (windowname, _blank): Ha azt szeretnéd, hogy a képre kattintva egy új oldalra jusson a látogató, miközben a te oldaladat nem hagyja el, akkor azt írd ide, hogy _blank
  
  A többivel nem kell foglalkoznod. Ha megvagy az első képpel, akkor egyszerűen csak kattints fent az Add Slide gombra. Ekkor jobb oldalon megjelenik a kép fájl neve, valamint alatt a kicsinyített képe.
  
  A fentiek alapján töltsd fel az összes képet!
  
  
• Sikeresen felvitted az összes képet, amit csak szeretnél megjeleníteni az oldaladon, így már csak egy lépés van hátra: Generálni kell egy HTML kódot és azt beilleszteni a honlapodba. Ezt úgy teheted meg, hogy a STEP 4 nél a Generate HTML gombra kattintasz. Majd ezek után a jobb oldalon található Selecet All gombra
• A kódot így kimásoltad a vágólapra és innen be tudod illeszteni a honlapodba. Visszamész a honlapod admin felületére és a statikus tartalmaknál az effektek kategóriából kiválasztod a korábban létrehozott képnézegető nevü tartalmat és megnyitod szerkesztésre.
• A kiválasztott tartalomnál a forráskód gombra kell kattintanod és ide beillesztened az előbb kimásolt kódot. Ezt megteheted a ctrl+v együttes megnyomásával vagy az egér jobb gombjának lenyomásával előjövő menüben, a beillesztést kiválasztva. Ezután mentsd a tartalmat.
• A videóban elkövettük azt a hibát, hogy a statikus tartalomnak nem adtunk azonosítót, így nem is jelent meg. Te ne kövesd el ezt a hibát és nevezed el a tartalmat. Az azonosítóban nem lehet se szóköz se ékezet. Ha a fentieket lépésről, lépésre megcsináltad, akkor a mentés után a tartalom előnézetére (szem ikon) kattintva egy új lapon láthatod, ahogy szépen a megadott időközönként váltakoznak a képeid.
• Most tegyük a helyére a tartalmat. A statikus tartalmak közül válaszd ki azt, amelyikbe a képnézegetőt szeretnéd illeszteni. A varázsló melletti legördülő menüből válaszd ki a statikus tartalmak részt, akkor feljön egy újabb legördülő menü, amiben a létrehozott kategóriáid vannak. Itt válaszd ki azt amelyikbe a képnézegetőt tetted,nálunk ez az Effektek volt. Ha kiválasztottad, akkor egy újabb legördülő menü jelenik meg, amiben már azok a statikus tartalmak vannak, amiket te hoztál létre. Itt egyszerűen válaszd ki azt, amelyikbe a képnézegetőt tetted. A szoftver ezek alapján generál neked egy kódot. Ezt jelöld ki, másold majd illeszd be arra a részre a szövegbe, ahol szeretnéd, hogy megjelenjen a képnézegető. A kódot igazíthatod középre, hogy ne lógjon rá a kép az oldaladra. Mentsd a tartalmat és ellenőrizd. Ha mindent jól csináltál, akkor megjelent a kívánt részen a képnézegető.

Hasznos Tippek:

• A képek egységes méretűek legyenek, mert akkor jobban fog kinézni
• Ellenőrizd, hogy a képek ne legyenek nagyobbak, mint az a hely, ahova a képnézegetőt szeretnéd elhelyezni
• A képnézegetőt beillesztheted a jobb oldali vagy bal oldali banner helyre is. Csak figyelj arra, hogy ott kisebb a hely ezért kisebb képek kellenek.
• Azért hozunk létre új statikus tartalmat és azt illesztjük a végleges helyére, mert így akár több oldalra is be tudod tenni a képnézegetőt és ha változtatnál rajta, akkor elég csak azt a statikus tartalmat változtatnod, amelyikbe a képnézegető van. A többi tartalom automatikusan változni fog,
• Szebbé teheted a képnézegetőt, ha minden képnek adsz egy árnyékolt keretet.
  

Ha találtál valami hasznosat a cikkben, nyomj egy tetszik gombot:

Kérlek írj egy köszönömöt, ha tetszett!

Csatlakozz a beszélgetéshez!

Ezeket már olvastad?