How to Use the New WordPress Block Editor (Gutenberg Tutorial)

In WordPress 5.0, the classic content editor was replaced with a brand new block editor, known as Gutenberg. Since then, several of our readers have asked us to create a comprehensive tutorial on how to use the Gutenberg block editor in WordPress.

WordPress block editor is a totally new and different way of creating content in WordPress. In this tutorial, we will show you how to use the new WordPress block editor and master it to create visually stunning blog posts and pages.

Using the new WordPress block editor aka Gutenberg

What’s The Difference Between Block Editor (Gutenberg) and Classic Editor?

Before we dive into the new editor, let’s first compare and understand the differences between Gutenberg Block Editor and the Classic Editor.

Here is what the classic editor in WordPress looked like:

Old WordPress editor

If you upgrade to WordPress 5.0, then this is what the new block editor looks like:

New WordPress Block Editor also known as Gutenberg

As you can see, they are two completely different editors for creating content in WordPress.

The old classic editor was a text editor with formatting buttons very similar to Microsoft Word.

The new editor uses a totally different approach, called ‘Blocks’ (hence, the name Block Editor).

Blocks are content elements that you add to the edit screen to create content layouts. Each item you add to your post or page is a block.

You can add blocks for each paragraph, images, videos, galleries, audio, lists, and more. There are blocks for all common content elements and more can be added by WordPress plugins.

How is the new WordPress block editor better than the classic editor?

The new WordPress block editor offers a simple way to add different types of content to your posts and pages.

For example, previously if you wanted to add a table in your content, then you needed a separate table plugin.

With the new editor, you can simply add a table block, select your columns and rows, and start adding content.

Table block

You can move content elements up and down, edit them as individual blocks, and easily create media-rich content.

Most importantly, the new WordPress block editor is easy to use and learn.

This gives an immense advantage to all WordPress beginners who are just starting their first blog or building a DIY business website.

That being said, let’s take a look at how to use the new WordPress block editor like a pro to create great content.

Here is what we will cover in this Gutenberg tutorial:

  1. Using Gutenberg – The new WordPress block editor
  2. Creating a new blog post or page
  3. How to add a block in Gutenberg
  4. Working with blocks in the new editor
  5. Saving and reusing blocks in Gutenberg
  6. Publishing and post settings in Gutenberg
  7. Plugin settings in new editor
  8. Adding some common blocks in Gutenberg
  9. Exploring some new content blocks in Gutenberg
  10. Bonus tips on using Gutenberg like a pro
  11. Adding more blocks to Gutenberg Block Editor
  12. FAQs about Gutenberg

Ready? Let’s dive in.

Using Gutenberg – The New WordPress Block Editor

The block editor is designed to be intuitive and flexible. While it looks different than the old WordPress editor, it still does all the things that you were able to do in the classic editor.

Let’s start with covering the basic things that you did in the classic editor, and how they are done in the block editor.

Creating a New Blog Post or Page Using The Block Editor

You will start creating a new blog post or page like you normally would. Simply click on Posts » Add New menu in your WordPress admin. If you are creating a page, then go to Pages » Add New menu.

Adding a new post

This will launch the new block editor.

How to Add a Block in Gutenberg

The first block of every post or page is the title.

After that, you can use the mouse to move below the title or press the tab key on your keyboard to move down and start writing.

Adding a post title in Gutenberg

By default, the next block is a paragraph block. This allows users to start writing right away.

However, if you want to add something different, then you can click on the add new block button on the top left corner of the editor, below an existing block, or on the left side of a block.

Add new block button

Clicking on the button will show the add block menu with a search bar on top and commonly used blocks below.

You can click on tabs to browse block categories or type in the keyword to quickly search for a block.

Finding and adding blocks in Gutenberg

If you don’t want to use a mouse to click on the button, then you can use a keyboard shortcut by typing / to search and add a block.

Working with Blocks in The New Editor

Each block comes with its own toolbar which appears on top of the block. The buttons in the toolbar would change depending on the block you are editing.

For example, in this screenshot, we are working in a paragraph block which shows basic formatting buttons like: text alignment, bold, italic, insert-link, and strikethrough buttons.

Each block comes with its own toolbar

Apart from the toolbar, each block can also have its own block settings which would appear in the right column of your edit screen.

Block settings

You can move blocks up and down by simple drag and drop or by clicking the up and down buttons next to each block.

Moving a block up and down

Saving and Reusing Blocks in Gutenberg

One of the best things about blocks is that they can be saved and reused individually. This is particularly helpful for bloggers who frequently need to add specific content snippets to their articles.

Simply click on the menu button located at the right corner of each block’s toolbar. From the menu, select ‘Add to reusable blocks’ option.

Saving a block to reuse later

You will be asked to provide a name for this reusable block. Enter a name for your block and then click on the save button.

Giving a name to reusable block

The block editor will now save the block as a reusable block.

Now that you have saved a block, let’s see how to add the reusable block into other WordPress posts and pages on your site.

Simply edit the post or page where you want to add the reusable block. From the post edit screen, click on the add block button.

You will find your saved block under the ‘Reusable’ tab. You can also find it by typing its name in the search bar.

Insert a reusable block

You can take your mouse over it to see a quick preview of the block. Simply click on the block to insert it into your post or page.

All reusable blocks are stored in your WordPress database, and you can manage them by clicking on the ‘manage all reusable blocks’ link.

Manage your reusable blocks

This will bring you to the block manager page. From here, you can edit or delete any of your reusable blocks. You can also export reusable blocks and use them on any other WordPress website.

Import export reusable blocks in WordPress

Publishing and Managing Options in Gutenberg Block Editor

Each WordPress post contains a lot of metadata. This includes information like publish date, categories and tags, featured images, and more.

All these options are neatly placed in the right column on the editor screen.

Document settings in Gutenberg the new WordPress editor

Plugin Options in Gutenberg

WordPress plugins are able to take advantage of the block editor’s API to integrate their own settings within the edit screen.

Some popular plugins are already available as blocks. For example, WPForms, the best WordPress form builder plugin allows you to add forms into your content using a widget block.

WPForms block in new Gutenberg editor

Here is how Yoast SEO allows you to edit your SEO settings in the new editor:

Yoast SEO settings in new Gutenberg editor

WooCommerce also comes with widget blocks that you can easily add to any of your WordPress posts and pages.

WooCommerce products block

Adding Some Common Blocks in New Editor

Basically, the new editor can do everything the classic editor did. However, you will be doing things way quicker and elegantly than before.

1. Adding an image in new WordPress editor

There is a ready to use image block in the new WordPress editor. Simply add the block and then upload an image file or select from the media library.

Image block in new WordPress editor

You can also drag and drop images from your computer, and the editor will automatically create an image block for it.

Once you have added an image, you will be able to see the block settings where you can add metadata for the image like alt text, size, and add a link to the image.

Image block settings

2. Adding a link in new block Editor

The block editor comes with several blocks where you can add text. Most commonly used one is the paragraph block which comes with an insert link button in the toolbar.

All other commonly used text blocks also include a link button in the toolbar.

Link button in the list block

You can also insert a link using the keyboard shortcut, which is Command + K for Mac and CTRL + K on Windows computers.

3. Adding an image gallery in Gutenberg

The gallery block works like the image block. You add it and then upload or select image files.

Adding image gallery in new WordPress editor

4. Adding shortcodes in WordPress posts using Gutenberg

All your shortcodes will work just like they did in the classic editor. You can simply add them to a paragraph block, or you can use the shortcode block.

Adding a shortcode block

Exploring Some New Content Blocks in Gutenberg

The Gutenberg editor promises to solve some long-standing usability issues in WordPress by introducing some new blocks.

Following are some of the favorites that we believe users will find immensely helpful.

1. Adding an image next to some text in WordPress

Using the old editor, many of our users were unable to place an image next to the text. You can do this now with the Media & Text block.

Media and Text block

This simple block comes with two blocks placed side-by-side allowing you to easily add an image and add some text next to it.

2. Adding a button in WordPress posts and pages

Adding a button to your blog posts or pages was another annoyance in the classic editor. You either had to use a plugin that created a shortcode for the button, or you had to switch to HTML mode and write code.

Gutenberg comes with a button block that allows you to quickly add a button to any post or page.

Adding a button block in Gutenberg

You can add a link for your button, change colors, and choose from three button styles.

3. Adding beautiful cover images in blog posts and landing pages

Another cool feature that you may want to try is the ‘Cover’ block, which allows you to add cover images to your posts and pages.

A cover image is a wider image often used as a cover for a new section in a page or the beginning of a story. They look beautiful and allow you to create engaging content layouts.

Simply add a cover block and then upload the image you want to use. You can choose an overlay color for the cover or make it a fixed background image to create parallax effect when users scroll down the page.

The cover image block in Gutenberg editor

4. Creating tables inside articles

The classic editor didn’t have a button to add tables into your WordPress posts. You had to use a plugin or create a table writing custom CSS and HTML.

New Gutenberg editor comes with a default Table block, which makes it super easy to add tables into your posts and pages. Simply add the block and then select the number of columns and rows you want to insert.

Table block

You can now go ahead and start adding data to table rows. You can always add more rows and columns if needed. There are also two basic style options available.

5. Creating multi-column content

Creating multi-column content was another issue that the classic editor didn’t handle at all. The block editor allows you to add Columns block, which basically adds two columns of paragraph blocks.

Multi-column content

This columns block is quite flexible. You can add up to 6 columns in a row and even use other blocks inside each column.

Bonus Tips to Use Gutenberg like a Pro

Looking at the new block editor, you may be wondering whether you will be spending more time adding and adjusting blocks than creating actual content?

Well, the new editor is incredibly fast and even very basic usage for a few minutes will allow you to instantly add blocks without even thinking.

Pretty soon you will realize how much faster your workflow will become with this new approach.

For power users, here are some bonus tips to help you work even faster with the new WordPress editor.

1. Move the block toolbar to the top.

As you may have noticed in the screenshots that there is a toolbar that appears on top of every block. You can move this toolbar to the top of the editor.

Simply click on the three-dot button at the top right corner of the screen and then select the Top Toolbar option.

Move the block toolbar to the top of the editor

2. Use keyboard shortcuts

Gutenberg comes with several handy shortcuts that will make your workflow even better. The first one you should start using right away is the /.

Simply enter / and then start typing, and it will show you matching blocks that you can instantly add.

For more shortcuts, click on the three-dot menu on the top-right corner of your screen and then select ‘Keyboard Shortcuts’.

Launch keyboard shortcuts

This will bring up a popup with the list of all the keyboard shortcuts that you can use. The list will have different shortcuts for Windows and Mac users.

3. Drag and drop media to automatically create media blocks

Gutenberg allows you to just drag and drop files anywhere on the screen and it will automatically create a block for you.

You can drop a single image or video file, and it will create the block for you. You can also drop multiple image files to create a gallery block.

Drag and drop gallery block in new WordPress editor

4. Adding YouTube, Twitter, Facebook, Vimeo, and other embeds

Gutenberg introduces new embed blocks to the block editor. There is a block for all supported embed types including YouTube, Twitter, Facebook, and more.

Embed blocks

However, you can just copy and paste the embed URL at any point, and it will automatically create a block for you.

For example, if you added a YouTube video URL, it will automatically create a YouTube embed block and display the video.

YouTube embed

Adding More Blocks to Gutenberg Block Editor in WordPress

The new block editor in WordPress allows developers to create their own blocks. There are some awesome WordPress plugins offering block bundles for the new editor.

Here are a few of them:

1. Advanced Gutenberg

Advanced Gutenberg

Advanced Gutenberg comes with several blocks for popular content elements like WooCommerce product slider, testimonials, maps, counter, tabs, accordions, and more.

It also gives you advanced control on which users can access blocks based on their user roles. You can create user profiles and select which blocks they can add.

2. Stackable – Gutenberg Blocks

Stackable - Gutenberg Blocks

Stackable – Gutenberg Blocks is a collection of beautifully designed Gutenberg blocks that you can use on your website. It includes blocks for the container, posts, feature grid, accordion, image box, icon list, call to action, and more.

3. Editor Blocks

Editor blocks for Gutenberg

Editor Blocks is another neat collection of Gutenberg blocks that you can use. It comes with useful blocks like author profile, hero image, pricing table, brands, features, and more.

FAQs about Gutenberg – The New Block Editor in WordPress

Since Gutenberg became the new WordPress editor, we have been getting a lot of questions. Here are the answers to some of the most frequently asked questions about Gutenberg.

1. What happens to my older posts and pages? Can I still edit them?

Your old posts and pages are completely safe and unaffected by the Gutenberg. You can still edit them, and Gutenberg will automatically open them in a block containing the classic editor.

Editing older articles in new WordPress editor

You can edit them inside the old editor, or you can convert older articles into blocks and use the new block editor.

2. Can I still keep using the old editor?

Yes, you can still keep using the old editor. Simply install and activate the Classic Editor plugin.

Upon activation, it will disable the block editor, and you will be able to continue using the classic editor.

Please note that Classic Editor will be supported until 2022.

3. What to do if the new editor doesn’t work with a plugin or theme I am using?

Project Gutenberg was under development for a long time. This gave plugin and theme authors plenty of time to test their code for compatibility.

However, there is still a chance that some plugins and themes may not work well with the new editor. In that case, you can install the classic editor plugin, request the developer to add Gutenberg support, or simply find an alternative plugin or theme.

4. How to learn more Gutenberg tips and tricks?

WPBeginner is the best place to learn about the new block editor in WordPress. We are the largest WordPress resource site on the internet.

We will be publishing new articles and updating our old resources to help you master the new block editor.

Meanwhile, if you have any questions, feel free to reach out to us by leaving a comment or by using the contact form on our website.

We hope this Gutenberg tutorial helped you learn how to use the new WordPress block editor. You may also want to see our complete WordPress performance guide for improving your website speed.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Source link

Using WordPress

Elegant Themes Gleam Review From Our Experts

Do you need a WordPress theme for your photography or fashion website? Gleam is a beautifully designed theme for the glamorous photographers or fashion lovers. In this Elegant Themes Gleam review, we’ll show its features and help you decide if it is the right theme for your needs.

Gleam Review

About Gleam

Gleam is a product of Elegant Themes, one of the best WordPress theme selling marketplaces in the world.

The theme is developed for the photographers to display their portfolios beautifully with a fullwidth design. Gleam is a one page theme with a fullscreen background image that can be changed for each page.

You can display your content on the inner pages. The front page of the theme has no content. Menu appears on hover to logo of the website.

Features of Gleam

Gleam comes with tons of amazing features that starts from its one page Ajax based loading. The site opens all your pages on the front in a lightbox.

The content box has a scroll that helps your users to view all the content. Ajax based loading makes your site fast. Gleam has a full page gallery to display your portfolio with thumbnails. It also has a non fullscreen gallery that open up the images in lightbox popups.

Let’s take a detailed look into the features of Gleam:

Homepage Background Image

The fullscreen homepage background image is easy to set up from your site. It can be the first step to set up your site. You can simply go to Gleam theme options panel and upload your background image under the Homepage tab.

Homepage Background Image

The image should be high resolution to fit to the screen. This setting in the theme option panel will override all other background image options in the theme.

Logo Text, Logo and Fav Icon

In the general theme settings, you can write the logo text or upload an image for the logo. The logo settings of Gleam theme are different from usual WordPress themes.

Logo Text, Image, Favicon

Logo text field also allows HTML with the text to change its styling. Uploading logo image is simple, and it will override the text. Favicon image can also be added in these settings.

Page Templates

Gleam has multiple page templates like gallery, portfolio, blog, contact and more. These templates have their own built in page design. All the templates are different from each other and comes with tons of features.

Page Templates

Let’s take a look into few of these page templates and discuss them one by one:

Portfolio: The portfolio template make the images of your gallery to appear on full screen with thumbnails and navigation. This page template is great for displaying full page high resolution photos. However, you should optimize your photos to rank in the search engines.

Full Page Portfolio

Gallery: The gallery template allows you create an image gallery, and the images would popup in lightbox. It’s different from the portfolio page template.

Gallery View

However, for the image galleries on WordPress websites, you should check out the Envira Gallery WordPress plugin. It helps you to create beautiful image galleries with thumbnails and comes with tons of amazing features.

Blog: In this page template, you can simply display your posts with the settings you need for the blog page.

Every page template has its own options that will appear in the ET Page Template Settings section. Once you select the page template, the settings will display automatically for you to manage your page as you need.

Responsive and Browser Compatible

Gleam is a fully responsive WordPress theme that is fast and based on Ajax loading to make the experience smooth for the users.

The Ajax loading means your site visitors don’t have to wait to load new pages and it makes the website blazing fast. This WordPress speed optimization would also help in ranking your website to search engines. The theme is browser compatible and loads beautifully on all the popular internet browsers.


A theme like Gleam needs a lot of color options to match your links, fonts, etc with your backgrounds. Similar to all other themes from Elegant Themes, you will get the colorization options in the theme panel settings.

Colorization Options

The visualizer allows you to get the hexadecimal color code that you need. You can place each code in the fields available below.

Color Fields

There are options to add colors for the main font, links, headings, sidebar, footer and more. You can change the colors anytime when you need.

Documentation and Support

Elegant Themes Gleam has extensive documentation that guides you on installing and configuring the theme. Useful screenshots and videos are also included in the doc, so you can easily skim through the content whenever you need assistance.

To download Gleam, you’ll need to join the Elegant Themes club. Their plan starts from $89 per year. After joining, you’ll get complete access to all themes.

To get lifetime access to all themes and plugins with lifetime premium support, lifetime updates and unlimited website usage, you’ll need to pay a one-time fee of $249.

Support is offered through their official support forums. Elegant Themes are well-known for the quality and speed of their support.

Our Score

Gleam is an attractive one page theme with its fullwidth design, perfect for your photography or fashion WordPress site. It is packed with tons of great features for you to play around with and get the customization just how you want it to be.

We give Gleam 4.6 out of 5 stars. Here’s the breakdown of our scores.

Get Gleam Now »

If you liked this article, then please consider following us on Twitter and Facebook. If you have any questions, please let us know by leaving a comment below.

Source link


10 of the Best Shopify Apps for a Brand-New Store

The Smile: Rewards & Loyalty app.

Convincing people to buy once is hard enough – encouraging them to come back time and time again can be even more challenging. Smile: Rewards & Loyalty lets you add a loyalty program to your Shopify store, in order to encourage repeat purchases.

Key features

  • Helps you set up various types of programs for your store, including loyalty points, referral, and VIP programs
  • Customize the way your programs work, including how and when customers are rewarded
  • Integrate your program with various external tools, including MailChimp, ReCharge, and HubSpot


The free plan will let you set up and run a simple program, while the premium version includes additional customization options, analytics features, and more.

Best for

If your store is going to rely on repeat purchases from a loyal customer base, Smile: Rewards & Loyalty is one of the best Shopify apps you can pick up.

The Plug in SEO app.

If you want to attract customers to your Shopify store, you’ll need to ensure they can find it through organic searches. This means paying attention to your store’s Search Engine Optimization (SEO), which is something Plug in SEO can help with.

Key features

  • Scans your store for traffic-limiting SEO problems
  • Displays detailed results, telling you exactly what issues are present
  • Checks titles, headings, meta descriptions, page performance, content structure, and more


The free version of Plug in SEO lets you scan your store as often as you’d like. There’s also a premium plan for $20 per month, which helps you optimize your shop’s SEO, among other benefits.

Best for

Any Shopify store can benefit from careful attention to SEO, and this app will help you spot any problems that need to be addressed.

The Sales Pop ‑ Sales Notification app.

A significant part of running a successful store is convincing each visitor to make a purchase. Sales Pop ‑ Sales Notification helps you do that by creating a sense of urgency. The first of our best Shopify apps enables you to display real-time pop-ups, which let people know what other customers are up to.

Key features

  • Display notifications in your store when customers purchase items
  • Customize your notification messaging, location, and more
  • Enable random notifications, or control which types of orders will be displayed


This is a free app.

Best for

If you have a modest amount of activity in your store, and you want to encourage more conversions though urgency and social proof, this app is a simple and handy solution.

The Facebook Chat app.

No matter what you’re selling, quality customer support is a must. You’ll benefit from a way to answer questions through a more convenient channel than email. Facebook Chat does exactly what its name implies – it lets you speak with your Shopify customers using the Facebook Messenger tool.

Key features

  • Enables customers to initiate live chat with you via a simple widget
  • Makes it simple to customize the chat feature’s position, design, and more
  • Loads prior chat history, enabling you to view previous conversions with the same customer
  • Lets you add customer accounts to your Facebook Messenger subscriber list


This is a free app.

Best for

This app is useful to anyone looking to add live chat to their Shopify store – particularly if you also want to conduct some Facebook outreach and/or marketing.

The Oberlo app.

If you’re looking to start a dropshipping business with Shopify – in other words, to sell other companies’ products – Oberlo is a must-have. This popular tool helps you find the right items, add them to your store, and start selling right away.

Key features

  • Lets you search for and import products from AliExpress and Oberlo Marketplace (then customize them)
  • Keeps your prices and stock levels up-to-date
  • Automatically starts the shipping process once you confirm a customer’s order
  • Enables you to track your orders


There’s a free plan that supports up to 50 orders per month, and two premium plans with more capacity and features.

Best for

Anyone interested in making money through dropshipping on Shopify can benefit from Oberlo.

The Yotpo app.

These days, most people check out reviews before buying online. Yotpo Reviews, Photos, and Q&A lets you easily add customer reviews to your Shopify store. As such, visitors can feel more confident about making informed purchasing decisions.

Key features

  • Automatically collect reviews, product photos, questions, and answers from your customers
  • Display reviews and ratings in multiple places throughout your store
  • Moderate reviews, and respond to them either publicly or privately


The base version of Yotpo is free, and is sufficient for many stores. The premium plans, starting at $29 per month, offer additional features such as review carousels, coupons, and upsell options.

Best for

Reviews are practically a must-have for an online store. For this reason, Yotpo is one of the best Shopify apps for any user.

The Printful app.

A Shopify store can be a great place to sell custom designs. However, you’ll need a way to have those designs printed once customers place their orders. Printful provides a full-featured printing service, making it simple to offer a wide variety of options in your store.

Key features

  • List product options in your store, have them printed and stored, then shipped
  • Let customers personalize your designs, and have them printed on t-shirts, posters, embroidery, and more
  • Create product mockups, so customers can see what each item will look like


The app itself is free. However, you’ll need a Printful account, as each order will come with a small fee attached.

Best for

Graphic designers and other creatives who don’t want to worry about printing and shipping products will find this app invaluable.

The Bulk Image Edit ‑ Image SEO app.

Images form the cornerstone of any effective e-commerce store. Bulk Image Edit ‑ Image SEO helps you ensure your Shopify product images are fully optimized. The app handles a lot of key image-related tasks, and includes some helpful automation options.

Key features

  • Enables you to customize image file names and ‘alt text’, for SEO purposes
  • Helps you resize images to Shopify standards (and for social media use)
  • Compresses your images, to save space and keep your store running fast


The free plan lets you edit 50 images per month, which is somewhat limiting. Most users will benefit from the $9.99 per month tier instead, which lets you make up to 1,000 edits.

Best for

If you display product images in your store, and don’t have the time to optimize each one individually, Bulk Image Edit can save you a lot of effort.

The Infinite Options app.

If you’re looking to let people customize the items they purchase, Infinite Options is well worth a look. This app lets you offer a wide range of choices to your customers, so they can select specific features, add personalization, and much more.

Key features

  • Permit customers to personalize products via simple drop-down menus, checkboxes, and similar inputs
  • Add an unlimited number of customization options to each product
  • Automatically include additional charges for specific features and services


Infinite Options is free to install and use.

Best for

While Shopify includes some basic product customization options, Infinite Options is one of the best Shopify apps for offering personalization (or add-ons) to your items.

The Happy Email app.
The last of our best Shopify apps, Happy Email is a simple but potentially powerful tool. It lets you create and send custom welcome emails to new customers, soon after they make a purchase. This is a personal and friendly touch that can help turn new buyers into loyal customers.

Key features

  • Send automatic welcome emails to new customers, 30 minutes after a first-time purchase
  • Use ‘canned responses’, personalized to each customer’s specific details


You can use Happy Email on your Shopify store for free.

Best for

Happy Email is a useful tool for welcoming new customers to any store. It’s particularly handy if you don’t already have an email marketing solution set up (which might make this functionality redundant).

Conclusion on the best Shopify apps

One of the best things about Shopify is that you can customize exactly how your store works – by using a suitable combination of extras. And this is exactly where some of the best Shopify apps come into play.

How many apps do you have running in your Shopify store? Share your thoughts in the comments section below!


Best of Best WordPress Tutorials of 2018 on WPBeginner

The year 2018 is about to come to an end. It was a great year overall for WPBeginner, WordPress community, and for many of our users who started new websites and businesses. We want to thank all of you for your continued support of WPBeginner.

To continue our tradition, in this article, we will share our staff-pick of the best of best WordPress tutorials on WPBeginner. We will also share an overview of the success that our team had in 2018.

Best of the best WordPress tutorials of 2018

WPBeginner Recap 2018 by Syed Balkhi

Like every year, 2018 has been the best year ever for me both personally and professionally.

WPBeginner YouTube channel passed over 100,000 subscribers (currently at 122k subscribers). This was one of my goals for 2018, and I’m very glad that we met it.

We switched WPBeginner to HTTPS and added Browser Push Notification. In the last 6 months, we have added over 260,000+ users in our push list. This has been a great new traffic source for the blog.

In August, I launched the WPBeginner growth accelerator fund, which is the first-ever growth fund focused entirely on WordPress businesses.

WPBeginner Growth Accelerator Fund

Over 90 companies applied to receive investment and mentoring (which is quite humbling).

I completed the first round and invested in some amazing WordPress products including: MemberPress, Pretty Links, Affiliate Royale, Formidable Forms, and SeedProd.

If you’re interested in learning more, then check out this blog post where I shared some behind the scenes details.

2018 was a great year for WPBeginner’s family of products.

WPForms passed over 1 million active installs and it’s now one of the top 25 most popular WordPress plugins of all time. Considering that we only launched it in 2016, it’s amazing to see how far we have come.

We added a lot of powerful features in WPForms including: surveys & polls, form permissions (form locker), conditional form confirmations, Stripe recurring payments, Drip addon, rating fields, likert scale, NPS fields, image choice fields, custom input masks, better terms of service field, GDPR compatibility, Gutenberg compatibility, and so much more.

WPForms is the most beginner friendly WordPress form plugin, and that’s why it has continued to maintain a 4.9 out of 5 star rating average with over 3000+ five star ratings (read WPForms user reviews).

Not using WPForms yet? You can try the free version and then upgrade to Pro when you’re ready.

MonsterInsights, the best Google Analytics plugin for WordPress, passed over 2 million active installs.

We launched a brand new Overview report inside WordPress dashboard. We also created customized reports for Publishers and Ecommerce websites, so you can see the stats that really matter. We added several other reports as well including: Search Console report, Form Conversion report, and Custom Dimensions report.

MonsterInsights has become one of my most favorite plugins in 2018 because it helps me grow our business with confidence. I sincerely believe that it’s easy to double your traffic and sales when you know exactly how people find and use your website. MonsterInsights helps me make data-driven decisions to grow our business.

OptinMonster, our flagship conversion optimization software, continued to push the limits in 2018. We launched version 5.0 which added a brand new drag & drop campaign builder and a revamped display rules engine, so you can create more personalized campaigns.

Aside from the big release, we also released several new campaign templates, email conversion summaries, a new beta program, and my favorite Smart Tags feature.

Smart Tags basically makes dynamic personalization easy. Previously OptinMonster offered this feature as part of our API, but it required coding.

Now you can add personalization like user’s name, location (country, city, state, etc), time, and other items inside your OptinMonster campaign to boost conversions without writing any code.

Our free plugin WP Mail SMTP also passed the 1 million active installs mark.

In October 2018, I sold my popular List25 blog, so I can better focus on our WordPress and software business.

List25 was a side project that I started in college as an experiment. In 2018, we passed 2.4 million subscribers on YouTube and had 570 million total video views.

This blog never fit into what we did at Awesome Motive, but I kept it for as long as I did for sentimental values. Not to mention, it did generate a pretty good side income.

As for personal life, 2018 was a great year for my family. My son, Solomon, turned 2 years old. It’s been quite fun to watch him grow. We traveled to 6 countries this year. Solomon attended 1 WordCamp in 2018 (WordCamp Miami). His two favorite letters in the alphabet are W and P. Surprisingly it took me a while to catch that, and of course that makes sense considering most of the shirts I wear are WordPress branded. Below is a picture of our family, since I know many of you often ask for it.

Syed Balkhi Family Photo 2018

If you want to see more of my personal journey, then please check out my 2018 Year in Review blog post on my personal blog. It has everything that happened to me in 2018 both personally & professionally along with lessons that I learned, and my goals for 2019.

With that said, let’s take a look at the best of WPBeginner in 2018.

Best WPBeginner Tutorials in 2018

We published some really useful guides, tutorials, and how-tos throughout 2018. Here are some of our favorites.


What’s the difference between domain name and web hosting – We started the year with a beginner’s guide explaining the difference between domain name and web hosting. Many beginners often confuse the two terms, so we thought it is about time we explain the difference to help users understand the web basics.

How to send email in WordPress using the Gmail SMTP Server – Often WordPress websites fail to send emails because of poor configuration of email functions on their WordPress hosting servers. In this article, we showed an easier solution to the problem by sending WordPress emails using Gmail SMTP server.

Shopify vs WooCommerce – Which is the better platform? – Many beginners who want to start an online store often struggle in choosing between two of the most popular eCommerce platforms, Shopify and WooCommerce. In this article, we compared both platforms side-by-side for their features, ease-of-use, pricing, and flexibility to help you choose the best eCommerce platform for your online store.

16 Best Alternatives to the WordPress Jetpack Plugin – As your website grows, you will likely need to expand beyond the basic functionality of the Jetpack plugin suite. That’s why we created a list of the best Jetpack alternatives for specific features.


How to create an online course with WordPress using LearnDash – Selling online courses is becoming a common way for bloggers to make money online. In this guide, we explained how to easily create an online course using LearnDash with step by step instructions.

How to create a survey in WordPress – Surveys are a great way to gather valuable information from your users and use it to grow your business. In this step by step guide, we showed you how to create a survey in WordPress with beautiful interactive reports.

How to create a micro-job website like Fiverr with WordPress – Fiverr is a popular marketplace. This tutorial allows you to create a micro-job website like Fiverr and allow users to offer their services on your website, so you can earn a commission when jobs are completed.

How to fix the Mixed Content Error in WordPress – Mixed content error in WordPress is caused by incorrect HTTPs/SSL settings. While it may not affect your website’s functionality, it can have adverse affects on your website’s SEO and user experience. This guide helps you fix that.

How to add a stats dashboard on your WordPress site – Step by step guide on how to see your website stats inside your WordPress dashboard.


How to create an online marketplace using WordPress – A marketplace website allows your users to buy and sell items by setting up their own mini-stores within your eCommerce website for a fee. It is one of the fastest growing eCommerce categories with many opportunities for small niche marketplaces. In this guide, we showed you how to create your own online marketplace using WordPress with step by step instructions.

How to build an auction site like eBay using WordPress – An auction website allows users to bid on products to purchase them. This helps you to maximize profits and you can even allow other users to run their own auctions on your website for a fee. In this article, we showed you how to easily create an eBay like auction site using WordPress without any special technical skills.

How to sell ads on your WordPress blog – Online ads are one of the most popular ways to make money from your website. In this step by step beginner’s guide, we showed you how to properly sell ads on your WordPress blog and how to maximize your ad earnings.

Best online grammar checker tools for WordPress – Modern browsers come with built-in spellcheck but there is no way to check for grammar or readability. We hand-picked the best online grammar checker tools to help you write better blog posts for your website.

11 most important pages that every WordPress blog should have – Ever wondered what are the most important pages that you must have? As you go into 2019, make sure you have these important pages on your blog.


The ultimate affiliate marketing guide for beginners – Affiliate marketing is one of the most successful ways to monetize WordPress websites. In this beginner’s guide, we explained affiliate marketing, how it works, and showed step by step instructions to get started with affiliate marketing.

How to enable customer tracking in WooCommerce with Google Analytics – Customer tracking helps you understand user behavior and improve shopping experience on your website for maximum conversions. In this guide, we showed how you can enable WooCommerce tracking with Google Analytics and unlock this invaluable information.

Best WordPress job board plugins and themes – We hand-picked some of the best plugins and themes that you can use to add a job board to your WordPress website.

Revealed: Which are the most popular types of blogs? – This is one of the most commonly asked questions we get from new users who’re looking to start a blog. This article should help you find the best niche for your website.


The ultimate guide to WordPress and GDPR Compliance – The EU’s GDPR law made most website owners concerned about how it would affect them. In this guide, we explained everything you need to know about GDPR compliance in plain English.

How to easily accept credit card payments in WordPress – Many beginners want to accept credit card payments on their website without adding a shopping cart. In this article, we showed you how to easily accept credit card payments in WordPress without using a full-fledged eCommerce platform.

Best content marketing tools and plugins for WordPress – Content marketing is one of the most cost-effective ways to get search traffic to your website. We shared our pick of the best content marketing tools and plugins for WordPress to create a killer content strategy for your website.

Ultimate list of WordPress stats, facts, and other research – Need to convince your boss or someone else in your organization to use WordPress? Here some stats, facts, and research that will help.

How to register a Domain Name (+ tip to get it for free) – Beginner’s guide on what is a domain name, how to register one, and a bonus tip on how to get it for free.


How to do keyword research for your WordPress blog – In this article, we explained what is keyword research and how you can use it to find blog post ideas, improve SEO rankings, and get more traffic for your WordPress blog.

Wix vs WordPress – Which one is better? – Wix is a popular website builder that helps you create websites without any programming skills. In this article, we compared Wix vs WordPress with pros and cons of both platforms to determine which one is better.

How to create a free business email address – A business email address uses your company name and looks a lot more professional than a generic Gmail or Hotmail account. In this step by step guide, we showed you how to easily create a free business email address in 5 minutes.

Best analytics solutions for WordPress users – Website analytics help you find out where your users are coming from and what they do on your site. In this showcase, we shared our pick of the best analytics solutions that you can use on your WordPress website.

How to allow users to upload images in WordPress comments – By default WordPress doesn’t let users upload images in comments. If you want to allow your readers to upload images in comments similar to Facebook comments, then here’s a step by step tutorial to do that.


18 most important things you need to do after installing WordPress – Starting a new WordPress site? Here’s a checklist that we recommend you follow after you have installed WordPress.

How to properly move WordPress from HTTP to HTTPS – In July, Google announced that Chrome browser will mark all websites without an SSL certificate as insecure. This beginner’s guide shows you how to properly switch WordPress from HTTP to HTTPS.

How to choose the best domain registrar – Domain registrars are the companies responsible for registering and managing all domain names in the world. Choosing the right domain registrar will help you avoid additional costs and have full control of your domain. In this guide, we shared the best domain registrars that you can choose from.

Proven and easy to start online business ideas – If you are looking for a business idea that you can start online and start making money, then this guide is for you. We shared easy to start online business ideas that actually make money and do not cost much to start.

How to import external images in WordPress – Extremely useful guide for those who’re switching domain names or moving websites from another platform to WordPress.


How to create an IDX real estate website using WordPress – Many of our users wanted to build a functional real estate website using WordPress. In this tutorial, we showed how to easily build an IDX real estate website using WordPress without spending a fortune.

How to protect your WordPress site from brute force attacks – Brute force attacks can slow down a website, make it inaccessible, and even crack passwords to install malware. In this article, we showed you how to effectively protect your WordPress install against brute force attacks.

How to fix common SSL issues in WordPress – Some of our users wanted to know how to fix issues when moving their website from HTTP to HTTPs. In this beginner’s guide, we shared how to fix common SSL issues in WordPress.

Best WordPress caching plugin to speed up your website – One of the fastest ways to speed up your WordPress site is to install a caching plugin. This article highlights the best WordPress caching plugins.

How to create an Etsy-Like store with WordPress – Tired of paying Etsy’s high transaction fees? Here’s a step by step guide on how to create an Etsy-Like store in WordPress, and how to properly move an existing Etsy store to WordPress.


How to switch from Blogger to WordPress without losing Google rankings – We did a massive rewrite of one of our most popular articles on the website. Want to switch from Blogger to WordPress? We’ve got you covered.

How to take a screenshot for your blog posts (Ultimate Guide) – This step by step guide covers 6 different methods to taking screenshots for your blog posts. Bonus Power Tip that helps you quickly create screencasts and animated GIFs.

Top reasons why WordPress sites get hacked – One of the most common myths about WordPress is that it is less secure. WordPress is the most popular website builder in the world, and that’s why it is often the biggest target of any hacking attempts. In this guide, we shared the top reasons why WordPress sites get hacked and how you can easily prevent it from happening on your site.

How to properly move from Squarespace to WordPress – Many people who start their websites using Squarespace quickly realize the limitations of that platform and want to move. In this article, we shared how to move your website from Squarespace to WordPress.

How to disable Gutenberg and keep the WordPress Classic Editor – A lot of users are not happy with WordPress 5.0 block editor (Gutenberg). This article shows you how to disable Gutenberg and keep the classic editor.


40 most common WordPress errors and how to fix them – This ultimate guide is worth bookmarking because it has solutions for fixing 40 of the most common WordPress errors.

How to style the WordPress comment form – This guide is theme designer’s dream come true. It covers all the things you need to customize your WordPress comment form.

Ways to recover WooCommerce abandoned cart sales – More than 67% of users on an eCommerce stores abandon their carts without checking out. In this guide, we showed you how to recover those WooCommerce abandoned cart sales and grow your business more efficiently.

How to move your site from Joomla to WordPress – Joomla is a popular CMS software, much like WordPress but with a much smaller user base. In this step by step tutorial, we showed how to easily move your site from Joomla to WordPress.

How to check keyword rankings for your WordPress blog posts – You work hard on improving WordPress SEO and creating great content but how do you know if your site is doing well? In this beginner’s guide, we showed you how to check if your blog posts are ranking for the right keywords.

How to show your business review from Google, Facebook, and Yelp in WordPress – Want to add social proof to your business website? This plugin easily lets you display positive reviews about your business from social media right on your WordPress site.


Ultimate WooCommerce SEO Guide – Search is the most important source of traffic for most online stores. In this beginner’s guide, we showed you how to improve WooCommerce SEO with step by step instructions to rank higher in Google.

10 website marketing data you must track on your site – Instead of relying on your best guesses to make important marketing decisions, we showed you which website marketing data you must track on every WordPress site from day 1.

How to use user-generated content in WordPress – Use generated content allows you to add content created and generated by user activity on your website. In this tutorial, we showed you how to properly utilize user-generated content in WordPress to grow your business.

15 tips to grow your business online with a small budget – Most businesses who are just starting out don’t have big marketing budgets. In this guide, we shared our expert tips on growing your business online without spending a lot of money.

How to clone a WordPress (in 7 easy steps) – Moving a WordPress site to a new web host? Switching to a new domain? Or just want to create a staging site? Here’s a step by step guide on how to easily clone your WordPress site.


Using Google Search Console to grow website traffic – Google Search console is an incredibly powerful tool that offers tons of useful information that you can use to grow your website and get more traffic. In this beginner’s guide, we showed you how to properly use Google Search Console to grow your website traffic.

Best free website hosting compared – Many beginners who just want a quick website often want to start with a free website hosting company. In this article, we shared our pick of the best almost free and free website hosting companies and how they stack up against each other.

How to properly move from Medium to WordPress – Medium is a free writing platform but it is not exactly a flexible website builder like WordPress. In this step by step tutorial, we showed you how to easily move from Medium to WordPress.

How to use the new WordPress block editor (Gutenberg tutorial) – In WordPress 5.0, the classic content editor was replaced by a brand new block editor called Gutenberg. To answer user questions, we published the comprehensive Gutenberg block editor tutorial that walks you through the new editor and how to use it like a pro.

Best live chat software for small business – Our expert comparison of the best live chat software for small businesses.

These were some of the best WordPress tutorials on WPBeginner in 2018. We hope that you found them helpful.

We want to thank all WPBeginner users, who visited our website, offered feedback, left comments, and shared it with others. We truly appreciate you.

We look forward to adding even more useful WordPress tutorials in 2019. Have a Happy New Year.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Source link

Using WordPress

StudioPress Enterprise Pro Review From Our Experts

Looking for an enterprise WordPress theme? Enterprise Pro is a beautifully designed business theme powered by the Genesis framework that makes it fast and reliable. In this StudioPress Enterprise Pro review, we’ll show its features and help you decide if it is the right theme for your needs.

StudioPress Enterprise Pro Review

About Enterprise Pro

Enterprise Pro is a theme by StudioPress, a well-known WordPress online theme publisher and marketplace. This theme comes with the Genesis Framework that makes it simple, strong and faster than other WordPress themes.

StudioPress Enterprise Pro is best for the enterprise businesses, consultancy firms, and other small businesses. It has a neat and beautiful design to cater to your needs.

Features of Enterprise Pro

Similar to most of the StudioPress themes, Enterprise Pro comes with the amazing custom panel and widgets support to set up your website. Homepage widget areas and custom page templates makes it more easier for you to add the content.

There are multiple layouts and color scheme options in the theme to change the look and feel of your website as you need. You can manage the basic theme settings from the Genesis options available in the WordPress admin panel.

Let’s take a detailed look into the features of Enterprise Pro theme:

Header and Menu

The header of this theme is decent with the option to add the company logo and tagline. There’s a wide space on the right side that can be used to display the social icons, search bar and more.

You can easily manage the header from the widget section of the theme. However, the menu can be managed from the general WordPress settings.

Menu Settings

There are 2 menu locations in the theme. The primary menu appears in the header and the secondary menu appears in the footer of the website.

Genesis Widgets

Enterprise Pro has a few Genesis widgets that are available in the WordPress widgets section. The most important widgets that you don’t want to miss are featured pages and featured posts by this theme.

Genesis Widgets

These widgets have detailed options to display pages and posts on your website. You can simply drag and drop the featured pages and featured posts widgets in the available widget areas of the theme.

Featured Pages

As you can see in the above image, this widget has tons of options to display featured pages. It allows you to easily add or remove any settings, sort the pages, show or hide info, author details, and more.

The featured posts widget by Genesis has the same options related to WordPress posts.

Homepage Widget Areas

StudioPress themes are easy to set up because of the homepage widget areas. These widget areas guide you to add the widgets properly without any hassle. When you open each widget, there are instructions to which widgets you should add here or where it will display the content on the homepage.

Homepage Widget Areas

Few of the important widget areas are:

Header Right: This widget area has limited options to display text, search form or custom menu widgets. It display your content in the header next to your site’s logo.

Home – Top and Bottom: The two amazing widget areas are for the body content. The top widget area will cover the full top area of your homepage preferably best for the image slider. However, the bottom area is suitable for the featured posts.

After Entry: This is the smart way to display your recent articles, call-to-action images, and more. It appears after every post or single entry.

The other widget areas are general like sidebar and footer. They function according to your site layout.

Pro Custom Panel

The custom panel of the theme covers everything you need to set up the website. From the site identity to header image, menus, widgets and more.

Custom Panel

It has the option to change the color scheme and site layout in one-click. Go to the Color Scheme setting and select your color scheme from the 6 options in the dropdown.

Color Scheme

Similarly, you can go to the Site Layout setting and select the layout you need from the 6 options available in the dropdown.

Site Layout

The other settings in this customization panel are like breadcrumbs, content archives, comments and trackbacks. You can also add any additional CSS to style your website.

Documentation and Support

With Enterprise Pro you get access to detailed, step-by-step tutorials on how to set up the theme for your site just like the demo.

StudioPress Enterprise Pro is available for a one-time purchase fee which allows you to use the theme on an unlimited number of sites. You also get access to unlimited email support. StudioPress is known for the quality and speed of their user support.

If you’re a fan of the Genesis framework, you can save a lot of money by investing in StudioPress ProPlus. With a one-time fee, you get access to all StudioPress themes, plus lifetime updates and support. You’ll also get automatic access to any new themes they release in the future.

Our Score

StudioPress Enterprise Pro is a WordPress theme for enterprise, consultancy and small businesses. The layout is smart and clean with solid beautiful colors.

Also, we found the theme to be easy to use with just enough customization options. It is built on the Genesis framework, which is fast, lightweight, well-coded, and good for WordPress SEO. Plus, it includes excellent unlimited support and lifetime updates for just a one-time fee.

We give StudioPress Enterprise Pro 5 out of 5 stars. Here is the breakdown of our review scores:

Get StudioPress Enterprise Pro Now »

If you liked this article, then please consider following us on Twitter and Facebook. If you have any questions, please let us know by leaving a comment below.

Source link