Transcription
Drupal 7alapismeretekNagy Gusztávnagygusztav.hunagy.gusztav@gmail.com
Mire jó ez a tudás? hobbi munkakör része megélhetésDrupal 7 alapismeretek - Nagy Gusztáv2
1. AlapismeretekMiért szükséges?Drupal 7 alapismeretek - Nagy Gusztáv3
Honlap típusok Klasszikus céges weboldalak Közösségi oldalak Blogok Drupal 7 alapismeretek - Nagy Gusztáv4
Webes tipográfiai alapismeretek Paul Haine: Tipográfia a weben– -weben/rrd (Radharadhya dasa): Web tipográfia /web-tipografia-3/Drupal 7 alapismeretek - Nagy Gusztáv5
Hogyan olvasunk a weben? Hogyan olvasunk a weben?– Kámán Veronika: A jelen forradalma: olvasás aweben– http://www.agent.ai/main.php?folderID 4&articleID 2217&ctag articlelist&iid /816-a-jelen-forradalma-olvasas-a-webenKovács Balázs: Írás és olvasás a webenDrupal 7 alapismeretek - Nagy Gusztáv6
Keresőoptimalizálási alapismeretek keresőoptimalizálás keresőmarketingGoogle keresőmotor-optimalizálási útmutatókezdőknek– Jároli József: Mi a keresőoptimalizálás(Keresőmarketing)?– ebni.innen.hu/Keres c5 91optimalizc3 a1l c3 a1sLonghand: KeresőoptimalizálásDrupal 7 alapismeretek - Nagy Gusztáv7
Keresőoptimalizálási alapismeretek Kungl István: SEO mítoszok– http://www.seotools.hu/blog/seo-mitoszokKatona Zsuzsa: Rangsorolási ogleranking tevhitekDrupal 7 alapismeretek - Nagy Gusztáv8
A web működéseDrupal 7 alapismeretek - Nagy Gusztáv9
A web működése Webszerver Webtárhely URLDrupal 7 alapismeretek - Nagy Gusztáv10
A honlap célja Mi a célunk a honlappal? Kik lesznek a látogatóink? Mit szeretnénk bemutatni? Mik a kulcsfontosságú funkciók? Milyen visszajelzéseket várunk a látogatóinktól? Részt vesznek-e a látogatóink a tartalom előállításában?Drupal 7 alapismeretek - Nagy Gusztáv11
A honlap célja Miben fog a tartalom és a szolgáltatásokfejlődni (pl. 1 hónap múlva, 1 év múlva)?Ki fogja az oldalt karbantartani?Milyen csoportos és személyes jogosultságikörökre lesz szükség?Hol és hogyan szeretnék a honlapot azinterneten „reklámozni”?Látogatottsági statisztikákat szeretnének-emegismerni?Drupal 7 alapismeretek - Nagy Gusztáv12
A honlap megtervezése Milyen oldalaink lesznek?–kezdőoldal (hírekkel)–kapcsolat–termékkategóriák tartalomjegyzéke–termékkategóriák oldalai–termékek oldalai–vendégkönyv oldal–stb.Drupal 7 alapismeretek - Nagy Gusztáv13
A honlap megtervezése Milyen viszonybanállnak az oldalakegymással?Drupal 7 alapismeretek - Nagy Gusztáv14
A honlap megtervezése Hogyan épüljenek fel az oldalaink?Drupal 7 alapismeretek - Nagy Gusztáv15
HTML alapismeretek Könyv 1.5. (21. oldal)Drupal 7 alapismeretek - Nagy Gusztáv16
Tartalomkezelő rendszerek a tartalomkezelő rendszer (angolul ContentManagement System, CMS) olyanszoftverrendszer, amely nem strukturáltinformációk, mint például az internetesportálok, akár több felhasználó általielkészítését, kezelését, és tárolását segíti.Továbbá gondoskodik a tartalmak strukturáltmegjelenítéséről, statisztikák készítéséről,kiegészítő funkciók integrálásárólDrupal 7 alapismeretek - Nagy Gusztáv17
Melyiket válasszunk? fizetősek és ingyenesek/nyílt forrásúak egyszerűbbek és komplexebbek különböző szerver környezeten (pl. Java, .Net,PHP, Python, Ruby platformon)üzemeltethetőkkezdetlegesek és jól kiforrottakmagyarul elérhetők, vagy csak más nyelven(általában angolul) használhatókáltalános célúak és specializáltak (pl. elearning,fórum , blog stb.)Drupal7 alapismeretek e-commerce,- Nagy Gusztáv 18
A „legnépszerűbb” CMS-ek Drupal (http://drupal.hu) Joomla (http://www.joomla.org.hu/) Moodle (http://moodle.org) Wordpress (http://word-press.hu)Drupal 7 alapismeretek - Nagy Gusztáv19
Mi a Drupal? Drupal Motor KiegészítőkDrupal 7 alapismeretek - Nagy Gusztáv20
Szoftver szükségletek - szerverhttps://drupal.org/requirements webszerver (Apache 2, Nginx, Microsoft IIS) PHP 5.2 (5.3) adatbázis-szerver (MySQL 5, PostgreSQL,SQLite)phpMyAdminDrupal 7 alapismeretek - Nagy Gusztáv21
Szoftver szükségletek - szerver PHP konfigurációs p–memória limit: 128-256Mb (a használni kívántmodulok memóriaigényétől függően)–feltöltési méret: minimum 8-16Mb–levélküldési lehetőség–GD library vagy ImageMagick–kikapcsolt register globals, safe mode, .–telepített Hash, JSON és PDO kiterjesztésDrupal 7 alapismeretek - Nagy Gusztáv22
Szoftver szükségletek - kliens böngésző– Chrome, Firefox, Opera, Safari, IEFTP kliens–FileZilla, (Total Commander)Drupal 7 alapismeretek - Nagy Gusztáv23
2. Drupal kézikönyv kezdőknekDrupal 7 alapismeretek - Nagy Gusztáv24
Felhasználókezelés Regisztráció–– saját magunk adminisztrátori elfogadás nélkül adminisztrátori elfogadássaladminisztrátor regisztrálBe-, és kijelentkezés–első belépés Saját adatok módosítása Elfelejtett jelszóDrupal 7 alapismeretek - Nagy Gusztáv25
Tartalmak kezelése Tartalmak megtekintése–címlapon–menüben–közvetett módon–többféle módonDrupal 7 alapismeretek - Nagy Gusztáv26
Tartalmak kezelése Tartalmak létrehozása–Tartalomtípus–Összefoglaló és teljes nézet–Beviteli forma–Vizuális szerkesztő–Előnézet–További információk megadása címke, téma, csatolmány, kép, stb.Drupal 7 alapismeretek - Nagy Gusztáv27
Tartalmak kezelése Tartalom szerkesztés, törlés–verziókDrupal 7 alapismeretek - Nagy Gusztáv28
Vizuális szerkesztő web ! papír szabad–félkövér és dőlt–felsorolás és számozás, akár több szinten–kifelé mutató, vagybelül maradó linkek–kép a folyó szövegben–a folyó bekezdések és sortörések–különböző szintű címekDrupal 7 alapismeretek - Nagy Gusztáv29
Vizuális szerkesztő weboldal egységes látványvilága miatt nemjavasolt–balra, középre és jobbra igazítás–térközök, behúzások–színes betűk és hátterek–betűtípusok–kisebb és nagyobb betűk–bekezdések közötti elválasztó vonalak–képek balra, jobbra igazítása vegyesenDrupal 7 alapismeretek - Nagy Gusztáv30
Vizuális szerkesztő Tipográfiai okok miatt nem javasolt–sorkizárt–aláhúzás–csupa nagybetűs, szóközzel ritkított–(táblázatok)–(képek körbefuttatása)Drupal 7 alapismeretek - Nagy Gusztáv31
Vizuális szerkesztő Ajánlott módszer1.írjuk meg helyben, vagy illesszük be a nyersszöveget2.állítsuk be a szöveg struktúráját („formázás”)Drupal 7 alapismeretek - Nagy Gusztáv32
3. Szerver és kliens kialakítása Saját (lokális) Windows alapú gépen–XAMPP Saját Linux alapú gépen Távoli Linux szerver–[ingyenes]–bérelt tárhely (ezt fogjuk használni)–dedikált szerverDrupal 7 alapismeretek - Nagy Gusztáv33
Windows alatt: XAMPP Letöltés– http://www.apachefriends.org/Telepítés–otthon lehet, gépteremben fent van XAMPP Control Panel használata Fájlrendszer phpMyAdminDrupal 7 alapismeretek - Nagy Gusztáv34
Konfigurálás MySQL jelszó phpinfo php.ini htdocs httpd.confDrupal 7 alapismeretek - Nagy Gusztáv35
Linux: Telepítés saját gépre Tankönyv alapján (Ubuntu .hu/node/57Drupal 7 alapismeretek - Nagy Gusztáv36
Távoli tárhelyszolgáltató A tárgy részeként kipróbálhatják Időkorlátos (december vége) Méretkorlátos (alap telepítés néhánykiegészítő)Létszámkorlátos (amíg van szabad helyem)Előfeltétele: az előző leckék megoldása[az oktatónak pénzbe és időbe kerül]Drupal 7 alapismeretek - Nagy Gusztáv37
Letöltés: http://drupal.hu/Drupal 7 alapismeretek - Nagy Gusztáv38
Fájlok eljuttatása a webszerverszámára Lokális gépen– célzott kicsomagolásTávoli szerverre–FTP alkalmazássalDrupal 7 alapismeretek - Nagy Gusztáv39
Az adatbázis előkészítése Lokális gépen– http://localhost/phpmyadmin/Távoli szolgáltatónál–a szolgáltató hozza létre,–vagy admin felületen mi magunkDrupal 7 alapismeretek - Nagy Gusztáv40
4. Telepítés DEMODrupal 7 alapismeretek - Nagy Gusztáv41
Telepítés háttere Mi is kellett?–üres adatbázis–program (PHP) és adat fájlok, könyvtárakDrupal 7 alapismeretek - Nagy Gusztáv42
Telepítés után Mi történt?–adatbázis táblák, rekordok létrejöttek–settings.php létrejöttMi fog történni később?–adatbázisba adatok kerülnek–új táblák jönnek létre (moduloktelepítésekor)–fájlok is jönnek létre (fájl feltöltéskor)Drupal 7 alapismeretek - Nagy Gusztáv43
Az adminisztrátor regisztrációjamegtörtént mindent megtehet 1-es kódú felhasználó users tábla tartalmazza fizikailagDrupal 7 alapismeretek - Nagy Gusztáv44
Felhasználói felület - alapfogalmak smink tartalom blokk régió menüDrupal 7 alapismeretek - Nagy Gusztáv45
Adminisztrációs felületi elemek Eszköztár (toolbar) Gyorshivatkozások (Shortcut) Irányítópult (Dashboard) Adminisztrációs átfedés (Overlay) Szövegkörnyezeti hivatkozások (Contextuallinks)Drupal 7 alapismeretek - Nagy Gusztáv46
Tartalmak, tartalomtípusokDrupal 7 alapismeretek - Nagy Gusztáv47
Szövegformátumok miért van többféle? alapértelmezett jogosultságok szűrők finomhangolásDrupal 7 alapismeretek - Nagy Gusztáv48
Tartalom típusok Cikk és Egyszerű oldal Szerkesztés vagy új létrehozása Modulok is hozhatnak létre–Forum, Blog, Book, stb.Drupal 7 alapismeretek - Nagy Gusztáv49
Tartalom beküldése [Volt már] Változatinformáció Hozzászólás-beküldési beállítások Szerzői információk: név, dátum– link, jogosultságKözzétételi beállítások–Közzétett,Címlapra helyezveKiemelt, az oldal tetejéreDrupal 7 alapismeretek - Nagy Gusztáv50
Tartalmak megjelenítése címlapon menüben Tartalom oldalDrupal 7 alapismeretek - Nagy Gusztáv51
5. Menük és blokkok kialakítása Főmenü–speciálisan jelenik meg–hivatkozásokNavigáció menü– főleg tartalomkezelés[Adminisztrációs menü]–főleg admin [Felhasználó menü] Újabb menük „kézzel”Drupal 7 alapismeretek - Nagy Gusztáv52
Blokk létrejöhet modul hozza létre „kézzel” hozzuk létre Views modulDrupal 7 alapismeretek - Nagy Gusztáv53
A blokkok beállítása régióba kerülhet hely cím felhasználó befolyásolhatja csak csoportoknak csak egyes oldalakonDrupal 7 alapismeretek - Nagy Gusztáv54
Új menü elkészítése alap adatok blokk beállítás is kellDrupal 7 alapismeretek - Nagy Gusztáv55
Kétszintű felső menü DEMODrupal 7 alapismeretek - Nagy Gusztáv56
6. Az alaprendszer szolgáltatásai Állapotjelentés Rövid webcímek Fájlrendszer Területi beállítások Dátum és idő Webhely információkDrupal 7 alapismeretek - Nagy Gusztáv57
6. Az alaprendszer szolgáltatásai Időzítő Teljesítmény Naplózás és hibák Karbantartási mód RSS közzétételDrupal 7 alapismeretek - Nagy Gusztáv58
7. Az alaprendszer moduljaiDrupal 7 alapismeretek - Nagy Gusztáv59
Modulok Mik azok a modulok? Jogosultságkezelés Modulok használatba vételeDrupal 7 alapismeretek - Nagy Gusztáv60
A korábbi fejezetekbenmegismert modulok Block Node Contextual links Overlay Dashboard Shortcut Database logging System Filter Toolbar MenuDrupal 7 alapismeretek - Nagy Gusztáv61
Book tartalomtípus navigáció használata beállítások blokkDrupal 7 alapismeretek - Nagy Gusztáv62
Contact Webhely szintű kapcsolatfelvételi űrlap Személyes kapcsolatfelvételi űrlapDrupal 7 alapismeretek - Nagy Gusztáv63
HelpDrupal 7 alapismeretek - Nagy Gusztáv64
Locale és Content translation Többnyelvűség háttere Fordítás importálása Kézi felület fordítás Többnyelvű tartalmak Tükörfordítás TovábblépésDrupal 7 alapismeretek - Nagy Gusztáv65
Path használata tartalomnál kézi létrehozás, listázás PathautoDrupal 7 alapismeretek - Nagy Gusztáv66
Search smink, blokk használata részletes keresés beállítások korlátokDrupal 7 alapismeretek - Nagy Gusztáv67
Statistics beállítások hatásaDrupal 7 alapismeretek - Nagy Gusztáv68
Taxonomy szabad szavas vagy kötött lista útvonalak szótár szerkesztése (létrehozása) kifejezések navigáció további információkDrupal 7 alapismeretek - Nagy Gusztáv69
TrackerDrupal 7 alapismeretek - Nagy Gusztáv70
Trigger pl. értesítés hozzászólásrólDrupal 7 alapismeretek - Nagy Gusztáv71
Field és társai (CCK)Drupal 7 alapismeretek - Nagy Gusztáv72
Be nem mutatott modulok későbbi fejezetekben nem mindet használjukDrupal 7 alapismeretek - Nagy Gusztáv73
Ha lesz idő óra végén többnyelvű oldal példaDrupal 7 alapismeretek - Nagy Gusztáv74
10. FelhasználókezelésDrupal 7 alapismeretek - Nagy Gusztáv75
Felhasználók névtelen regisztrált adminisztrátorDrupal 7 alapismeretek - Nagy Gusztáv76
Alapbeállítások Adminisztráció » Beállítások » Emberek »Felhasználói beállításokDrupal 7 alapismeretek - Nagy Gusztáv77
Felhasználók létrehozása Adminisztráció » Emberek » EmberekDrupal 7 alapismeretek - Nagy Gusztáv78
Felhasználók menedzselése Adminisztráció » Emberek Jogosultságkezelés Szerepkörök User modul jogosultságokDrupal 7 alapismeretek - Nagy Gusztáv79
11. Entitás modulok(Drupal 6: CCK)Drupal 7 alapismeretek - Nagy Gusztáv80
Absztrakt felépítés �ló–hozzászólásmezőkDrupal 7 alapismeretek - Nagy Gusztáv81
Egyed – kapcsolatdiagram egyedek attribútumok kapcsolatok– 1:1, 1:n, n:mkulcsokDrupal 7 alapismeretek - Nagy Gusztáv82
Field alapmodulok Adminisztráció » Felépítés » Tartalomtípusok »Cikk » Mezők kezelése Body Image mezők megjelenítéseDrupal 7 alapismeretek - Nagy Gusztáv83
Field, Field UI, Field SQL storageDrupal 7 alapismeretek - Nagy Gusztáv84
File modul pl. MellékletDrupal 7 alapismeretek - Nagy Gusztáv85
Image képstílusok képek megjelenítéseDrupal 7 alapismeretek - Nagy Gusztáv86
List és OptionsDrupal 7 alapismeretek - Nagy Gusztáv87
NumberDrupal 7 alapismeretek - Nagy Gusztáv88
TextDrupal 7 alapismeretek - Nagy Gusztáv89
10. Közösségi oldal kialakításaDrupal 7 alapismeretek - Nagy Gusztáv90
Blog jellegű oldal kialakítása Bejegyzés tartalomtípus Címkézés: Témák Teljes tartalom megjelenítése a címlaponDrupal 7 alapismeretek - Nagy Gusztáv91
Comment modul Hozzászólás mezők Hozzászólások menedzselése JogosultságokDrupal 7 alapismeretek - Nagy Gusztáv92
Felhasználói profilok Mezők kezelése Mezők megjelenítéseDrupal 7 alapismeretek - Nagy Gusztáv93
Forum modul Fields és Comment modulokra épül Tartalomtípus Szótár –Szerkesztés taxonómiaként–Saját szerkesztésFórumok megjelenése–Forum útvonal–BlokkokDrupal fórum filozófiájaDrupal 7 alapismeretek - Nagy Gusztáv94
Poll modul Tartalomtípus Speciális mezők Blokk poll útvonal JogosultságokDrupal 7 alapismeretek - Nagy Gusztáv95
Blog modul Tartalomtípus log útvonal–Blog/x útvonalDrupal 7 alapismeretek - Nagy Gusztáv96
Tartalmak megosztása RSScsatornákon Tartalom megosztás blokk Smink által elhelyezett RSS ikonok –Taxonomy–BlogViews modullal mi is csinálhatunkDrupal 7 alapismeretek - Nagy Gusztáv97
Aggregator modul Hírcsatorna létrehozása Hírcsatorna megjelenítése –Blokk–ÚtvonalJogosultságokDrupal 7 alapismeretek - Nagy Gusztáv98
13. További modulok kiválasztása,telepítéseDrupal 7 alapismeretek - Nagy Gusztáv99
Hogyan válasszunk modult? A színvonal nem garantált Ne használjunk dev, alpha, beta, rc verziókat A modul jó minőségére utaló jelek, ha–sokan használják–a sokadik verzió (tehát nem 0.1, hanem 1.6os)–van hozzá minél több nyelvi fordítás–a drupal.hu-n pozitívan utalnak ráDrupal 7 alapismeretek - Nagy Gusztáv100
A kiválasztás után Alapcsomaghoz illő verzió– upal.org/project/ModulesKicsomagolás– további modul függőségek lehetneksites/all/modules (és nem /modules!)READE.txt és/vagy INSTALL.txtDrupal 7 alapismeretek - Nagy Gusztáv101
Honlap http://drupal.org/project/Modules http://drupalmodules.com/Drupal 7 alapismeretek - Nagy Gusztáv102
SminkekDrupal 7 alapismeretek - Nagy Gusztáv103
Sminkek beállítása Adminisztráció » rációs sminkBlokkok (!), pl. admin oldalakonDrupal 7 alapismeretek - Nagy Gusztáv104
Color modul Egyes sminkek támogatják–pl. BartikDrupal 7 alapismeretek - Nagy Gusztáv105
Sminkek letöltésehttp://drupal.org/project/Themes Kész sminkek– MarinelliFejlesztői sminkek–FrameworkDrupal 7 alapismeretek - Nagy Gusztáv106
Mi alapján válasszunk? Népszerűségi sorrend Oldalelrendezés, régiók, Hiányosságok lehetnek (pl. nyelvi anomáliák) Extrák lehetnek– pl. http://drupal.org/project/acquia marinaTrend: responsive designDrupal 7 alapismeretek - Nagy Gusztáv107
Sminkek telepítése automatizált kéziDrupal 7 alapismeretek - Nagy Gusztáv108
Sminkek finomhangolása Adminisztráció » Megjelenés » Általánosbeállítások sminkenként Logó és webhely ikon Speciális beállítások–MarinelliDrupal 7 alapismeretek - Nagy Gusztáv109
Sminkek módosítása saját sminket hozunk létre–(önállóan)–más smink leszármazottjakéntegy sminket módosítunk–nem szerencsés, csak tanulásraDrupal 7 alapismeretek - Nagy Gusztáv110
Képek cseréjeDrupal 7 alapismeretek - Nagy Gusztáv111
CSS formázás keressük meg a CSS állomány(oka)t célszerű a végére írni a módosításokatDrupal 7 alapismeretek - Nagy Gusztáv112
Szerkezeti (HTML szintű) átalakítás Sablon logika ismerete szükséges Forrás: http://api.drupal.org/api/filesDrupal 7 alapismeretek - Nagy Gusztáv113
Drupal 7 alapismeretek - Nagy Gusztáv114
html.tpl.php page.tpl.php region.tpl.php block.tpl.php node.tpl.php Drupal 7 alapismeretek - Nagy Gusztáv115
Új smink létrehozása alsminket célszerűDrupal 7 alapismeretek - Nagy Gusztáv116
Views modulokDrupal 7 alapismeretek - Nagy Gusztáv117
Modulok telepítése Views Views UI Chaos ToolsDrupal 7 alapismeretek - Nagy Gusztáv118
Jelenlegi nézetek pl. zásaDemo:–A hírek rácsként jelenjenek meg, 12-esével–Címlap: node helyett frontpageDrupal 7 alapismeretek - Nagy Gusztáv119
Nézetek létrehozása Varázsló–Pl. egy tartalomtípus listázása oldalként,blokként–Pl. FelhasználókContextual linksDrupal 7 alapismeretek - Nagy Gusztáv120
Nézetek szerkezete Több megjelenítés Demo: Elemezzük a Frontpage nézetet Cím Formátum (HTML Lista, Rács, Tábla, stb) Mezők Sorrend Szűrés (Tábla esetén külön!)–Felfedett szűrés is!Drupal 7 alapismeretek - Nagy Gusztáv121
Nézetek szerkezete Oldalbeállítások Blokk beállítások Fejléc, lábléc Lapozó Haladó–Szövegkörnyezeti szűrő–AjaxDrupal 7 alapismeretek - Nagy Gusztáv122
13. További modulok kiválasztása,telepítéseDrupal 7 alapismeretek - Nagy Gusztáv123
Modulok - gyakori Fivestar Masquerade Override nodeoptions Simplenews SMTP Webform Drupal 7 alapismeretek - Nagy GusztávMultiupload FilefieldWidgetMultiuploadImagefield WidgetService links124
Modulok - speciális Basic cart Calendar Field Permissions Flag References Hierarchical Select View reference Viewfield Field groupDrupal 7 alapismeretek - Nagy Gusztáv Better ExposedFiltersViews Slideshow125
Modulok - speciális CAPTCHA Date Honeypot Calendar Field Permissions Views Slideshow References Node Blocks Conditional Fields Backup and Migrate Custom Breadcrumbs Menu blockDrupal 7 alapismeretek - Nagy Gusztáv126
Modulok - speciális (Node Reference URLWidget) (View reference) (Viewfield) (Field group)Drupal 7 alapismeretek - Nagy Gusztáv (Flag) (Hierarchical Select) (Better ExposedFilters)127
Drupal 7 alapismeretek - Nagy Gusztáv 4 Honlap típusok Klasszikus céges weboldalak Közösségi oldalak Blogok