Drupal 6 - podstawy - www.openbit.pl
Upcoming SlideShare
Loading in...5

Drupal 6 - podstawy - www.openbit.pl



Prezentacja na szkolenie z podstaw systemu Drupal 6

Prezentacja na szkolenie z podstaw systemu Drupal 6



Total Views
Views on SlideShare
Embed Views



1 Embed 258

http://www.drupalidzienastudia.pl 258



Upload Details

Uploaded via as OpenOffice

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

Drupal 6 - podstawy - www.openbit.pl Drupal 6 - podstawy - www.openbit.pl Presentation Transcript

  • Drupal basics Part 1
  • Training plan● Web Pages architecture● About Drupal● Drupal installation● Installation of modules● Translations● Content management● Menu management● Blocks management● Themes management page 2/78
  • ●Web page types (1) Web pages Static Dynamic(HTML, CSS) (PHP, ASP, JSP, Ruby, etc) page 3/78
  • ●Web page types (2) Web pages Static Dynamic(HTML, CSS) (PHP, ASP, JSP, Ruby, etc) page 4/78
  • ●PHP●PHP is a general-purpose scripting languageoriginally designed for web development toproduce dynamic web pages.●PHP was originally created by Rasmus Lerdorf in1995.●While PHP originally stood for "Personal HomePage", it is now said to stand for "PHP: HypertextPreprocessor", a recursive acronym.●Last stable release: 5.3.7 (August 18, 2011;)●More: http://en.wikipedia.org/wiki/PHP,http://php.net/ page 5/78
  • ● PHP code<!DOCTYPE html><html>  <head>    <meta charset="utf­8" />    <title>PHP Test</title>  </head>  <body>  <?php  echo Hello World;  ?>  </body></html> page 6/78
  • ● PHP web pages architecture Page is requested PHP interpreterDatabase server Web Server Web Browser (MySQL) (Apache, IIS, nginx) PHP files Dynamic web page page 7/78
  • ● PHP code interpretation HTML content sent PHP file on server to the browser<!DOCTYPE html><html> <!DOCTYPE html>  <head> <html>    <meta charset="utf­   <head>8" />     <meta charset="utf­    <title>PHP Test</title> 8" />  </head>     <title>PHP Test</title>  <body>   </head>  <?php   <body>  $name = Joe;   Hi Joe  echo Hi  . $name;   </body>  ?> </html>  </body></html> page 8/78
  • ● PHP web pages architecture Page is requested PHP interpreterDatabase server Web Server Web Browser (MySQL) (Apache, IIS, nginx) PHP files Dynamic web page Drupal page 9/78
  • ●Drupal●Drupal is a free and open source contentmanagement system (CMS) and contentmanagement framework (CMF) written in PHPand distributed under the GNU General PublicLicense.● It is used as a back-end system for at least 1.5%of all websites worldwide ranging from personalblogs to corporate, political, and government sitesincluding whitehouse.gov and data.gov.uk.●It is also used for knowledge management andbusiness collaboration.Source: Wikipedia page 10/78
  • Other open source CMS● page 11/78
  • ● Google Trends page 12/78
  • ●Drupal installation (1) Requirements:●Web server (Apache)●Database (MySQL) - what is needed is thedatabase name, user name and password●Drupal core: http://drupal.org/project/drupal -unzip the files to a directory on the server. page 13/78
  • Drupal installation (2)● Use only stable releases on production servers Older versions page 14/78
  • ● Drupal installation (3)Drupal installation page. page 15/78
  • ● Drupal installation (4)●Create directory files in sites/default●Copy sites/default/default.settings.php to sites/default/settings.php●Change file settings.php and directory files permissions so that it is writable bythe web server (Linux command: chmod 777 files settings.php)●Click: try again page 16/78
  • ● Drupal installation (5)Database connection parameters. page 17/78
  • ● Drupal installation (5) Database host – change if the database server is on another computer. Change if database server use non standard port Change if you have another Drupal installation In this database. We do not recommend sharing a database between Multiple Drupal installationsDatabase advanced options page 18/78
  • ● Drupal installation (6) Administrator name. We recommend using the name „admin”Site configuration page 19/78
  • ● Drupal installation (7) For security reasons should be enabledSite configuration page 20/78
  • ●Drupal installation (8)Drupal installation complete page 21/78
  • ● Drupal installation (9)Drupal after installation page 22/78
  • ●Drupal installation (10)Practice:●Do the installation again. Remove tables from thedatabase (use PHPMyAdmin) and delete the filesfrom server. page 23/78
  • ● Drupal files and directories (1)● Drupal directories structure page 24/78
  • ● Drupal files and directories (2)●includes●misc●modules – core modules●profiles – installation profiles●scripts●sites – in this directory you can put additional modules and themes ● all ● modules ● contrib – modules downloaded from www.drupal.org ● custom_project – custom modules dedicated for this project ● custom_universal – custom universal modules ● developer – developer modules, dont needed on production server ● themes●themes – core themes●cron.php - file is used to run periodic tasks such as indexing data to search andcalculation of statistics●index.php – main file●install.php – installation file●update.php – run this file after update modules or Drupal core page 25/78
  • Administration page BlocksContent Menus Modules Users Site information page 26/78
  • Site informationName –displayed inpage headerThese fieldsare displayedin differentplaces,depending onused themeFootermessages: forexample:contactinformation page 27/78
  • Modules pagePackage nameStatus (enabled ordisabled)Module nameModule versionModule descriptionDepedencies Page: admin/build/modules page 28/78
  • Installing a new module (1)●Installing module „Administration menu”●Go to http://drupal.org/project/admin_menu●Download recommended version for Drupal6.x●Extract files into sites/all/modules/contrib●Go to page admin/build/modules●Enable module New module on module list page page 29/78
  • Installing a new module (2) Administration menuConfirmationmessage Module status page 30/78
  • Practice Download and install module „Module Filter”TIP: You can use the sitewww.drupalmodules.com tofind the module page 31/78
  • Module page If you had problem with module try to search solutions on module page Find similar modules Try module without installation page 32/78
  • ContentWhat is a NODE?●● A node is a piece of content. Drupal assigns each piece of content an ID number called a node ID (nid).● Each node has a title and body. Administrator can view a list of nodes by title.● Contents are divided into types (node types). Default node types: page and story page 33/78
  • Create first node (1) ●Go to page: node/add ●Create new „Story” node TitleSplit button – splitcontent into twoparts: Teaser andBody Body page 34/78
  • Create first node (2)Published: each nodehave status publishedor unpublished. Youdont need to deletenode if you dont wantto publish it onwebsitePromoted to front page Sticky Node publishing options page 35/78
  • Create first node (3) Node ID (nid) in URLTitleEdit linkDate and authorContent (body)Comment link Node view page 36/78
  • PracticeCreate 5 Story nodes●● Test node 1 (published, promoted to front page, sticky)● Test node 2 (published, promoted to front page, sticky)● Test node 3 (published, promoted to front page)● Test node 4 (published, promoted to front page)● Test node 5 (published, promoted to front page) page 37/78
  • Default front pageSticky nodes●Display allnodes withattrubute:published onfront page●Sorting by: ● Sticky ● Publish date page 38/78
  • Content management pageFilteroptions Actions Title Edit link Type Status Page: admin/content/node page 39/78
  • Page vs Story Story PagePage and Story default attributes page 40/78
  • New content type (1) Create new content type linkPage: admin/content/types page 41/78
  • New content type (2)Displayed nameType:identificatorin databaseContent typedescription Page: admin/content/types/add page 42/78
  • New content type (3)Title field labelBody field label Page: admin/content/types/add page 43/78
  • New content type (4)Create new version onevery edit – user canrestore older version ofnode. Note: Users with the administer nodes permission will be able to override these options. Page: admin/content/types/add page 44/78
  • New content type (5)Commentsdisabled Page: admin/content/types/add page 45/78
  • New content type (6)New conent type - Car page 46/78
  • New content type (7)LabelsPage: node/add/car page 47/78
  • Summary What you should know after this stage?●Installing●Create new content●Edit and delete content●Create new content type page 48/78
  • Blocks (1)●Block is information that can be inserted in aregion (left or right column, header, footer,under content – number of regions depends ontheme)●Deafult blocks: ● Menu (navigation, primary links, secondary links) ● Users online page 49/78
  • Blocks (2)Block page 50/78
  • Blocks (3) Region: left sidebar Region: right sidebar Create custom block Blocks position settingsPage: admin/build/block page 51/78
  • Create custom block (1)Block description.Used on pageadmin/build/blockBlock titleBlock contentPage: admin/build/block/add page 52/78
  • Create custom block (2)Allow users tocontrol block visibilityShow block forspecific rolesShow block onspecific pages Page: admin/build/block/add page 53/78
  • Create custom block (3) Region Configure link Delete linkNew block Page: admin/build/block page 54/78
  • Create custom block (4) Custom block in right sidebar page 55/78
  • Input formats (1) INPUTText transformation OUTPUT page 56/78
  • Input formats (2) <span style=”color: red”><strong>Drupal</strong></span> Filtered HTMLAllowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <strong>Drupal</strong> page 57/78
  • Input formats (3)Create new formatDefault format – allroles may use thisformat Configure optionsPage: admin/settings/filters page 58/78
  • Input formats (4)Change allowed HTMLtagsPage: admin/settings/filters/1/configure page 59/78
  • Filter modules●Latex filter: http://drupal.org/project/latex_filter●Video filter: http://drupal.org/project/video_filter●BB Code: http://drupal.org/project/bbcode●Smiles (emoticons): http://drupal.org/project/smileys●PEAR Wiki Filter: http://drupal.org/project/pearwiki_filterMore at http://drupalmodules.com/ page 60/78
  • Menus Create new menuDrupal defaultmenus ● Page: admin/build/menu page 61/78
  • Add node to menu (1)Menu settings ● Page: node/*/edit page 62/78
  • Add node to menu (2) Link in menu Primary links page 63/78
  • Primary links management Add new item Edit menu descriptionChange order– drag anddrop Edit and delete links Save configuration after change order Page: admin/build/menu-customize/primary-links page 64/78
  • Summary What you should know after this stage?●Installing●Content management●Blocks management●Menu management page 65/78
  • Practice – create this siteTitle Pages in menu News on front page Blocks page 66/78
  • Themes All themes configuration Enabled theme Default theme Enabled theme configurationPage: admin/build/themes page 67/78
  • Themes configurationGlobal settingsor selectedtheme settingsConfigurationoptions Page: admin/build/themes/settings page 68/78
  • Garland theme configurationSome themes hasspecial settings, likecolor scheme inGarland Page:admin/build/themes/settings/garland page 69/78
  • Installing new theme●Go to http://drupal.org/project/corolla anddownload theme for Drupal 6.x●Extract files into sites/all/themes●Go to admin/build/themes and set theme Corollaas defaultNew theme page 70/78
  • New theme - Corolla page 71/78
  • Corolla – blocks settings New region names – other Block settings for each than in Garland enabled theme page 72/78
  • Corolla – new blocks settings page 73/78
  • Practice●Go to http://drupal.org/project/Themes●Chose any theme and download it●Install new theme●Change some theme settings and blockssettings page 74/78
  • Administration theme●Drupal allow to set different themefor administration pages●Go tohttp://drupal.org/project/rootcandy,download and extract theme intosites/all/themes●Go to admin/settings/admin and setadministration theme to RootCandy(Dark) page 75/78
  • Administration themes●Other administration themes: ● http://drupal.org/project/seven ● http://drupal.org/project/rubik ● http://drupal.org/project/polpo ● http://drupal.org/project/berylizer ● http://drupal.org/project/fruity ● http://drupal.org/project/nerdalistic ● http://drupal.org/project/strix●Administration module (alternative to Administration menu):http://drupal.org/project/admin page 76/78
  • Summary What you should know after this stage?●Installing●Content management●Blocks management●Menu management●Theme managementNow you can create your own web page :) page 77/78
  • Thank you for your attention Contact:E-mail: grzegorz.bartman@openbit.pl Tel: +48 882 515 514 strona 78/78