Stephen Burge's Blog, page 12

CSS Flexbox #16. How to Create Column Patterns with Flexbox

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.



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]

Allow WordPress Users to Create Only Lower-level Accounts

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

Subscriber
Contributor
Author
Editor
Administrator




[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]

CSS Flexbox #15. How to Create a Megamenu With Flexbox

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 megamenu using CSS Flexbox. I'll take you through 6 steps to create this menu.



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]

The WooCommerce Explained Book Is Ready for WooCommerce 3.7

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.



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]

How to Display Your Fields Inside Tabs in Drupal 8

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!



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]

How to Group Entity Fields in Tabs in Drupal 8

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!



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]

2 Ways to Add Google Fonts to Your WordPress Site

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!



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]

Set Up Linux DDEV Environments for WordPress and Drupal

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.



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]

How to Set Up a DDEV Environment in Linux for Your WordPress and Drupal Projects

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

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

Keep reading to learn how to install DDEV on your Linux (Debian/Ubuntu-based) machine!



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]

How to Remove Unwanted WordPress User Roles

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:



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]