This is actually quite a common question from our students. They start building their Drupal site. Then they go to work with their blocks or menus.
Then they accidentally disable the "Log in" menu link. There is no "Log in" link displayed on the site anymore. Neither for them nor for their visitors.
In this short tip, you will learn how to login to your Drupal admin page in such situation.
Telegram is an easy to use free chat application that is rapidly winning fans all over the world.
There is a Telegram plugin for WordPress but there is not yet a Telegram module for Drupal.
In this tutorial, you will learn how to integrate the Telegram app with your Drupal 8 site using JavaScript from Re:plain.
CSS Grid is revolutionizing webdesign
For the last two decades, we've relied on CSS to lay out websites, but it has always been missing some key functionality. We've relied on workarounds such as tables, floats, and positioning.
CSS Grid is different and better.
CSS Grid allows you to create a grid-based layout system, using columns and rows. You don't have to use any workarounds. You don't have to use different hacks for different browsers. You don't have to install any extra frameworks.
Because it's such a useful tool, we wrote CSS Grid Explained. CSS Grid Explained is a fun, practical introduction to CSS Grid. This was the 10th book from OSTraining, and also one of our most popular. So we've been working on big updates for the book.
One of Drupal’s big advantages is its possibility to structure content with the use of fields. However, from time to time you will want to link a file to your content without the need of adding a field to the database for that purpose.
The D8 Editor File Upload module provides this functionality by adding a button to the toolbar of the rich text editor (in this case CKEditor). This way it is possible to upload a file and present it within the content as a link. This tutorial will expĺain the usage of this module.
Let’s start!
It's amazing how much has been written about the new Gutenberg editor for WordPress.
But many people haven't really started to the use Gutenberg in the daily publishing workflow. As a result, Gutenberg is still full of semi-secret features.
One such feature is the "Pre-Publish Checks" screen in Gutenberg. When you click "Publish" on a post, you'll now see the sidebar shown below. WordPress asks "Are you ready to publish?" and encourages you to double-check your settings:
In the previous tutorials of the "CSS Flexbox" series, you learned that the flex-grow property specifies how items expand relative to each other to fill up the available remaining space within the flex-container.
You also learned that flex-shrink sets how items shrink relative to each other if there is not enough space available within the flex-container. The flex-basis property assigns a fixed, ideal width (or height) to the flex-items.
All these properties can be summed up in one shorthand property, the flex property.
Let’s take a look at an example!
Tables are often the best way to display complicated information but they can be difficult to make attractive.
Tables can be used to display information that needs to be compared in order for it to make sense. But sometimes they can be difficult to read and even harder to put into documents. Updating them can also be difficult if information needs to be reorganized or updated.
TablePress is an easy-to-use plugin for WordPress. It lets you create and manage beautiful tables without having to code anything. You can embed tables into posts, pages, or text widgets using a shortcode.
Since 2018, European site-builders have a legal obligation to meet a specific requirement. Their sites must display a banner to inform people about the use of cookies.
This European requirement is mandatory in order to comply with the GDPR (General Data Protection Regulation).
In other words, you must ask user permission if you want to store cookies on the browser of a European (EU) citizen.
The EU Cookie Compliance D8 module provides an easy way to manage this type of functionality. In this tutorial, you will learn about the installation and basic configuration of this module.
Let’s start!
In the third tutorial of this series, you learned that the align-items flexbox property specifies how flex-items are distributed along the cross axis of the flex-container. The align-content property specifies how the lines inside the container will be distributed, once you have applied the flex-wrap property.
The align-content property accepts 6 possible values:
stretch (default)centerflex-startflex-endspace-betweenspace-aroundLet’s demonstrate this with an example!
Until now, you have seen that flex-items stay on the same line, regardless of the content inside them and the space available.
With the flex-wrap property, it is possible to make flex-items wrap over to the next line.
Let’s demonstrate this property with an example.
This week we continue to update our training for the new Gutenberg editor.
"Your Introduction to WordPress Plugins" is a guide to WordPress plugins now that Gutenberg is here.
These videos will show you how to find, evaluate and install the best plugins for your WordPress site. You'll see plugins for SEO, planning content, eCommerce and more.
You can test out all the plugins thanks to the new OSTraining sandbox sites.
WordPress 5.2 is out now and it brings several useful new features, both large and small.
One of the nice small improvements is the ability to disable unwanted blocks. By default, WordPress arrives with dozens of blocks and every time you install a plugin, there's a chance that the plugin will add many more.
If your site ends up with hundreds of blocks, your writing interface will be slow and confusing. Here's a preview of all the block areas, even in a default WordPress site:
WordPress has its own built-in search facility. This works fairly well, but it doesn’t let you make any changes to its standard settings.
If you want a search facility that searches only specific sections of your website or if you want to exclude some pages from the search you will need a plugin.
The Field Permissions module in Drupal 8 allows you to set permissions (enter, edit or view) on a Drupal field, based on the role the user belongs to.
In order to demonstrate how this module works, we are going to create a content type called "Essay" for the website of a school.
There will be 2 roles:
The Freshmen permission will not be allowed to choose the subject of the essay, whereas the Sophomores will have the possibility to choose between literature and history. However, there will be no possibility to change the subject once a student has made a choice.
Let’s start!
If you want to place flex-items in a particular sequence inside their flex-container, independently of how they are placed in the HTML code, you use the CSS Flexbox order property.
As you already learned in the first tutorial of this series, you can invert the order of the flex-items using row-reverse on the inline axis. This is useful when using right-to-left languages like Urdu or Hebrew.
It is also possible to invert the order of flex-items on the block axis using flex-direction: column-reverse.
The order property gives you much more flexibility because it allows you to visually change the order of each item and still keep the source order in the markup (HTML code). This is very useful for people, who use screen readers (accessibility is important).
Let’s take a look at an example.
There are a lot of ways to translate your WordPress site.
You can use an automatic translation widget such as Google Translate. You can use a fully-featured plugin such as WPML. You can use a professional translation service such as Acclaro.
However, I don’t think I’ve ever seen a translation service as slick as Weglot.
Weglot is a WordPress plugin that connects to a SaaS service. It will translate your site automatically and then allow you to fix any mistakes in the text.