Search | Drupalize.Me

Showing 1-7 of 7 results

Building Websites in Drupal 7 Using Panels

Course

Site Building

Drupal 7

19 tutorials

Introduction to Building Websites Using the Panels Module Free

Setting up a Multi-Column Home Page Free

Adjusting the Settings for Each Panel Pane Free

Creating Different Versions of the Same Page (variants) Free

Quickly Duplicating Variants by Cloning Free

Templates for Content Free

Custom Panels Layouts Free

Styling Panel Panes with Stylizer Free

Overview of Views Content Panes

Using Views Filters as Panel Pane Configuration

Customizing a User Account Page with Panels and Views

Building Category Pages with Panels and Views

Placing Panels in Blocks with Mini Panels Free

Attaching Panels to a Node using Panel Nodes

Attaching Panels to Any Content or Entity using Panelizer

Adding Custom Panels Layouts in Your Theme

Exporting Panels Configuration using Features

Exporting Panelizer Configuration using Features and Strongarm

Exporting and Importing Panels using the Admin UI

Customize Panels Styles with CTools Style Plugins

Course

Module Development

Drupal 7

6 tutorials

Introduction to CTools Style Plugins Free

Setting up the Module and Plugin Files

Understanding the $plugin Array

Creating a theme() Function for Panel Panes

Building the Styles Settings Form

CTools Style Plugin: Putting It All Together

Markup in Drupal 7

Course

Site Building, Theming

Drupal 7

33 tutorials

Zen: Introduction and Installation Free

Why Use a Base Theme? Free

Zen: Identify HTML5 Markup in Templates

Recap: Markup in Zen

Fences: Semantic Markup for Fields

Introduction to Markup in Views

Views Unformatted List Format

Views HTML List Format

Views Table Format

Views Default Field Wrapper Markup

Views Advanced Field Wrapper Markup

Views Theme Information

Theme Developer Module and Views

Views Template Files

How to Add a Class to a View

Recap and Challenge: Markup in Views

Introduction to Markup in Panels

Overview of Layouts in Panels

Set up Demo Panel Page

Panels: Add or Remove CSS Body Classes

Panels: Add CSS Classes to the "Main" Region

Panels: Add CSS Classes or IDs to Panel Panes

Override Panel Pane Template File

What Is Style in Panels?

Recap: Markup in Panels

Introduction to Markup in Display Suite

Display Suite: Provide a Custom Layout

Display Suite: Create a Custom Layout with Drush

Display Suite: Add CSS Classes to Regions

Display Suite: Add CSS Classes to Fields

Display Suite: Add Custom HTML Wrappers

Display Suite: Utilize Field Templates

Recap: Markup in Display Suite

Learning Page Manager

Course

Site Building

Drupal 7

13 tutorials

Overview of the Page Manager Series Free

Node Page Overrides, Contexts & Page Redirects Free

Variants and Selection Rules Free

Introduction to Panels Free

Basics of Views Content Panes Free

More View Panes Free

Panel Pane Settings Free

Menu Items and Access Control Free

Contextual Administration Free

More Contextual Objects Free

The Views Context Free

Rearrange Node Edit Form Free

Page Manager Import and Export Plus Additional Modules Free

Organic Groups with Drupal 7

Course

Site Building

Drupal 7

14 tutorials

An Introduction to Organic Groups with Drupal 7 Free

Organic Groups Overview Free

Groups from a Member Perspective

Groups from a Manager Perspective

Requirements for Organic Groups

Building our Content Types

Create Group Content

Organic Groups Permissions

Organic Groups Access Control

Displaying Content without Panels

Displaying Content with Panels and Panelizer

Organic Groups Context

Organic Groups Views

Organic Groups Advanced Concepts/fields

Hands-On Exercises: Movie Project

Course

Site Building, Theming, Module Development

Drupal 7

36 tutorials

Movie Project: Install Drupal and Modules Free

Movie Project: Design a Content Type Free

Movie Project: Create a Content Type Free

Movie Project: Build a View and Use Image Styles Free

Movie Project: Use Views Relationships Free

Movie Project: Create a Custom Layout with Panels Free

Movie Project: Use Quicktabs with Panel Pages Free

Movie Projects: Create Static Pages, Menus and Webforms Free

Movie Project: Build the Homepage Free

Movie Project: Configure URL Aliases and User Permissions Free

Movie Project: Configure Search Free

Movie Project: Create a Custom Theme Free

Movie Project: Create CSS for Default Markup Free

Movie Project: Override Template Files Free

Movie Project: Use jQuery to Extend Functionality Free

Movie Project: Use Responsive CSS Free

Movie Project: Alter a Node with a Custom Module Free

Movie Project: Change a Page Programmatically Free

Movie Project: Create a Form Free

Movie Project: Validate a Form Free

Movie Project: Create a Node from a Custom Form Free

Movie Project: Fetch and Attach an Image File Free

Movie Project: Create Taxonomy Terms Programmatically Free

Movie Project: Import Data in a Site Update Free

Movie Project: Create a Drush Command Free

Movie Project: Create an Administration Form Free

Movie Project: Add User Permissions Free

Movie Project: Manage Configuration Changes Free

Movie Project: Install a WYSIWYG Editor Free

Movie Project: Analyze Site Performance Free

Movie Project: Create Database Tables and Alter Forms Free

Movie Project: Create Autocomplete Fields Free

Movie Project: Add Form Data to Custom Database Tables Free

Movie Project: Create a Render Array and Theme Functions Free

Movie Project: Integrate Ajax Functionality Free

Movie Project: Create Custom Blocks Free

Layouts

Topic

Site Building, Theming, Site Administration

Drupal 7, 8, 9, 10, and 11

More information

A layout can describe how various components are arranged on various levels—from an entire page from the header to the footer, to just the “middle” where the dynamic content goes, to individual components. It can apply to templates for managed content or one-off designs for landing pages.