Drupal 7 Alapismeretek - Nagy Gusztáv

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