Index
A
- About Us block
- adding / Adding the About Us block
- template, implementing / Implementing the About Us template
- About Us mockup
- reviewing / Reviewing the About Us mockup
- additional assets
- adding / Adding additional assets
- Add This
- reference link / Implementing social sharing capabilities
- Add This buttons
- about / The Add This buttons
- library entry, creating / Creating a library entry
- library, attaching to Blog detail page / Attaching the library to our Blog detail page
- displaying / Displaying buttons
- admin interface
- reviewing / Reviewing the new admin interface
- previewing / Previewing the interface
- Content section / Previewing the interface
- Structure section / Previewing the interface
- Appearance section / Previewing the interface
- Extend section / Previewing the interface
- Configuration section / Previewing the interface
- People section / Previewing the interface
- Reports section / Previewing the interface
- Help section / Previewing the interface
- admin menu
- exploring / Exploring the admin menu
- AMP stack
- installing / Installing an AMP (Apache, MySQL, PHP) stack
- Appearance interface
- exploring / Exploring the Appearance interface
- assets
- setting up / Setting up our assets
- attributes.addClass() function / Creating a Node template, Modifying the item list template
- {{ attach_library }} function / The Add This buttons
B
- Bartik
- about / Bartik
- basic page layout, design mockup
- about / Basic page layout
- interior regions, defining / Defining interior regions
- basic theme, creating
- about / Creating our first basic theme
- new folder, creating / Step One – creating a new folder
- info file, creating / Step two – create an info file
- core templates, copying / Step three – copy core templates
- screenshot, including / Step four – include a screenshot
- theme, installing / Step five – installing our theme
- Welcome to Twig message, displaying / Step six – Welcome to Twig
- Before Content region
- implementing / Implementing our Before Content region
- Services block, creating / Creating our Services block
- Features block, creating / Creating our Features block
- refactoring / Refactoring Before Content region
- block content
- managing / Step one – managing block content
- Block layout
- exploring / Exploring the Block layout
- block regions
- demonstrating / Demonstrating block regions
- blocks
- content, managing with / Managing content with blocks
- about / Blocks and regions
- Core / Blocks and regions
- System / Blocks and regions
- Forms / Blocks and regions
- Menus / Blocks and regions
- Lists (Views) / Blocks and regions
- Custom / Blocks and regions
- placing, into regions / Placing blocks into regions
- configuring / Configuring a block
- Block template
- theming / Theming a Block template
- block types
- exploring / Exploring block types
- Blog detail mockup
- reviewing / Reviewing the Blog detail mockup
- areas / Reviewing the Blog detail mockup
- Blog detail page
- previewing / Previewing our Blog detail page
- library, attaching / Attaching the library to our Blog detail page
- Blog Listing mockup
- reviewing / Reviewing the Blog Listing mockup
- creating / Creating our blog listing
- display mode, adding / Adding a new display mode
- display, managing / Managing the display
- Bootstrap starter
- creating / Creating a Bootstrap starter
- URL / Creating a Bootstrap starter
- grids / Understanding grids and columns
- columns / Understanding grids and columns
- theme folder, setting up / Setting up a theme folder
- screenshot, adding / Adding a screenshot
- theme, configuring / Configuring our theme
- theme, installing / Installing our theme
- libraries, working with / Working with libraries
C
- Callout block
- adding / Adding a Callout block
- template, creating / Creating the Callout block template
- Callout Map template
- creating / Creating the Callout Map template
- Categories block
- creating / Creating a Categories block
- managing / Managing our Categories block
- Classy
- about / Classy, Subthemes, Touring Classy
- library, overriding / Overriding a library
- comments
- working with / Working with comments
- Comment types / Introducing Comment types
- Default Comment type fields, reviewing / Reviewing Default Comment type fields and display
- Default Comment type display, reviewing / Reviewing Default Comment type fields and display
- Post Type Comments field, enabling / Enabling Post Type Comments field
- Field Comments template, creating / Creating a Field Comments template
- Comment thread, theming / Theming the Comment thread
- user photos, enabling for Comment threads / Enabling user photos for Comment threads
- User Picture field, cleaning up / Cleaning up the User Picture field
- date and time formats, addressing / Date and time formats
- Comment thread
- theming / Theming the Comment thread
- user photos, enabling / Enabling user photos for Comment threads
- Comment types / Introducing Comment types
- configuration
- managing, in Drupal 8 / Managing configuration in Drupal 8
- configuration, settings.local.php
- CSS and JS aggregation, disabling / Disabling CSS and JS aggregation
- render and page cache, disabling / Disabling render and page cache
- test modules and themes, disabling / Disabling test modules and themes
- configuration file
- creating / Creating our configuration file
- contact forms
- about / Introducing contact forms
- editing / Editing a contact form
- fields, managing / Managing form fields
- display, managing / Managing form display
- contact page
- layout / Contact page layout
- Google Maps, integrating with / Integrating Google Maps into our contact page
- Callout Map template, creating / Creating the Callout Map template
- contact page mockup
- reviewing / Reviewing the contact page mockup
- content
- managing, with blocks / Managing content with blocks
- content management system (CMS)
- about / What is a theme?
- core folder
- about / The core folder
- core search
- about / Introducing core search
- content, indexing / Indexing content
- search pages, editing / Editing search pages
- core themes, Drupal
- about / Drupal's core themes
- Bartik / Bartik
- Seven / Seven
- Stark / Stark
- Classy / Classy
- custom block
- creating / Creating a custom block
- managing / Managing custom blocks
- fields, managing / Managing fields
- display, managing / Managing display
- custom block library
- editing / Exploring the custom block library
- custom blocks, creating
- about / Creating our custom blocks
- Newsletter block / Creating our custom blocks
- About Us block / Creating our custom blocks
- Footer Contact block / Creating our custom blocks
- Copyright block / Creating our custom blocks
- Social Icons block / Creating our custom blocks
- custom theme
- creating / Creating a custom theme
- theme folders, setting up / Setting up theme folders
- screenshot, adding / Adding a screenshot
- configuration file, creating / Creating our configuration file
- installing / Installing our theme
- regions, setting up / Setting up our regions
- assets, setting up / Setting up our assets
- additional assets, adding / Adding additional assets
- default files, handling / Handling default files
- custom themes
- versus default themes / Default themes versus custom themes
- about / Folder structure and naming conventions
D
- database
- creating, for Drupal / Creating a new database for Drupal
- creating, phpMyAdmin used / Using phpMyAdmin
- database backup
- about / Database backup
- database export
- creating / Export settings
- database restore
- about / Database restore
- database snapshot
- restoring / Restoring our database snapshot
- date and time formats
- addressing / Date and time formats
- Default Comment type
- fields, reviewing / Reviewing Default Comment type fields and display
- display, reviewing / Reviewing Default Comment type fields and display
- default files
- handling / Handling default files
- default Search results
- viewing / Looking at default Search results
- default theme
- about / Default theme
- default themes
- versus custom themes / Default themes versus custom themes
- about / Folder structure and naming conventions
- dependencies / Creating a library reference
- design mockup
- navigating through / Walking through the design mockup
- homepage layout / Homepage layout
- basic page layout / Basic page layout
- Blog landing page / Landing page layout
- bog detail layout / Blog detail layout
- Contact Us page / Contact page
- search results / Search results
- Devel
- used, for printing variables / Using Devel to print variables
- URL / Using Devel to print variables
- project page, URL / Using Devel to print variables
- variables, printing from function / Printing variables from a function
- display, Blog Listing mockup
- managing / Managing the display
- fields, enabling / Enabling fields
- field label visibility / Field label visibility
- fields, formatting / Formatting fields
- display modes / Adding a new display mode
- Display Suite
- reference link / Where do we go from here?
- Document Object Model (DOM) / Creating a sticky header
- document root
- about / Creating our document root
- creating / Creating our document root
- Drupal
- database, creating for / Creating a new database for Drupal
- core themes / Drupal's core themes
- Drupal.org
- about / Downloading Drupal 8
- URL / Downloading Drupal 8
- reference link / Adding CSS classes to Twig
- Drupal 8
- installing / Installing Drupal 8
- downloading / Downloading Drupal 8
- folder structure, exploring / Exploring Drupal 8 folder structure
- configuration, managing in / Managing configuration in Drupal 8
- reference link / Overriding variables, Where do we go from here?
- URL / Working with the Theme layer
- security features, URL / Restoring our database snapshot
- challenges / Where do we go from here?
- theming documentation, reference link / Where do we go from here?
- Drupal 8 Installation, completing
- about / Completing Drupal 8 installation
- language, selecting / Choosing a language
- profile, selecting / Choosing a profile
- requirements, verifying / Verifying requirements
- database configuration / Database configuration
- site configuration / Configuring the site
- site maintenance account information / Site maintenance account
- regional settings / Regional settings
- notifications, updating / Update notifications
- Drupal API
- reference link / The role of the theme file in Drupal
- DrupalCon
- reference link / Where do we go from here?
- Drupal Views
- and Twig templates / Drupal Views and Twig templates
E
- elements
- inspecting, Google Chrome used / Using Google Chrome to inspect elements
- exercise files
- downloading / Downloading and extracting the exercise files
- extracting / Downloading and extracting the exercise files
- download link / Downloading and extracting the exercise files
- extends
- used, for sharing layouts / Using extends to share layouts
F
- Field Comments template
- creating / Creating a Field Comments template
- file properties
- reference link / Managing sites/default folder permissions
- filters
- reference link / Filters
- FlexSlider
- about / Configuring FlexSlider library
- reference link / Configuring FlexSlider library
- enabling / Enable FlexSlider
- folder structure
- about / Folder structure and naming conventions
- default themes / Folder structure and naming conventions
- custom themes / Folder structure and naming conventions
- folder structure, Drupal 8
- exploring / Exploring Drupal 8 folder structure
- core folder / The core folder
- modules folder / The modules folder
- sites folder / The sites folder
- themes folder / The themes folder
- Font Awesome
- about / Installing Font Awesome library
- reference link / Installing Font Awesome library
- footer
- implementing / Implementing the footer
- custom blocks, creating / Creating our custom blocks
- main footer, refactoring / Refactoring our main footer
- formats
- reference link / Date and time formats
- for tag
- reference link / Control structures
- fundamentals, Twig
- about / Twig fundamentals
- variables, commenting / Commenting variables
- variables, setting / Setting variables
- variables, printing / Printing variables
- variables, dumping / Dumping variables
- filters / Filters
- control structures / Control structures
G
- general settings, MAMP PRO / General settings for MAMP PRO
- global footer
- adding / Adding our global footer
- Global Header
- adding / Adding our Global Header
- Google Chrome
- used, for inspecting elements / Using Google Chrome to inspect elements
- Google Maps
- integrating, with contact page / Integrating Google Maps into our contact page
- reference link / Integrating Google Maps into our contact page
- configuring / Configure Google Maps
- block, creating / Creating our Google Maps block
H
- Header region
- implementing / Implementing our Header region
- logo, adding / Adding a logo
- Site branding, enabling / Enabling Site branding
- printing / Printing our Header region
- Block templates, creating / Creating Block templates
- search form block, implementing / Implementing our search form block
- search form block, placing / Placing our search form block
- search form block template, creating / Creating a search form block template
- custom JavaScript, adding / Adding custom JavaScript
- input element template, creating / Creating an input element template
- menus, working with / Working with menus
- menu template, creating / Creating a menu template
- System Menu block template, creating / Creating System Menu block template
- sticky header, creating / Creating a sticky header
- Header Top region
- implementing / Implementing our Header Top region
- Social Icons block, creating / Creating our Social Icons block
- Font Awesome library, installing / Installing Font Awesome library
- refactoring / Refactoring Header Top region
- Headline Region
- implementing / Implementing our Headline Region
- Headline View, creating / Creating our Headline View and Block
- Block, creating / Creating our Headline View and Block
- Headlines Block, adding / Adding our Headlines Block
- Headline region, printing / Printing our Headline region
- FlexSlider library, configuring / Configuring FlexSlider library
- library, attaching with Twig / Attaching a library using Twig
- FlexSlider, enabling / Enable FlexSlider
- Parallax, implementing / Implementing Parallax
- scroll effect, adding / Adding a scroll effect
- scroll script, enabling / Enabling the scroll script
- ScrollTo library, attaching with Twig / Attaching ScrollTo library using Twig
- homepage
- creating / Creating our homepage
- page templates, using / Using page templates
- static content, working with / Working with static content
- homepage layout, design mockup
- about / Homepage layout
- homepage region, defining / Defining homepage regions and user interaction
- user interaction, defining / Defining homepage regions and user interaction
- homepage template
- creating / Creating a homepage template
- hooks
- about / Preprocessors and hooks
- host entry
- about / Creating our host entry
- creating / Creating our host entry
- host settings, MAMP PRO / Host settings
- HTML wrapper
- creating / Creating our HTML wrapper
- web fonts / Introducing web fonts
I
- index
- adding / Adding an index
- bundles, configuring / Configuring bundles
- fields, adding to / Adding fields to our index
- info.yml file
- reviewing / Reviewing the new info.yml file
- metadata / Metadata
- installed themes
- about / Installed themes
- installing
- AMP stack / Installing an AMP (Apache, MySQL, PHP) stack
- MAMP / Installing MAMP
- Drupal 8 / Installing Drupal 8
- themes / Installing and uninstalling themes, Step one – installing a theme, Installing a new theme
- themes, from URL / Installing from a URL
- themes, manually / Manually installing a theme
- interior page template
- creating / Creating our interior page template
J
- JavaScript errors
- fixing / Fixing JavaScript errors
- jQuery-gMap plugin
- reference link / Integrating Google Maps into our contact page
- Jumbotron
- creating / Creating a Jumbotron
- block content, managing / Step one – managing block content
- page title, hiding / Step two – hiding the page title
L
- layout
- rethinking / Rethinking our layout
- regions, adding / Adding regions
- block content, managing / Managing the block content
- libraries
- about / Libraries
- defining / Defining a library
- overriding / Overriding libraries
- extending / Extending libraries
- attaching / Attaching a library
- attaching, Twig used / Using Twig to attach a library
- attaching, preprocess functions used / Using the preprocess functions to attach a library
- libraries, Bootstrap starter
- working with / Working with libraries
- assets, adding / Adding assets
- reference, creating / Creating a library reference
- including / Including our library
- libraries-override
- reference / Overriding a library
- local development environment
- setting up / Setting up a local development environment
- Local Tasks
- working with / Working with Local Tasks
- theming / Theming local tasks
- Status messages, working with / Working with Status messages
M
- main footer, refactoring
- first / Footer first
- second / Footer second
- third / Footer third
- bottom left / Footer bottom left
- bottom right / Footer bottom right
- main page structure
- implementing / Implementing our main page structure
- Node template, creating / Creating a Node template
- MAMP
- about / Introducing MAMP
- URL / Introducing MAMP
- downloading / Downloading MAMP
- URL, for downloads / Downloading MAMP
- installing / Installing MAMP
- MAMP PRO
- about / A quick tour of MAMP PRO
- general settings / General settings for MAMP PRO
- host settings / Host settings
- Manage fields / Reviewing Default Comment type fields and display
- metadata, info.yml file / Metadata
- modules
- reference link / Printing title and teaser
- panels / Where do we go from here?
- Page Manager / Where do we go from here?
- Display Suite / Where do we go from here?
- modules folder
- about / The modules folder
N
- naming conventions
- Node template
- implementing / Implementing our Node template
- Node template implementation
- CSS classes, adding to Twig / Adding CSS classes to Twig
- content variables, working with / Working with content variables
- without filter, using / Using the without filter
- post image slider, creating / Creating our post image slider
- field templates, working with / Working with field templates
- Owl Carousel library, adding / Adding the Owl Carousel library
- Twig filters, using for dates / Using Twig filters for dates
- title, printing / Printing title and teaser
- teaser, printing / Printing title and teaser
- post metadata, creating / Creating our post metadata
- field templates, creating / Field templates and taxonomy
- taxonomy / Field templates and taxonomy
- comments, handling in Drupal 8 / Handling comments in Drupal 8
O
- Owl Carousel
- reference link / Adding the Owl Carousel library
- adding / Adding the Owl Carousel library
P
- Page Manager
- reference link / Where do we go from here?
- page title
- hiding / Step two – hiding the page title
- implementing / Implementing our page title
- static HTML, working with / Working with static HTML
- new regions, adding / Adding new regions
- Page title block, reassigning / Reassigning the Page title block
- Title Bar region, printing / Printing the Title Bar region
- block template, creating / Creating a block template
- panels
- reference link / Where do we go from here?
- Parallax
- about / Implementing Parallax
- implementing / Implementing Parallax
- Parallax method / Homepage layout
- phpMyAdmin
- used, for creating database / Using phpMyAdmin
- popular, versus recent content
- managing / Managing popular versus recent content
- recent posts block, creating / Creating our recent posts block
- popular posts block, creating / Creating our popular posts block
- views, sorting by comment count / Sorting views by comment count
- view, attaching to footer / Attaching a view to the footer
- popular posts block, managing / Managing our popular posts block
- Twig and Bootstrap tabs, using / Using Twig and Bootstrap tabs
- views-view templates, using / Using Views-view templates
- Post Teaser Twig template, creating / Creating a Post Teaser Twig template
- Post Full template
- creating / Creating a Post Full template
- fields, altering / Altering fields
- Post Listing block
- managing / Managing our Post Listing block
- Post Listing view
- creating / Creating a Post Listing view
- Content Display modes, using with views / Using Content Display modes with views
- Post Type Comments field
- enabling / Enabling Post Type Comments field
- prebuilt themes
- using / Using prebuilt themes
- preprocess functions
- used, for attaching libraries / Using the preprocess functions to attach a library
- preprocessors
- about / Preprocessors and hooks
- project files
- using / Using the project files
R
- regions
- about / Blocks and regions, Regions
- blocks, placing into / Placing blocks into regions
- setting up / Setting up our regions
- region templates
- creating / Creating region templates
- responsive sidebars
- implementing / Implementing responsive sidebars
S
- Sassy / Subthemes
- screenshot
- adding / Adding a screenshot
- search alternatives
- about / Search alternatives
- Search API / Search API
- server, adding / Adding a server
- index, adding / Adding an index
- Search Results View, creating / Creating a Search Results View
- search form, using / Using our search form
- Search API
- reference link / Reviewing the Search Results mockup, Search API
- advantage / Search API
- about / Search API
- installing / Installing the Search API
- search form
- using / Using our search form
- search results count, displaying / Displaying the number of search results
- No Results message, adding / Adding a No Results message
- search pages
- editing / Editing search pages
- disabling / Disabling search pages
- Search Results mockup
- reviewing / Reviewing the Search Results mockup
- Search Results templates
- working with / Working with Search Results templates
- item list template, modifying / Modifying the item list template
- result, cleaning up / Cleaning up each result
- Search Results View
- creating / Creating a Search Results View
- view mode, using / Using the Search index view mode
- filter criteria, adding / Adding filter criteria
- exposed search form, placing / Placing our exposed search form
- placeholder attribute, adding / Adding our placeholder attribute
- Sensio Labs
- reference link / Working with Twig blocks
- server
- adding / Adding a server
- settings.local.php
- configuring / Configuring settings.local.php
- Seven
- about / Seven
- Share This
- reference link / Implementing social sharing capabilities
- sites/default folder permissions
- managing / Managing sites/default folder permissions
- sites folder
- about / The sites folder
- Slick Carousel
- reference link / Using Twig to attach a library
- SMACSS
- reference link / Defining a library
- social sharing capabilities
- implementing / Implementing social sharing capabilities
- Add This buttons / The Add This buttons
- Stark
- about / Stark
- starter themes
- about / Starter themes
- Status messages
- working with / Working with Status messages
- highlighted region, adding / Adding the Highlighted region
- block, theming / Theming our Status message block
- subthemes
- about / Subthemes
- theme folder, adding / Adding the theme folder
- screenshot, including / Including a screenshot
- theme, configuring / Configuring our theme
- theme, installing / Installing our theme
T
- Team members section
- implementing / Implementing our Team members section
- Team Member View, prepping / Prepping our Team Member View
- Team Member View, creating / Creating our Team Member View
- listing block, managing / Managing our Team Members listing block
- Views, formatting with CSS / Formatting Views with CSS
- CSS classes, adding to Views / Adding CSS classes to Views
- Twig variables, used for rewriting field content / Using Twig variables to rewrite field content
- View fields, rearranging / Rearranging View fields
- View header, adding / Adding a View header
- After Content region, refactoring / Refactoring the After Content region
- templates
- about / The role of templates in Drupal
- working / How templates work
- HTML wrapper / How templates work
- page wrapper / How templates work
- header / How templates work
- content / How templates work
- sidebar / How templates work
- footer / How templates work
- finding / Where to find templates
- template variables
- about / Template variables
- theme-specific settings
- about / Theme-specific settings
- theme file
- about / The role of the theme file in Drupal
- creating / Creating a theme file
- comment count, printing / Printing our comment count
- read more link, adding / Adding a read more link
- theme folders
- setting up / Setting up theme folders
- Theme layer
- working with / Working with the Theme layer
- themes
- about / What is a theme?
- installing / Installing and uninstalling themes, Step one – installing a theme, Installing a new theme
- uninstalling / Installing and uninstalling themes, Step two – uninstalling a theme
- installing, from URL / Installing from a URL
- installing, manually / Manually installing a theme
- theme settings
- about / Theme settings
- display, toggling of page elements / Toggling the display of page elements
- logo image settings / Logo image settings
- shortcut icon settings / Shortcut icon settings
- themes folder
- about / The themes folder
- cleaning up / Cleaning up our themes folder
- theme states
- about / Theme states
- installed themes / Installed themes
- uninstalled themes / Uninstalled themes
- default theme / Default theme
- title
- managing / Managing the title
- Twig
- used, for attaching libraries / Using Twig to attach a library
- URL / Introducing Twig
- about / Introducing Twig
- fundamentals / Twig fundamentals
- used, for attaching library / Attaching a library using Twig
- used, for attaching ScrollTo library / Attaching ScrollTo library using Twig
- Twig and Bootstrap tabs
- using / Using Twig and Bootstrap tabs
- Recent Posts Twig template / Recent Posts Twig template
- Popular Posts Twig template / Popular Posts Twig template
- Twig blocks
- working with / Working with Twig blocks
- Twig debug
- enabling / Enabling Twig debug
- Twig templates
- using / Using Twig templates
- homepage template, creating / Creating a homepage template
- region templates, creating / Creating region templates
- Theme layer, working with / Working with the Theme layer
- Devel, used for printing variables / Using Devel to print variables
- reusing / Reusing Twig templates
- extends, used for sharing layouts / Using extends to share layouts
- Twig blocks, working with / Working with Twig blocks
- Twitter Bootstrap
U
- uninstalled themes
- about / Uninstalled themes
- Upload a module or theme archive to install option / Uploading a module or theme archive to install
- URL
- themes, installing from / Installing from a URL
- User Picture field
- cleaning up / Cleaning up the User Picture field
- Field User Picture template, creating / Creating the Field User Picture template
V
- variables
- overriding / Overriding variables
- printing, with Devel / Using Devel to print variables
- printing, from function / Printing variables from a function
- visibility settings
- managing / Managing visibility settings
- content types restriction / Content types restriction
- page restriction / Page restriction
- role restriction / Role restriction
Y
- YAML, Symfony website
- reference link / Managing configuration in Drupal 8