Weboldal készítés ●
Mi kell hozzá?
●
Webes szinten
Mit használunk Joomla CMS
Tárhely Domain név
www.joomla.org www.joomla.org.hu
Szoftverek az elinduláshoz Webböngésző – Firefox és FireBug FTP – program – TotalCommander Képkezelés - IrfanView Stíluslapok szerkesztése – TopStyle Lite
●
Miért? Felhasználóbarát admin felület Ingyenes – ez nem hátrány, hanem... Az átlagos igények egyszerűen megoldhatók - több ezer kiegészítő
Joomla telepítése ●
●
Joomla „beszerzése”
●
A telepítés folyamata
www.joomla.org.hu - letöltés
Feltöltés a szerverre TotalCommander
Tárhely adatok
Webcím beírása és a telepítő program elindítása Első adat amit kér az adatbázis beállítások – tábla előtag! FTP réteg – általában nem kell, hacsak... Admin adatok – felhasználónév csere! Installation mappa törlése
Szolgáltatótól: FTP adatok - szerver, felhasználónév és jelszó Adatbázis adatok- MySQL Szervernév, felhasználónév, jelszó, adatbázis neve
Használatba vehetjük az oldalt!
Joomla admin felület röviden ●
●
Irányítópult
●
Ikonsor
Admin oldalra érkezéskor, illetve felső menüből elérhető
Amit az adott oldalon éppen csinálni tudok az itt biztos, hogy megjelenik.
Felső menüsor
Beállítások Mentés – alkalmaz Engedélyezés – letiltás Másolás
gyakorlatilag mindig és minden ott van
Felhasználókezelés ●
Bármikor felvehetek az admin felületen új felhasználót Értesítést kap róla, megkapja a felhasználó nevet és jelszót is
●
●
Hozzáférési szinteknél Public – Mindenki láthatja Registered – regisztráltak és efelett Speciális – regisztráltak utáni csoportok mindenki Regisztráció beállítás – felső ikonsor Beállítások ikon – komponens fül Felhasználói regisztráció engedélyezése Igen- lehet regisztrálni az oldalon Nem – nem lehet regisztrálni, de az admin felületen felvehetek új tagokat Új felhasználói fiók aktiválása Nincs – a regadatok után azonnal használhatja az oldalt Saját – aktiváló emailt kap és az abban levő linkre kattintva meg kell erősítenie a regisztráció Adminisztrátor – Az adminisztrátor hagyhatja jóvá a regisztrációt.
Oldal tervezése ●
Milyen sablont használjak El kell dönteni miket várok el az oldaltól, ezzel együtt megtervezni a megjelenést – Google: free joomla templates, rockettheme.com, joomlart.com shape5.com Meg kell keresni a megfelelő kiegészítőt – www.joomla.org
●
Joomla kiegészítők - komponens - modul - plugin - nyelvi fájl www.joomla.org
Elindulás ●
Sablon telepítése Bővítmények → Bővítménykezelő Tallóz → Kiválasztás majd a Feltöltés installálás gomb A sablon aktiválása Bővítmények → Sablonkezelő – bejelölés és felső ikonsor aktiválás Modulpozíciók ellenőrzése Bővítmények → Sablonkezelő – felső ikonsor Beállítások Modulpozíciók megtekintése - Engedélyezése Megtekintés – domain.hu/?tp=1
Ha nem sikerül a telepítés ●
Könyvtár jogosultságok állítása TotalCommander – Attributumok beállítása 777-re (kijelölés – space billentyűvel – majd Fájl->Attributumok módosítása)
●
administrator administrator – cache administrator – components administrator – modules administrator – language és itt az alkönyvtárakra is administrator – modules cache components images és alkönyvtárai is language és alkönyvtárai is modules plugins – és alkönyvtárai is ● templates tmp
Globális konfigurációban FTP réteg beállításai Webhely → Globális konfiguráció → Kiszolgáló (Szolgáltatótól kapott adatokkal kitölteni)
Tartalomkezelő ●
Kategória kezelő Meg kell gondolni, hogy mi alapján szeretném csoportosítani esetleg megjeleníteni a cikkeket.
●
●
●
Ha egyesével – egy menüpont egy cikk – akkor besorolatlan Ha csoportosan – index-re gondolni – kategóriába kell sorolni Sporthírek – Magyar és Nemzetközi – ezen belül Labdarúgás, kosárlabda, kézilabda
Kiemelt cikkek Egyes megjelenítések esetén van jelentősége. Néha modulok is használják
●
Cikk-kezelő Eddigi cikkek listája, illetve új felvétele Fontos – METAADATOK kezelése – Google optimalizálás!
Médiakezelő ● ●
Lehetőségek Új könyvtárak létrehozása Jó ha rendszerezzük képeinket, fájljainkat és a nevük beszédes, de csak alap karaktereket tartalmazhat
●
Fájlok feltöltése
●
Beállítások
●
●
Flash feltöltő engedélyezése – nem mindig működik, de ha igen akkor több fájl feltöltése egyszerre Fájltípusok
Tartalom editorok ●
Alap editor kibővítése Bővítmények → Beépülő modulkezelő → TinyMCE
●
Bizonyos esetekben könnyebb a kezelés – JCE Editor Szöveg beillesztés (Paste) – WORD-ből közvetlenül TILOS Képbeillesztés – több lehetőségünk van mint az alap editorral – könyvtárak létrehozás, feltöltés Link készítés saját tartalmakra – szintén egyszerű menüpontra, meglevő tartalomra, feltöltött fájlokra
●
A használni kívánt editor beállítása Webhely → Globális konfiguráció → Alapértelmezett szerkesztő lenyílóban
Menü készítés ●
Menükezelő - menücsoportok Azokat a menüpontokat amiket egy csoportban, egy menüben szeretnék látni „fogja” össze. Az elnevezés talán az oldalon való elhelyezkedés szerint praktikus (Felső menü, Alsó menü, oldalsó menü)
●
Menüpontok Több szintű menükezelés – Szülő menüpont -, de nem tudja automatikusan a legördülő menüt (letölthetők ilyenek – joomla.org)
●
Alapértelmezett – ennek a tartalma jelenik meg akkor, ha csak a domaint írom be – nem lehet külső hivatkozás
Modulkezelés ●
Szinte minden apróságra találni modult Alapvető forrás – joomla.org Általában a fejlesztő oldalán van minta, ha tetszik letöltjük és telepíthetjük
●
●
●
●
Telepítés Bővítmények → Bővítménykezelő → Telepítés fül Beállítás és aktiválás Bővítmények → Modulkezelő Ha mégsem tetszik eltávolítás Bővítmények → Bővítménykezelő → Kezelés Modulok menüponthoz rendelése – lehetőség, de nem kötelező
Keresőbarát URL ●
Nem minden szerveren működik, kell hozzá
●
.htaccess használat engedélyezése
●
Apache szerveren mod_rewrite betöltése és engedélyezése a szervergazda részéről
●
Beállítása, ha minden OK
●
Webhely → Globális konfiguráció → Keresőoptimalizálási beállítások
●
Keresőbarát URL-címek – Igenre állítás
●
Az URL-átírás használata – Igenre állítás
●
TotalCommanderrel a htaccess.txt átnevezése .htaccess-re
Ha mégsem működik akkor Az URL átírás használata rész Nem-re visszaállítása
www not www ●
.htaccess módosítása
●
RewriteEngine On – megkeresése és utána beilleszteni: RewriteCond %{HTTP_HOST} ^www.domainneved.hu [NC] RewriteRule ^(.*)$ http://domainneved.hu/$1 [L,R=301] Így www. nélkül jelenik meg
●
Több domain neved van: RewriteCond %{HTTP_HOST} ^domainem1.hu [OR] RewriteCond %{HTTP_HOST} ^domainem2.hu [OR] RewriteCond %{HTTP_HOST} ^www.domainem1.hu [NC] RewriteRule ^(.*)$ http://www.domainem2.hu/$1 [L,R=301]
Többnyelvű oldal ●
Telepíteni kell a Joomla nyelvi fájlt
●
Forrás joomla.org vagy megpróbálni nemzeti oldalakat keresni
●
Telepítés után a Nyelvkezelő → Tartalomnál a nyelv felvétele
●
Beállítása
●
Beépülőmodul-kezelő → Rendszer – Nyelvszűrő engedélyezése
●
Modulkezelő → Nyelvváltó modul felvétele és engedélyezése
●
Új menü készítése az új nyelvhez
●
●
Új menüpont(ok) felvétele a nyelvhez – NYELV állítás! – ebből egy Alapértelmezett Az eddigi menük társítása a megfelelő nyelvhez
YOUTUBE segítség: http://www.youtube.com/watch?v=SsHYF9DklDc
Komponensek használata ●
Komponens telepítése
●
Bővítmények → Bővítménykezelő
●
Nyelvi fájl beszerzési helyek: joomla.org.hu, novoportal.hu, Google kereső, vagy saját fordítás elkészítése
●
Belinkelése menübe Új menüpont, komponensenkét változóereső, vagy saját fordítás elkészítése
● ●
●
Saját fordítás készítése Adminisztrációs nyelvi fájl: administrator/language/en-GB/ Oldal nyelvi fájl language/en-GB/ Fájlok elnevezése xx-YY.KIE_GESZITONEVE.ini
●
Fordítás: UTF-8, és BOM nélkül, majd feltöltés a hu-HU könyvtárakba
Komponens javaslatok ●
Hírlevélküldő
●
AcyMailing - http://www.acyba.com/acymailing.html?partner_id=1002 Már az ingyenes programban is több lista kezelése, egyszerű statisztike, megszólítás személyre szabása Fizetős verziókban webáruháznál kupon generálás, marketing kampányok készítése, születésnapi üdvözlőlevél...
● ●
Képgaléria Phoca Gallery - http://www.phoca.cz/download/category/1-phoca-gallerycomponent
Beépülők - pluginok ●
Általános használat
●
Bővítménykezelő – Beépülő-modulkezelő-nél engedélyezni kell
●
Beillesztés tartalmi elembe {pluginnalmegadott}...tartalom...{/pluginnalmegadott}
●
Youtube videó beillesztő
●
Joomlaworks - http://www.joomlaworks.gr/content/view/16/42/ Egyszerű videó beillesztés tartalmi elembe Segítség: http://www.joomlaworks.gr/content/view/35/41/
●
Egyszerű képgaléria beillesztő
●
Joomlaworks - http://www.joomlaworks.gr/content/view/17/42/ Egyszerű képgalérai beillesztés tartalmi elembe, nem tudok szöveget hozzáadni Segítség: http://www.joomlaworks.gr/content/view/79/41/
Beépülők - pluginok ● ●
●
●
Sourcerer Gyakorlatilag bármilyen kód beilleszthető segítségével. {source}beillesztett kód{/source} Google maps maps.google.com oldalról a térkép elkészítése és beillesztése, előtte testreszabás YouTube video is EMBED kód használata és annak beillesztése
●
Máshonnan kapott HTML kód
●
…...
Sablonkezelés ●
Sablon telepítése
●
Bővítmények → Bővítménykezelő
●
Alapértelmezett sablon beállítása a csillagra kattintva
●
Sablon menüponthoz rendelése Így egy oldalon belül lehetőségünk van több megjelenést, több sablont használni
●
Bővítmények → Sablonkezelő (Stílusok fül)
●
Egy nem alapértelmezett sablon kiválasztása
●
Menüpontok bejelölése amiknél az adott sablont szeretnénk használni
Sablonok apróbb módosítása ●
● ●
Minden módosítás előtt mentést készítünk a módosítani kívánót fájlról!!!
Firefox - Firebug Segít a „felderítésben” Jobb billentyű – Elem vizsgálata
●
Jobb oldalon linkre állva megmondja a css nevét, helyét, sorát
●
Teszt módosításokat is végezhetünk
●
CSS – Stíluslap módosítás – TopStyle Lite
●
Képek szerkesztése- Irfanview Kötegelt képátméretezés, esetleg átnevezés Egyszerűbb képszerkesztések – pl.: kivágás képből
Sablonok apróbb módosítása ●
Minden módosítás előtt mentést készítünk a módosítani kívánót fájlról!!!
●
Egy kis sablon történelem
●
Amit módosítunk itt találod az FTP-n: templates/sablonod_neve/index.php
●
Joomla elemek: <jdoc:include type="messages"/> - rendszerüzenetek <jdoc:include type="component"/> - komponens – tartalom helye <jdoc:include type="modules" name="position-6" style="xhtml" /> type=modul – Ez egy modul name=”position-6” a modulpozíció neve
● ●
Új modulpozíció kialakítása Modulok másolása a sablonban <jdoc:include type="modules" name="position-6" style="xhtml" /> name=”sajatertek” megadása kötelező!!!!
Sablonok apróbb módosítása ●
Minden módosítás előtt mentést készítünk a módosítani kívánót fájlról!!!
●
Google analytics kód beillesztése
●
Google.com/analytics oldalon nyitok egy új felhasználót
●
Regisztrálom az odalam
●
A kapott analytics kódot beillesztem a sablonba Bővítmények → Sablonkezelő → Sablonok fül Saját sablonomnál (sablonjaimnál) klikk a Részletekre majd klikk a Főoldal sablonjának szerkesztése Nem kell megijedni!!!! Lap alján