Getting Started with Paragraphs and Bootstrap in Drupal
Learn how to implement the Bootstrap card component using Paragraphs and Radix in Drupal.
🔥Drupal 8 Site Building Masterclass sale $99 🔥
https://www.webwash.net/product/drupal-site-building-masterclass/
📖Read full tutorial: https://www.webwash.net/?p=13763
TABLE OF CONTENT:
00:00 Pre-intro
00:41 Introduction
02:40 Install Paragraphs
03:34 Configure paragraphs
11:56 Paragraphs Widgets
17:53 Create Radix Sub-theme
25:51 Twig debugging
29:05 Implement Card deck component
32:50 Implement card component
40:12 Override Field Template
45:50 Paragraphs Library
Links:
- Bootstrap Card: https://getbootstrap.com/docs/4.4/components/card/#card-decks
- Twig debugging: https://www.drupal.org/docs/8/theming/twig/debugging-twig-templates
- Radix blocks placement: https://www.webwash.net/?p=8494#add-blocks-to-the-right-region
Composer:
composer require drupal/radix drupal/radix drupal/entity_usage
Modules:
- Radix (https://www.drupal.org/project/radix)
- Paragraphs (https://www.drupal.org/project/paragraphs)
- Components (https://www.drupal.org/project/components)
- Entity Usage (https://www.drupal.org/project/entity_usage)
📩 Subscribe to our newsletter for updates: https://www.webwash.net/newsletter
👥 Connect with us
https://www.webwash.net/
https://www.youtube.com/c/webwashnet
https://twitter.com/webwashnet
https://www.facebook.com/webwash/
https://www.instagram.com/webwash/
#drupal8 #bootstrap
Видео Getting Started with Paragraphs and Bootstrap in Drupal канала WebWash
🔥Drupal 8 Site Building Masterclass sale $99 🔥
https://www.webwash.net/product/drupal-site-building-masterclass/
📖Read full tutorial: https://www.webwash.net/?p=13763
TABLE OF CONTENT:
00:00 Pre-intro
00:41 Introduction
02:40 Install Paragraphs
03:34 Configure paragraphs
11:56 Paragraphs Widgets
17:53 Create Radix Sub-theme
25:51 Twig debugging
29:05 Implement Card deck component
32:50 Implement card component
40:12 Override Field Template
45:50 Paragraphs Library
Links:
- Bootstrap Card: https://getbootstrap.com/docs/4.4/components/card/#card-decks
- Twig debugging: https://www.drupal.org/docs/8/theming/twig/debugging-twig-templates
- Radix blocks placement: https://www.webwash.net/?p=8494#add-blocks-to-the-right-region
Composer:
composer require drupal/radix drupal/radix drupal/entity_usage
Modules:
- Radix (https://www.drupal.org/project/radix)
- Paragraphs (https://www.drupal.org/project/paragraphs)
- Components (https://www.drupal.org/project/components)
- Entity Usage (https://www.drupal.org/project/entity_usage)
📩 Subscribe to our newsletter for updates: https://www.webwash.net/newsletter
👥 Connect with us
https://www.webwash.net/
https://www.youtube.com/c/webwashnet
https://twitter.com/webwashnet
https://www.facebook.com/webwash/
https://www.instagram.com/webwash/
#drupal8 #bootstrap
Видео Getting Started with Paragraphs and Bootstrap in Drupal канала WebWash
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Drupal 8 Caching: A Developer’s Guide](https://i.ytimg.com/vi/eB4NWo5XwMY/default.jpg)
![Theming with Twig in Drupal 8](https://i.ytimg.com/vi/S0oJGy4a65Q/default.jpg)
![Getting Started with Bootstrap 4 using Radix in Drupal 8](https://i.ytimg.com/vi/ak1IOcYnN9s/default.jpg)
![Introduction to the Paragraphs Module in Drupal 8](https://i.ytimg.com/vi/Fy9s01T30uo/default.jpg)
![Media Management in Drupal 8 - Updated 2020](https://i.ytimg.com/vi/NDR5VLSlSuQ/default.jpg)
![Creating Layouts & Landing Pages in Drupal: the Paragraphs vs. Layout Builder Edition](https://i.ytimg.com/vi/IFo5KvC6nd8/default.jpg)
![Generate Open Graph Meta Tags for Facebook using Metatag in Drupal](https://i.ytimg.com/vi/KtjnwTBxrlc/default.jpg)
![Paragraphs like pros](https://i.ytimg.com/vi/6XByAwWiByU/default.jpg)
![[1/9] - Beginners Symfony 4 Tutorial - Getting Started With Symfony 4](https://i.ytimg.com/vi/sT4dMKSA1-A/default.jpg)
![Getting Started with ng-bootstrap in Angular 6](https://i.ytimg.com/vi/tybcHBQIpwk/default.jpg)
![Layout Builder in the Real World](https://i.ytimg.com/vi/5Y-lo_PaHLI/default.jpg)
![Drupal Live Site Build (Part 1) - Project Set Up, Bootstrap Card Component using Layout Builder](https://i.ytimg.com/vi/iwJW18NA_S4/default.jpg)
![Using Code Generators in Drupal 8](https://i.ytimg.com/vi/OBuOFAca4kM/default.jpg)
![Delete Files Instantly Using Fancy File Delete in Drupal](https://i.ytimg.com/vi/bUdHoI1fagA/default.jpg)
![How to Build a Directory site using Drupal 8](https://i.ytimg.com/vi/j7nWAKX_o5w/default.jpg)
![Group Microsites - Harnessing the power of the D8 Group module](https://i.ytimg.com/vi/Ns4SUtyiYFs/default.jpg)
![Drupal vs WordPress: Best CMS in 2021](https://i.ytimg.com/vi/L8KJKLLp_Lg/default.jpg)
![Use Taxonomy Terms as Webform Options in Drupal 8](https://i.ytimg.com/vi/hAqbYDm5EDg/default.jpg)
![Developing with Drupal 9 including composer, drush and Docker](https://i.ytimg.com/vi/XJatVmC5-ro/default.jpg)
![Getting Started with Bootstrap 4 using Barrio in Drupal 8](https://i.ytimg.com/vi/D5A_aFdlWEs/default.jpg)