Drupal 7 alapismeretek Nagy Gusztáv nagygusztav.hu nagy.gusztav@gmail.com
Mire jó ez a tudás? hobbi munkakör része megélhetés Drupal 7 alapismeretek - Nagy Gusztáv 2
1. Alapismeretek Miért szükséges? Drupal 7 alapismeretek - Nagy Gusztáv 3
Honlap típusok ~ Klasszikus céges weboldalak Közösségi oldalak Blogok Drupal 7 alapismeretek - Nagy Gusztáv 4
Webes tipográfiai alapismeretek Paul Haine: Tipográfia a weben http://dev.opera.com/articles/view/11-tipo grafia-a-weben/ rrd (Radharadhya dasa): Web tipográfia 1 http://webmania.cc/web-tipografia-1/ http://webmania.cc/web-tipografia-2/ http://webmania.cc/web-tipografia-3/ Drupal 7 alapismeretek - Nagy Gusztáv 5
Hogyan olvasunk a weben? Hogyan olvasunk a weben? http://www.agent.ai/main.php?folderid=4&art icleid=2217&ctag=articlelist&iid=1 Kámán Veronika: A jelen forradalma: olvasás a weben http://krono.inaplo.hu/index.php/inter/webl ibrary/816-a-jelen-forradalma-olvasas-a-web en Kovács Balázs: Írás és olvasás a weben Drupal 7 alapismeretek - Nagy Gusztáv 6
Keresőoptimalizálási alapismeretek keresőoptimalizálás <> keresőmarketing Google keresőmotor-optimalizálási útmutató kezdőknek http://googlewebmastercentral.blogspot.com /2009/06/seo-starter-guide-nowavailable-in -40.html Jároli József: Mi a keresőoptimalizálás (Keresőmarketing)? http://webni.innen.hu/keres_c5_91optimaliz _c3_a1l_c3_a1s Longhand: Keresőoptimalizálás Drupal 7 alapismeretek - Nagy Gusztáv 7
Keresőoptimalizálási alapismeretek Kungl István: SEO mítoszok http://www.seotools.hu/blog/seo-mitoszok Katona Zsuzsa: Rangsorolási tévhitek http://seo-training.eu/szakirodalom/google_ ranking_tevhitek Drupal 7 alapismeretek - Nagy Gusztáv 8
A web működése Drupal 7 alapismeretek - Nagy Gusztáv 9
A web működése Webszerver Webtárhely URL Drupal 7 alapismeretek - Nagy Gusztáv 10
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áv 11
A honlap célja Miben fog a tartalom és a szolgáltatások fejlődni (pl. 1 hónap múlva, 1 év múlva)? Ki fogja az oldalt karbantartani? Milyen csoportos és személyes jogosultsági körökre lesz szükség? Hol és hogyan szeretnék a honlapot az interneten reklámozni? Látogatottsági statisztikákat szeretnének-e megismerni? Drupal 7 alapismeretek - Nagy Gusztáv 12
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áv 13
A honlap megtervezése Milyen viszonyban állnak az oldalak egymással? Drupal 7 alapismeretek - Nagy Gusztáv 14
A honlap megtervezése Hogyan épüljenek fel az oldalaink? Drupal 7 alapismeretek - Nagy Gusztáv 15
HTML alapismeretek Könyv 1.5. (21. oldal) Drupal 7 alapismeretek - Nagy Gusztáv 16
Tartalomkezelő rendszerek a tartalomkezelő rendszer (angolul Content Management System, CMS) olyan szoftverrendszer, amely nem strukturált információk, mint például az internetes portálok, akár több felhasználó általi elkészítését, kezelését, és tárolását segíti. Továbbá gondoskodik a tartalmak strukturált megjelenítéséről, statisztikák készítéséről, kiegészítő funkciók integrálásáról Drupal 7 alapismeretek - Nagy Gusztáv 17
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ők kezdetlegesek és jól kiforrottak magyarul elérhetők, vagy csak más nyelven (általában angolul) használhatók általános célúak és specializáltak (pl. e- learning, e-commerce, fórum, blog stb.) Drupal 7 alapismeretek - 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áv 19
Mi a Drupal? Drupal Motor Kiegészítők Drupal 7 alapismeretek - Nagy Gusztáv 20
Szoftver szükségletek - szerver https://drupal.org/requirements webszerver (Apache 2, Nginx, Microsoft IIS) PHP 5.2 (5.3) adatbázis-szerver (MySQL 5, PostgreSQL, SQLite) phpmyadmin Drupal 7 alapismeretek - Nagy Gusztáv 21
Szoftver szükségletek - szerver PHP konfigurációs követelmények: https://drupal.org/requirements/php memória limit: 128-256Mb (a használni kívánt modulok 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és Drupal 7 alapismeretek - Nagy Gusztáv 22
Szoftver szükségletek - kliens böngésző FTP kliens Chrome, Firefox, Opera, Safari, IE FileZilla, (Total Commander) Drupal 7 alapismeretek - Nagy Gusztáv 23
2. Drupal kézikönyv kezdőknek Drupal 7 alapismeretek - Nagy Gusztáv 24
Felhasználókezelés Regisztráció saját magunk adminisztrátori elfogadás nélkül adminisztrátori elfogadással adminisztrátor regisztrál Be-, és kijelentkezés első belépés Saját adatok módosítása Elfelejtett jelszó Drupal 7 alapismeretek - Nagy Gusztáv 25
Tartalmak kezelése Tartalmak megtekintése címlapon menüben közvetett módon többféle módon Drupal 7 alapismeretek - Nagy Gusztáv 26
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áv 27
Tartalmak kezelése Tartalom szerkesztés, törlés verziók Drupal 7 alapismeretek - Nagy Gusztáv 28
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ímek Drupal 7 alapismeretek - Nagy Gusztáv 29
Vizuális szerkesztő weboldal egységes látványvilága miatt nem javasolt 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 vegyesen Drupal 7 alapismeretek - Nagy Gusztáv 30
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áv 31
Vizuális szerkesztő Ajánlott módszer 1.írjuk meg helyben, vagy illesszük be a nyers szöveget 2.állítsuk be a szöveg struktúráját ( formázás ) Drupal 7 alapismeretek - Nagy Gusztáv 32
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 szerver Drupal 7 alapismeretek - Nagy Gusztáv 33
Windows alatt: XAMPP Letöltés Telepítés http://www.apachefriends.org/ otthon lehet, gépteremben fent van XAMPP Control Panel használata Fájlrendszer phpmyadmin Drupal 7 alapismeretek - Nagy Gusztáv 34
Konfigurálás MySQL jelszó phpinfo php.ini htdocs httpd.conf Drupal 7 alapismeretek - Nagy Gusztáv 35
Linux: Telepítés saját gépre Tankönyv alapján (Ubuntu csomagok) apache2 php5 mysql-server php5-mysql phpmyadmin php5-gd http://www.tanarurkerem.hu/node/57 Drupal 7 alapismeretek - Nagy Gusztáv 36
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ány kiegé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áv 37
Letöltés: http://drupal.hu/ Drupal 7 alapismeretek - Nagy Gusztáv 38
Fájlok eljuttatása a webszerver számára Lokális gépen célzott kicsomagolás Távoli szerverre FTP alkalmazással Drupal 7 alapismeretek - Nagy Gusztáv 39
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 magunk Drupal 7 alapismeretek - Nagy Gusztáv 40
4. Telepítés DEMO Drupal 7 alapismeretek - Nagy Gusztáv 41
Telepítés háttere Mi is kellett? üres adatbázis program (PHP) és adat fájlok, könyvtárak Drupal 7 alapismeretek - Nagy Gusztáv 42
Telepítés után Mi történt? adatbázis táblák, rekordok létrejöttek settings.php létrejött Mi fog történni később? adatbázisba adatok kerülnek új táblák jönnek létre (modulok telepítésekor) fájlok is jönnek létre (fájl feltöltéskor) Drupal 7 alapismeretek - Nagy Gusztáv 43
Az adminisztrátor regisztrációja megtörtént mindent megtehet 1-es kódú felhasználó users tábla tartalmazza fizikailag Drupal 7 alapismeretek - Nagy Gusztáv 44
Felhasználói felület - alapfogalmak smink tartalom blokk régió menü Drupal 7 alapismeretek - Nagy Gusztáv 45
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 (Contextual links) Drupal 7 alapismeretek - Nagy Gusztáv 46
Tartalmak, tartalomtípusok Drupal 7 alapismeretek - Nagy Gusztáv 47
Szövegformátumok miért van többféle? alapértelmezett jogosultságok szűrők finomhangolás Drupal 7 alapismeretek - Nagy Gusztáv 48
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áv 49
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ág Közzétételi beállítások Közzétett,Címlapra helyezve Kiemelt, az oldal tetejére Drupal 7 alapismeretek - Nagy Gusztáv 50
Tartalmak megjelenítése címlapon menüben Tartalom oldal Drupal 7 alapismeretek - Nagy Gusztáv 51
5. Menük és blokkok kialakítása Főmenü speciálisan jelenik meg hivatkozások Navigá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áv 52
Blokk létrejöhet modul hozza létre kézzel hozzuk létre Views modul Drupal 7 alapismeretek - Nagy Gusztáv 53
A blokkok beállítása régióba kerülhet hely cím felhasználó befolyásolhatja csak csoportoknak csak egyes oldalakon Drupal 7 alapismeretek - Nagy Gusztáv 54
Új menü elkészítése alap adatok blokk beállítás is kell Drupal 7 alapismeretek - Nagy Gusztáv 55
Kétszintű felső menü DEMO Drupal 7 alapismeretek - Nagy Gusztáv 56
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ók Drupal 7 alapismeretek - Nagy Gusztáv 57
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étel Drupal 7 alapismeretek - Nagy Gusztáv 58
7. Az alaprendszer moduljai Drupal 7 alapismeretek - Nagy Gusztáv 59
Modulok Mik azok a modulok? Jogosultságkezelés Modulok használatba vétele Drupal 7 alapismeretek - Nagy Gusztáv 60
A korábbi fejezetekben megismert modulok Block Node Contextual links Overlay Dashboard Shortcut Database logging System Filter Toolbar Menu Drupal 7 alapismeretek - Nagy Gusztáv 61
Book tartalomtípus navigáció használata beállítások blokk Drupal 7 alapismeretek - Nagy Gusztáv 62
Contact Webhely szintű kapcsolatfelvételi űrlap Személyes kapcsolatfelvételi űrlap Drupal 7 alapismeretek - Nagy Gusztáv 63
Help Drupal 7 alapismeretek - Nagy Gusztáv 64
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és Drupal 7 alapismeretek - Nagy Gusztáv 65
Path használata tartalomnál kézi létrehozás, listázás Pathauto Drupal 7 alapismeretek - Nagy Gusztáv 66
Search smink, blokk használata részletes keresés beállítások korlátok Drupal 7 alapismeretek - Nagy Gusztáv 67
Statistics beállítások hatása Drupal 7 alapismeretek - Nagy Gusztáv 68
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ók Drupal 7 alapismeretek - Nagy Gusztáv 69
Tracker Drupal 7 alapismeretek - Nagy Gusztáv 70
Trigger pl. értesítés hozzászólásról Drupal 7 alapismeretek - Nagy Gusztáv 71
Field és társai (CCK) Drupal 7 alapismeretek - Nagy Gusztáv 72
Be nem mutatott modulok későbbi fejezetekben nem mindet használjuk Drupal 7 alapismeretek - Nagy Gusztáv 73
Ha lesz idő óra végén többnyelvű oldal példa Drupal 7 alapismeretek - Nagy Gusztáv 74
10. Felhasználókezelés Drupal 7 alapismeretek - Nagy Gusztáv 75
Felhasználók névtelen regisztrált adminisztrátor Drupal 7 alapismeretek - Nagy Gusztáv 76
Alapbeállítások Adminisztráció» Beállítások» Emberek» Felhasználói beállítások Drupal 7 alapismeretek - Nagy Gusztáv 77
Felhasználók létrehozása Adminisztráció» Emberek» Emberek Drupal 7 alapismeretek - Nagy Gusztáv 78
Felhasználók menedzselése Adminisztráció» Emberek Jogosultságkezelés Szerepkörök User modul jogosultságok Drupal 7 alapismeretek - Nagy Gusztáv 79
11. Entitás modulok (Drupal 6: CCK) Drupal 7 alapismeretek - Nagy Gusztáv 80
Absztrakt felépítés entitás tartalomtípus taxonómia felhasználó mezők hozzászólás Drupal 7 alapismeretek - Nagy Gusztáv 81
Egyed kapcsolat diagram egyedek attribútumok kapcsolatok 1:1, 1:n, n:m kulcsok Drupal 7 alapismeretek - Nagy Gusztáv 82
Field alapmodulok Adminisztráció» Felépítés» Tartalomtípusok» Cikk» Mezők kezelése Body Image mezők megjelenítése Drupal 7 alapismeretek - Nagy Gusztáv 83
Field, Field UI, Field SQL storage Drupal 7 alapismeretek - Nagy Gusztáv 84
File modul pl. Melléklet Drupal 7 alapismeretek - Nagy Gusztáv 85
Image képstílusok képek megjelenítése Drupal 7 alapismeretek - Nagy Gusztáv 86
List és Options Drupal 7 alapismeretek - Nagy Gusztáv 87
Number Drupal 7 alapismeretek - Nagy Gusztáv 88
Text Drupal 7 alapismeretek - Nagy Gusztáv 89
10. Közösségi oldal kialakítása Drupal 7 alapismeretek - Nagy Gusztáv 90
Blog jellegű oldal kialakítása Bejegyzés tartalomtípus Címkézés: Témák Teljes tartalom megjelenítése a címlapon Drupal 7 alapismeretek - Nagy Gusztáv 91
Comment modul Hozzászólás mezők Hozzászólások menedzselése Jogosultságok Drupal 7 alapismeretek - Nagy Gusztáv 92
Felhasználói profilok Mezők kezelése Mezők megjelenítése Drupal 7 alapismeretek - Nagy Gusztáv 93
Szótár Szerkesztés taxonómiaként Forum modul Fields és Comment modulokra épül Tartalomtípus Saját szerkesztés Fórumok megjelenése Forum útvonal Blokkok Drupal fórum filozófiája Drupal 7 alapismeretek - Nagy Gusztáv 94
Poll modul Tartalomtípus Speciális mezők Blokk poll útvonal Jogosultságok Drupal 7 alapismeretek - Nagy Gusztáv 95
Blog modul Tartalomtípus Navigáció Tartalomnál Felhasználónál Blog útvonal Blog/x útvonal Drupal 7 alapismeretek - Nagy Gusztáv 96
Tartalmak megosztása RSS csatornákon Tartalom megosztás blokk Smink által elhelyezett RSS ikonok Taxonomy Blog Views modullal mi is csinálhatunk Drupal 7 alapismeretek - Nagy Gusztáv 97
Aggregator modul Hírcsatorna létrehozása Hírcsatorna megjelenítése Blokk Útvonal Jogosultságok Drupal 7 alapismeretek - Nagy Gusztáv 98
13. További modulok kiválasztása, telepítése Drupal 7 alapismeretek - Nagy Gusztáv 99
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.6- os) van hozzá minél több nyelvi fordítás a drupal.hu-n pozitívan utalnak rá Drupal 7 alapismeretek - Nagy Gusztáv 100
A kiválasztás után Alapcsomaghoz illő verzió további modul függőségek lehetnek Letöltés http://drupalmodules.com/ http://drupal.org/project/modules Kicsomagolás sites/all/modules (és nem /modules!) READE.txt és/vagy INSTALL.txt Drupal 7 alapismeretek - Nagy Gusztáv 101
Honlap http://drupal.org/project/modules http://drupalmodules.com/ Drupal 7 alapismeretek - Nagy Gusztáv 102
Sminkek Drupal 7 alapismeretek - Nagy Gusztáv 103
Sminkek beállítása Adminisztráció» Megjelenés bekapcsolás letiltás adminisztrációs smink Blokkok (!), pl. admin oldalakon Drupal 7 alapismeretek - Nagy Gusztáv 104
Color modul Egyes sminkek támogatják pl. Bartik Drupal 7 alapismeretek - Nagy Gusztáv 105
Sminkek letöltése http://drupal.org/project/themes Kész sminkek Marinelli Fejlesztői sminkek Framework Drupal 7 alapismeretek - Nagy Gusztáv 106
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_marina Trend: responsive design Drupal 7 alapismeretek - Nagy Gusztáv 107
Sminkek telepítése automatizált kézi Drupal 7 alapismeretek - Nagy Gusztáv 108
Sminkek finomhangolása Adminisztráció» Megjelenés» Általános beállítások sminkenként Logó és webhely ikon Speciális beállítások Marinelli Drupal 7 alapismeretek - Nagy Gusztáv 109
Sminkek módosítása saját sminket hozunk létre (önállóan) más smink leszármazottjaként egy sminket módosítunk nem szerencsés, csak tanulásra Drupal 7 alapismeretek - Nagy Gusztáv 110
Képek cseréje Drupal 7 alapismeretek - Nagy Gusztáv 111
CSS formázás keressük meg a CSS állomány(oka)t célszerű a végére írni a módosításokat Drupal 7 alapismeretek - Nagy Gusztáv 112
Szerkezeti (HTML szintű) átalakítás Sablon logika ismerete szükséges Forrás: http://api.drupal.org/api/files Drupal 7 alapismeretek - Nagy Gusztáv 113
Drupal 7 alapismeretek - Nagy Gusztáv 114
html.tpl.php page.tpl.php region.tpl.php block.tpl.php node.tpl.php Drupal 7 alapismeretek - Nagy Gusztáv 115
Új smink létrehozása alsminket célszerű Drupal 7 alapismeretek - Nagy Gusztáv 116
Views modulok Drupal 7 alapismeretek - Nagy Gusztáv 117
Modulok telepítése Views Views UI Chaos Tools Drupal 7 alapismeretek - Nagy Gusztáv 118
Jelenlegi nézetek pl. Frontpage Bekapcsolása Szerkesztése Demo: Klónozása A hírek rácsként jelenjenek meg, 12-esével Címlap: node helyett frontpage Drupal 7 alapismeretek - Nagy Gusztáv 119
Nézetek létrehozása Varázsló Pl. egy tartalomtípus listázása oldalként, blokként Pl. Felhasználók Contextual links Drupal 7 alapismeretek - Nagy Gusztáv 120
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áv 121
Nézetek szerkezete Oldalbeállítások Blokk beállítások Fejléc, lábléc Lapozó Haladó Szövegkörnyezeti szűrő Ajax Drupal 7 alapismeretek - Nagy Gusztáv 122
13. További modulok kiválasztása, telepítése Drupal 7 alapismeretek - Nagy Gusztáv 123
Modulok - gyakori Fivestar Masquerade Override node options Simplenews Multiupload Filefield Widget Multiupload Imagefield Widget Service links SMTP Webform Drupal 7 alapismeretek - Nagy Gusztáv 124
Modulok - speciális Basic cart Calendar Field Permissions Flag References Hierarchical Select View reference Viewfield Field group Better Exposed Filters Views Slideshow Drupal 7 alapismeretek - Nagy Gusztáv 125
Modulok - speciális CAPTCHA Date Honeypot Calendar Field Permissions Views Slideshow References Node Blocks Conditional Fields Backup and Migrate Custom Breadcrumbs Menu block Drupal 7 alapismeretek - Nagy Gusztáv 126
Modulok - speciális (Node Reference URL Widget) (View reference) (Viewfield) (Flag) (Hierarchical Select) (Better Exposed Filters) (Field group) Drupal 7 alapismeretek - Nagy Gusztáv 127