Modernizing Drupal 10 theme development build fast, responsive Drupal websites with custom theme design to deliver a rich user experience /

A comprehensive guide to creating Drupal themes from scratch, from design to fully styled websites with custom Twig templates and headless architecture Key Features Explore real-world examples with proven methodologies to gain a deeper insight into the Drupal theme layer Learn how to translate a gra...

Descripción completa

Detalles Bibliográficos
Clasificación:Libro Electrónico
Autor principal: Lusso, Luca (Autor)
Formato: Electrónico eBook
Idioma:Inglés
Publicado: Birmingham : Packt Publishing, Limited, 2023.
Edición:1st edition.
Temas:
Drupal (Computer file)
Web sites > Authoring programs.
Web site development.
Open source software.
Electronic books.
Acceso en línea:Texto completo (Requiere registro previo con correo institucional)
Tabla de Contenidos:
  • Cover
  • Title Page
  • Copyright and Credits
  • Dedication
  • Contributors
  • Table of Contents
  • Preface
  • Part 1
  • Styling Drupal
  • Chapter 1: Setting up a Local Environment
  • Technical requirements
  • Git
  • Docker
  • DDEV
  • Visual Studio Code
  • Installing the demo site
  • Cloning and building
  • Composer
  • Configuration management
  • Drush
  • Default Content
  • Yarn
  • Exploring the demo site
  • Fields
  • Paragraph types
  • Content types
  • Vocabulary
  • Blocks
  • Views
  • Menus
  • Disabling production optimization
  • Summary
  • Chapter 2: Setting a New Theme and Build Process
  • Where to start
  • Core
  • Contributed open source themes
  • Commercial
  • Custom
  • Using a starterkit
  • Keeping things updated
  • Clearing the cache
  • Which tools to use
  • Tailwind CSS
  • PostCSS
  • webpack
  • Browsersync
  • BackstopJS
  • Ensuring coding standards
  • Stylelint
  • ESLint
  • PHPCS
  • Setting up a build process
  • Summary
  • Chapter 3: How Drupal Renders an HTML Page
  • What is a template?
  • WebProfiler
  • Twig
  • Custom modules
  • What is a render array?
  • The dump() function
  • Cache
  • Controllers and blocks
  • Regions
  • Controller actions
  • Blocks
  • How to inject CSS and JavaScript into a template
  • Libraries
  • Attaching the library to a render array
  • Custom CSS
  • Custom JavaScript
  • Alternate ways to render a controller action output
  • Summary
  • Chapter 4: Mapping the Design to Drupal Components
  • What is a design system?
  • Design tokens
  • Atomic design
  • Storybook
  • Splitting mockups into components
  • The home page
  • The trips page
  • The Trip page
  • The level page
  • The Search page
  • The login page
  • The Contact Us page
  • Forecast page
  • Mapping components to Drupal structures
  • Menu
  • MenuItem
  • Block and Region
  • Social
  • MenuBlock
  • Footer
  • Picture and PictureWithCaption
  • Slide, Slider, Grid, and Card
  • Term and Details
  • Body
  • Map
  • Table
  • Trip
  • Quote
  • Weather and Forecast
  • Banner
  • Level
  • Search result
  • User Login
  • Summary
  • Chapter 5: Styling the Header and the Footer
  • Regions and blocks
  • Passing PHP variables by reference
  • Retrieving the currently active theme
  • Rendering an array for (very) simple markup
  • Twig's autoescape feature
  • How to override a template
  • Defining theme regions
  • Custom page.html.twig
  • Overriding custom templates
  • Including templates
  • Finding templates
  • Template suggestions
  • Providing a new suggestion
  • Blocks
  • Styling menus
  • Template preprocess
  • Xdebug
  • Summary
  • Chapter 6: Styling the Content
  • Entity, fields, bundles, and display modes
  • Bundles
  • Display modes
  • Media and image styles
  • Image styles
  • Taxonomy terms
  • How to structure content
  • Using fields
  • Using paragraphs
  • Defining a new field formatter
  • Plugins
  • Customizing the WYSIWYG editor
  • Text formats
  • Alternative ways to manage content
  • Summary
  • Chapter 7: Styling Forms
  • Understanding forms
  • Render elements

Ejemplares similares