Some different modules and plugins can alter the display of a view in Drupal, for instance, to alternate the order of image and text every new row, or to build some kind of stacked layout. 

It is possible to alter the display of a view with just some lines of CSS code instead. This approach has many advantages, being the fact of not having to install and update a module, the most relevant one.

Keep reading to learn how!

Read more ...

OSTraining’s tenth anniversary is coming up on November 18th!

This is a meaningful milestone, and we owe a huge “Thank You” to OSTraining’s members, viewers and readers. You made this decade possible. Some of you have been with us since even longer - since 2006 and 2007, when we first started training.

Read more ...

Masonry is a very popular JavaScript library, that stacks items in columns and rows, like a masonry brick wall.

The items reorder themselves according to their size as the viewport size changes with a nice animation effect. For some examples, take a look at the official Masonry site.

It is possible to create a view in Drupal with this style of layout. Keep reading to learn how!

Read more ...

WordPress is an excellent platform for writing, editing and publishing content. So it’s important to know who has permission to do that on your WordPress site.

I’m going to explain the editing permissions for your WordPress posts.

This tutorial starts by explaining the default permissions and in the next two sections we'll see how to customize those permissions.

Read more ...

We've written about the PublishPress plugin before on this blog. In one popular post, we showed how to email WordPress users when a new post is published.

In this guide, we're going to talk more about those notifications. If SEO is really important for your site, we'll explain how to automatically get notified about the Yoast SEO score for new posts.

PublishPress now supports metadata in notifications.

Read more ...

Sometimes, when you start learning how to build websites, you often are confronted with a finished design and you start coding based on it with the available tools. So, you learn the basics of a CSS Framework to avoid the layout “problem” but at the end, editing the styles of such Frameworks can be overwhelming (in my own experience).

With some flexbox rules, it is possible to create different column patterns to use them on the fly by adding these classes to the HTML container tags of your document.

Keep reading to learn how.

Read more ...

WordPress arrives with five user roles that you’ll see on a new site.

• Subscriber
• Contributor
• Author
• Editor
• Administrator

Read more ...

If you have a busy website, you often have a busy menu.

That is why the navigation menus on these sites gradually start to look like user interfaces instead of simple menus. These menus with many features are often called megamenus.

In this tutorial, I will explain how to build a user-friendly mega menu using CSS Flexbox. I'll take you through 6 steps to create this menu.

Read more ...

This week we've published a major update for WooCommerce Explained, the best-selling WooCommerce book.

This book will teach you everything you need to know to make a WooCommerce site. And, it will do it in plain English, with a simple step-by-step approach.

WooCommerce 3.7 was released last week. This new version has lots of improvements and changes, including more Gutenberg blocks.

Read more ...

Extensive nodes (or other types of entities) with many text fields, such as biographies, often remain unread because of the huge (and discouraging) amount of text.

The Drupal 8 "Field Group" module allows you to group fields and to present them in containers like vertical or horizontal tabs, accordions or just plain wrappers. It lets you group fields in the frontend of your site, and in the backend as well.

Keep reading to learn how to use this module!

Read more ...

Thanks to the Google Fonts library, independent web developers and large web agencies as well, have access to a web repository of over 900 quality fonts ready to use at no cost.

Google Fonts Typography is one of the WordPress plugins that integrate Google Fonts with your WordPress site. I this tutorial, you will learn how to install and configure this plugin.

You will also learn how to integrate Google Fonts with your WordPress site directly, by adding a couple of lines of code in the functions.php file.

Let’s start!

Read more ...

When developing Drupal or WordPress sites locally on their machines, Linux users work traditionally with a LAMP stack.

LAMP is useful, but, there are now more modern tools to help you improve your development workflow. One of these new tools is DDEV.

Local Web Development With DDEV Explained is a book from OSTraining which shows you how to do local development in a way that matches modern development workflows.

The book focuses on using DDev on Mac and Windows machines. Building on the book, this guide shows you how to install DDEV on your Linux (Debian/Ubuntu-based) machine.

Read more ...

By default, WordPress arrives with five default user roles: Contributor, Subscriber, Author, Editor, and Administrator.

However, when you start installing plugins, you may see many extra roles.

For example, if you install Yoast SEO, there will be two new roles: “SEO Editor” and “SEO Manager”. If you then add WooCommerce, you'll find two more roles: “Shop manager” and “Customer”. The more plugins you add, the longer this list will become:

Read more ...

All over the web, you will find a design pattern, in which the information about the latest posts or any other kind of listing is presented in a card layout with the post image, its title, and often with a little excerpt of the article.

This visual aid is there for the users. It helps them to view the information quickly, and therefore make the right choice when clicking the “Read more” button.

The Content Views WordPress plugin allows you to configure two more layout styles:

• Collapsible list
• Scrollable list

You can use this to display a post or page “view” within your content. You can achieve this by using a shortcode that you get when configuring the view. Keep reading to learn how!

Read more ...

Long articles with many sections often discourage users from reading. They start reading and usually leave before reaching half of such articles.

To avoid this type of user experience, I recommend to group each section in your article into a collapsible tab. The article reader then will be able to digest the text in smaller pieces.

The Collapse Text Drupal 8 module adds editor filter plugin to your editor. You then will be able to create collapsible text tabs with a tag system similar to HTML.

Read on to learn how to use this module!

Read more ...