5. Basic Content
by Chaz Chumley, Matt Glaman, Richard Jones, Nick Abbott
Drupal 8: Enterprise Web Development
- Drupal 8: Enterprise Web Development
- Table of Contents
- Drupal 8: Enterprise Web Development
- Credits
- Preface
- 1. Module 1
- 1. Introduction
- 2. Installation
- 3. Basic Concepts
- 4. Getting Started with the UI
- 5. Basic Content
- 6. Structure
- 7. Advanced Content
- 8. Configuration
- 9. Users and Access Control
- 10. Optional Features
- 11. Reports
- 12. Extending Drupal
- 13. Theming Drupal
- 14. Getting Support
- 2. Module 2
- 1. Up and Running with Drupal 8
- 2. The Content Authoring Experience
- 3. Displaying Content through Views
- 4. Extending Drupal
- 5. Frontend for the Win
- 6. Creating Forms with the Form API
- 7. Plug and Play with Plugins
- 8. Multilingual and Internationalization
- 9. Configuration Management – Deploying in Drupal 8
- 10. The Entity API
- 11. Off the Drupalicon Island
- 12. Web Services
- 13. The Drupal CLI
- 3. Module 3
- 1. Setting Up Our Development Environment
- 2. Theme Administration
- 3. Dissecting a Theme
- Setting up a local development environment
- Default themes versus custom themes
- Folder structure and naming conventions
- Managing configuration in Drupal 8
- Reviewing the new info.yml file
- The role of templates in Drupal
- Creating our first basic theme
- Introducing Twig
- Template variables
- The role of the theme file in Drupal
- Summary
- 4. Getting Started – Creating Themes
- 5. Prepping Our Project
- 6. Theming Our Homepage
- Creating our HTML wrapper
- Creating our homepage
- Implementing our Header Top region
- Implementing our Header region
- Adding a logo
- Enabling Site branding
- Printing our Header region
- Creating Block templates
- Implementing our search form block
- Placing our search form block
- Creating a search form block template
- Adding custom JavaScript
- Creating an input element template
- Working with menus
- Creating a menu template
- Creating System Menu block template
- Creating a sticky header
- Implementing our Headline Region
- Implementing our Before Content region
- Implementing the footer
- Summary
- 7. Theming Our Interior Page
- 8. Theming Our Blog Listing Page
- Reviewing the Blog Listing mockup
- Creating our blog listing
- Creating a Post Listing view
- Managing our Post Listing block
- Implementing our Node template
- Adding CSS classes to Twig
- Working with content variables
- Using the without filter
- Creating our post image slider
- Working with field templates
- Adding the Owl Carousel library
- Using Twig filters for dates
- Printing title and teaser
- Creating our post metadata
- Field templates and taxonomy
- Handling comments in Drupal 8
- Creating a theme file
- Creating a Categories block
- Managing our Categories block
- Implementing responsive sidebars
- Theming a Block template
- Drupal Views and Twig templates
- Managing popular versus recent content
- Adding the About Us block
- Summary
- 9. Theming Our Blog Detail Page
- Reviewing the Blog detail mockup
- Previewing our Blog detail page
- Creating a Post Full template
- Working with comments
- Implementing social sharing capabilities
- Summary
- 10. Theming Our Contact Page
- 11. Theming Our Search Results
- 12. Tips, Tricks, and Where to Go from Here
- A. Biblography
- Index
In this chapter, we will introduce the site-building scenario that we will use as a vehicle for learning throughout the rest of this module. Think of this as a project brief from a new client (except without a budget).
We will be building on this scenario in each of the future chapters, improving on your Drupal 8 knowledge as we do.
Your site-building scenario is to set up a simple website for your own small business which specializes in offering a number of Drupal-specific digital services.
The simple website will include the following types of content:
The website comprises pages which contain rich text, embedded images, and links to other areas of the site.
Pages need to be directly linked from within the Main navigation menu.
The Article content type will be used to implement the general articles, blog, and news features on the site.
Whether or not a particular article node is deemed to be a general article, blog post, or a news item will be specified by using a Category Taxonomy of either 'Articles', 'Blog posts', or 'News'.
Additionally, articles can be free tagged with one or more words or phrases from an organic collection of categorizing terms or 'Tags'.
Articles can be illustrated with images.
Articles should be comment-enabled so that users of the site can contribute to threaded conversations much as one would expect in a forum. All comments by anonymous site visitors should be directed into a moderation queue before being published.
There is no requirement for site visitors to preview comments before submitting them.
News articles should all be accessible from a news listing page.
Likewise, blogs should be listed on the blog page and general articles on an articles page.
All three lists should be sorted with the most recently created at the top of the list down to the oldest at the bottom.
Client profiles should provide a summary description of each of your clients, a logo and some client contact details in the form of an e-mail address and a telephone number.
Additionally, you should to be able to categorize each client within a work area.
The website should provide a dedicated page which lists all of your clients, grouped according to their work area classification.
The site should provide a brief summary of each of the services you offer and you should be able to categorize each one in one or more work areas.
You should be able to optionally link each Service to one or more Clients.
The website should include a list of testimonials and each testimonial should be linked to an existing Client. There should be a dedicated page which lists testimonials grouped according to their work area classification and then sorted from newest to oldest with each group.
The testimonials should include the writer's name, job description, and company.
The website should include a dedicated contact page where you can include details of your location as an address and a simple contact through which the public can submit enquiries.
The contact page should direct site visitors to e-mail addresses and telephone numbers for dedicated customer advisers.
We'll use the above scenario website as a vehicle for introducing new ideas and concepts from here on in this module and we'll illustrate how you might go about using Drupal 8 to achieve your ends step-by-step.
-
No Comment