WebWash Blog
198 FOLLOWERS
WebWash offers high-quality tutorials about the latest web technologies especially Drupal. They are focusing on Drupal for now. Readers will discover new and exciting modules as well as learn how to develop websites the "Drupal way".
WebWash Blog
3M ago
Drupal 10.3 introduces a new experimental navigation module, offering a modern alternative to the traditional toolbar.
Key features of the new navigation bar:
Located on the left side of the screen.
Automatically expands menus on hover.
Allows users to drill down through configuration pages.
Replaces the top toolbar on the home page.
To try it out:
Ensure Drupal 10.3 is installed.
Go to “Extend” and search for “navigation”.
Install the “Navigation” module (not “Navigation top bar”).
The new navigation bar provides a fresh, modern look for Drupal sites. However, as an experimental module, i ..read more
WebWash Blog
5M ago
Drupal Starshot is a new packaged and pre-configured version of Drupal that was announced at DrupalCon Portland. It is not a separate fork or rewrite of Drupal.
Drupal Starshot takes advantage of the new Recipes feature introduced in Drupal versions 10.3 and 11.
Recipes allow installing Drupal with a complete, ready-to-use website, going beyond the standard installation profile.
More details about the Drupal Starshot initiative are available on its official page ..read more
WebWash Blog
5M ago
Adding custom HTML to your Drupal site is easy with content blocks – no coding required. Content blocks are great for inserting subscription forms, social media buttons, promo banners, or custom formatting.
Let’s walk through the steps to create a content block and place it on your Drupal site ..read more
WebWash Blog
8M ago
Did you know you can compare and sync files directly in PhpStorm. I’ve used this to sync theme changes in Drupal sites. Steps: 1. Select the folders you want to compare. 2. Right-click on the selected folders, then click on “Compare Directories”. 3. Review changes and set the copy from left to right by right-clicking ..read more
WebWash Blog
8M ago
Webform is a Drupal module that allows you to create forms directly in Drupal without using a 3rd party service.
It can be used to create basic “Contact Us” and complex application forms with custom field logic and integration.
In this getting started guide you’ll learn how to:
Create a form
Add elements to form
Customize form with conditional logic
Embed the form
Send submissions to Google Sheets
This tutorial accompanies the video above ..read more
WebWash Blog
8M ago
Did you know you can perform a full-text search in a database using PhpStorm (any IntelliJ based IDE) This is useful for debugging and investigating why specific markup appears, especially if you can’t find them in the theme or modules. It’s useful for searching cache tags and markup in the cache tables. First you’ll need ..read more
WebWash Blog
9M ago
The Gutenberg Editor is a powerful page building tool for Drupal that utilizes a block building system to create and edit content.
This comprehensive guide walks you through each step of setting up and using the Gutenberg Editor.
From downloading and installing the Gutenberg module, to enabling it on your content types, and finally using it to create your content using blocks, this guide has you covered.
To get the most out of this guide, follow the video above ..read more
WebWash Blog
1y ago
Radix is a Bootstrap base theme for Drupal that provides a solid foundation for building your website. It includes built-in Bootstrap 4 and 5 support, Sass, ES6, and BrowserSync. This makes it easy to create a website that looks great on all devices and is easy to maintain.
In this video, you’ll learn the following:
Download and install Radix.
Generate a Radix sub-theme.
Integrate a Bootswatch theme in your site.
Implement the Carousel component using blocks and paragraphs.
Implement the Accordion component using paragraphs.
Display articles in a Bootstrap grid using Views ..read more
WebWash Blog
1y ago
The OpenAI/ChatGPT module allows you to integrate OpenAI’s artificial intelligence technology into your Drupal website. This can generate, translate, summarize content, answer questions, and more.
To use the module, you must create an OpenAI account and obtain an API key. Once you have your API key, you can install the OpenAI module on your website.
The module’s functionality is broken down into separate sub-modules. Just install the module that you plan to use.
In this tutorial, we’ll look at the following modules:
OpenAI CKEditor integration
OpenAI Content Tools ..read more
WebWash Blog
1y ago
Elementor is a WordPress page builder that makes creating beautiful and professional-looking websites easy without coding knowledge. One of the most powerful features of Elementor is its form builder. Using Elementor’s form builder, you can create different forms such as contact us or newsletter subscription ..read more