Description

This course will show you how to set up a graphic charter within a Drupal site. You will learn how to install, customize and create themes. You will also discover how to organize the content of your pages via views and panels as well as how to control navigation within a site.

Who is this training for ?

For whom ?

Anyone who has to customize the appearance of a Drupal site.

Prerequisites

None

Training objectives

Install and customize a Drupal theme

Configure a subtheme from an existing Drupal theme

Create a new Drupal theme

Enrich a Drupal theme with drop-down menus and visual effects

Organize the pages of a site with the Views and Panels modules

Training program

• Install and customize a theme
  • Structure and organization of themes in Drupal.
  • Structure and role of the different files in a theme:
  • info, page.
  • tpl.
  • php, node.
  • tpl.
  • php.
  • Activate an existing theme for the site part.
  • Activate an existing theme for the Administration part.
  • Control the display of blocks in a theme.
  • Practical work Install and configure a theme for the Site part and for the Administration part.
• Create a subtheme from an existing theme
  • Create a custom theme from the Omega theme and the Omega Tools module.
  • Adapt the elements of a base theme to the subtheme.
  • Optimize rendering a theme using a CSS style sheet.
  • Add a CSS style sheet from a module.
  • Use the Color module.
  • Practical work Create a sub-theme from an existing theme.
• Create a theme
  • Design the layout.
  • Add regions.
  • Style the theme using CSS.
  • Adapt theme settings .
  • Use the Devel module and the Theme module.
  • Use Web Developer to preview and validate a theme.
  • Modify the structure of a page with the template files.
  • Customize the rendering of a node type.
  • Practical work Create a custom theme with its regions and configuration parameters.
• Control theme navigation
  • Add a menu for a theme.
  • Create submenus with the Menu module.
  • Add and manipulate variables in a theme.
  • Styling Drupal's pagination feature.
  • Create a drop-down menu using JavaScript.
  • Practical work Add a drop-down menu for the main site navigation to the 'JavaScript help (jQuery).
• Using Views and Panels
  • Create a simple View.
  • Integrate a View into a node template.
  • Control the rendering of the View.
  • Use the Panels to create a home page.
  • Embed content in a Panel.
  • Create custom styles using the Stylizer module.
  • Works practices Create a home page using a Panel page and a Custom View.