Weekend Special: Save 30% on ALL memberships with the code: "WEEKEND30"
  Offer ends in 1 Day
3 out of 4 members use OSTraining at least once a week. You can build great websites. We can help.   Plans from $4 per month

| WordPress
How to Add a Sitemap to Your WordPress Site

Every website needs a sitemap, but it might not be for the reasons you expect.

Sitemaps do not improve your ranking in search engines. However, they do make sure more of your site's pages get indexed. They also make sure those pages get indexed more quickly. This article presents evidence that the difference is astounding:

  • Google with a sitemap: 14 minutes
  • Google without a sitemap: 1375 minutes
  • Yahoo with a sitemap: 245 minutes
  • Yahoo without a sitemap: 1773 minutes

I'm going to show you how to add a dynamic sitemap to your WordPress website.

Read more ...

| Web Design
Dark Sidebar Menus with White Icons and Text

This week a friend commented to me that too many user interfaces look like WordPress.

That's crazy talk, I thought, until I started Googling around. Almost every open source project I looked at seemed to use a dark sidebar menu with white icons and text. WordPress didn't start this design pattern, but they certainly popularized it.

Here are some of the admin area design for about 20 non-WordPress open source projects.

Read more ...

| Joomla
How to Embed Instagram Photos and Videos in Joomla

If you use Joomla, then you probably know that embeds can be confusing. It can be hard to find the right embed code and then keep it intact while using your WYSIWYG editor.

Thankfully, the OSEmbed extension makes Instagram embeds much easier.

In this tutorial, I'm going to show you how easy it is to embed Instagram videos and photos into Joomla.

Read more ...

| WordPress
How to Migrate Joomla to WordPress

This tutorial will show you how to migrate a Joomla site to WordPress.

We're going to do this with an out-of-the-box Joomla site with demo content and a brand-new WordPress site.

There are two things to note before we start:

  1. This will move all of your Joomla articles and convert them into WordPress posts. However, it won't move any components, templates, modules or plugins. To achieve similar functionality with your WordPress site, use WordPress plugins.
  2. Both the Joomla and WordPress sites need to be on the same database server. This won't migrate sites if they are hosted separately.

| WordPress
How Does the CMB2 Plugin Help WordPress Developers?

Have you heard about the WordPress plugin that seems to do nothing, but is installed on over 100,000 sites?

CMB2 is one of the most popular plugins in WordPress. We feature CMB2 heavily in the new class, "How to Develop WordPress Plugins". 

However, you would never realize how important CMB2 just by installing it from WordPress.org. When you install CMB2, it is invisible - your site will not change in any way.

CMB2 is short for "Custom Metaboxes", but that name probably doesn't help if you're new to WordPress development.

All-in-all, I think it's time for some explanations ...

Read more ...

| Drupal
What Are Experimental Modules in Drupal?

Drupal 8 introduced an interesting new approach called "experimental modules".

These experimental modules are included in the Drupal core, and have inspired several questions from OSTraining members. What are these experimental modules, and is it safe to use then?

Yes, experimental modules are shipped with the Drupal 8 core, but they are not yet fully supported. Here's the official explanation:

Experimental modules allow core contributors to iterate quickly on functionality that may be supported in an upcoming minor release and receive feedback, without needing to conform to the rigorous requirements for production versions of Drupal core. Like other features, new experimental modules can only be added in minor releases, but unlike other features, they may change between patch releases while they are still experimental.

Read more ...

How to Develop WordPress Plugins

This week's new class is "How to Develop WordPress Plugins". The class a step-by-step guide to building your first WordPress plugin.

We've released the first 25 videos, and there's much more to come over the next few weeks and months.

In this class, you're going to build a plugin called "Big ToDo". You can click here to download the completed project. It installs and works just well as any plugin on WordPress.org.

The plugin uses a custom post type, a custom taxonomy and a shortcode for the output. As you build the plugin, you'll learn about the best practices for WordPress development, including how to follow the recommended coding standards.

This intro video gives you a feel for the class and introduces you to the plugin project:

Read more ...

| Joomla
How to Recover a Lost Joomla Username and Password

We've had several people recently contact us after losing the login to their Joomla site. 

In this tutorial, you'll learn:

  1. How to recover your lost Joomla username
  2. How to recover your lost Joomla password
  3. How to recover your lost Super User password

Read more ...

| Drupal
Add Parallax Styled Blocks to Your Drupal 8 Theme

In this tutorial, I will explain how to use custom block types to create a Parallax effect in your Drupal 8 subtheme.

To follow along with these steps, it would help to have a good understanding of Drupal 8 theming. You can click here to take our Drupal 8 Theming Class.

To be able to follow this tutorial, you also need to install Bootstrap and create a subtheme from the CDN folder. You can follow our guide here in our earlier post.

Read more ...

| Drupal
Create a Drupal 8 Bootstrap subtheme using CDN

Bootstrap is an incredibly popular option for creating Drupal themes.

Using the Bootstrap CDN allows you to quickly and flexibly add custom code that overrides the Bootstrap defaults. This is a great way to make your own Drupal theme based on Bootstrap.

In this tutorial, we will demonstrate how to create a Drupal 8 subtheme that uses the Bootstrap CDN.

Read more ...

| Modules
How to Display the Same Joomla! Module in Multiple Positions

Joomla allows you to display the same module in multiple positions and place it on different pages.

For example, you might want to display the "Search" module in the "search" position on your Home page, but you want it in the "left" position on each sub-page.

Here is a quick and easy way to accomplish this.

Read more ...

| Drupal
Drupal 8 Field Layout Alternative to the Display Suite

In Drupal 7 to create custom displays, you would probably use Display Suite.

Drupal 8 just added a potential alternative to the Display Suite in the core experimental modules. The Field Layout and Layout Discovery modules will allow you to assign a layout to specific content types.

In this tutorial you will learn how to customise the display of content on a content type level with the Field Layout and Layout Discovery modules.

Read more ...

| Web Design
How to Create the Standard Bootstrap Navbar Button for Mobile Devices

Bootstrap is an HTML, CSS and JavaScript framework. Using it, you can easily build mobile-first responsive websites. It offers you plenty of pre-set CSS styling for web elements, including navigation bars.

In this tutorial, you will learn how to easily create a basic Bootstrap responsive navbar. Then you'll learn how to use a Bootstrap Standard Navbar Button for mobile devices.

Read more ...

How to Export Your Joomla! Database with phpMyAdmin

We had a request from a reader to provide more detailed instructions on working with your Joomla database.

In this tutorial, I'm going to help answer his request by showing how to manually export your Joomla database.

To perform the tasks in this article, you will need phpMyAdmin installed on your server. This comes pre-installed on most hosting company servers.

Read more ...

| Web Design
How to Create Multiple Responsive Columns with Bootstrap

Would you like to improve your website responsiveness with Bootstrap? The most important aspect of Bootstrap is its 12-column mobile first grid system. This is what you use to create a responsive layout.

In this video tutorial, you are going to create a basic website using Bootstrap and learn how to use Bootstrap grid system to create a responsive layout with multiple columns.

Read more ...

3 out of 4 members use OSTraining at least once a week. You can build great websites. We can help.   Plans from $4 per month