Tag - Easily

How to Easily Display Code on Your WordPress Site


Do you want to display code in your WordPress blog posts? If you tried to add code like regular text, then WordPress will not display it correctly.

WordPress runs your content through several cleanup filters each time you save a post. These filters are there to make sure someone does not inject code via post editor to hack your website.

In this article, we will show you the proper ways to easily display code on your WordPress site. We will show you different methods, and you can choose the one that best fits your needs.

How to easily display code in WordPress posts

Method 1. Display Code Using The Default Editor in WordPress

This method is recommended for beginners and users who don’t need to display code very often.

Simply edit the blog post or page where you want to display the code. On the post edit screen, add a new code block to your post.

Add code block to your WordPress posts

You can now enter the code snippet in the text area of the block.

Add code to your blog post

After that, you can save your blog post and preview it to see the code block in action.

PHP code displayed in WordPress

Depending on your WordPress theme, the code block may look different on your website.

Method 2. Display Code in WordPress Using a Plugin

For this method, we will be using a WordPress plugin to display code in your blog posts. This method is recommended for users who often display code in their articles.

It gives you the following advantages over the default code block:

  • It allows you to easily display any code in any programming language
  • It displays the code with syntax highlighting and line numbers
  • Your users can easily study the code and copy it

First, you need to install and activate the SyntaxHighlighter Evolved plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you can go ahead and edit the blog post where you want to display the code. On the post edit screen, add the ‘SyntaxHighlighter Code’ block to your post.

SyntaxHighlighter code block

You will now see a new code block in the post editor where you can enter your code. After adding the code, you need to select the block settings from the right column.

SyntaxHighlighter code block settings

First, you need to select the language for your code. After that, you can turn off line numbers, provide first line number, highlight any line you want, and turn off the feature to make links clickable.

Once you are done, save your post and click on the preview button to see it in action.

Code displayed with syntax highlighting

The plugin comes with a number of color schemes and themes. To change the color theme, you need to visit Settings » SyntaxHighlighter page.

SyntaxHighlighter settings

From the settings page, you can select a color theme and change SyntaxHighlighter settings. You can save your settings to see a preview of the code block at the bottom of the page.

Code block preview

Using SyntaxHighlighter with Classic Editor

If you are still using the old classic WordPress editor, then here is how you would use SyntaxHighlighter plugin to add code to your WordPress blog posts.

Simply wrap your code around square brackets with the language name. For example, if you are going to add PHP code, then you will add it like this:

[php]
<?php
private function get_time_tags()
$time = get_the_time('d M, Y');
return $time;

?>
[/php]

Similarly, if you wanted to add an HTML code, then you will wrap it around the HTML shortcode like this:

[html]
<a href="example.com">A sample link</a>
[/html]

Method 3. Display Code in WordPress Manually (No Plugin or Block)

This method is for advanced users because it requires more work and does not always work as intended.

It is suitable for users who are still using the old classic editor and want to display code without using a plugin.

First, you need to pass your code through an online HTML entities encoder tool. It will change your code markup to HTML entities, which will allow you to add the code and bypass the WordPress cleanup filters.

Now copy and paste your code in the text editor and wrap it around <pre> and <code> tags.

Adding code manually in classic editor

Your code would look like this:

<pre><code>
&lt;p&gt;&lt;a href=&quot;/home.html&quot;&gt;This is a sample link&lt;/a&gt;&lt;/p&gt;
</pre></code>

You can now save your post and preview the code in action. Your browser will convert the HTML entities and users will be able to see and copy the correct code.

Manually displaying code in WordPress

We hope this article helped you learn how to easily display code on your WordPress site. You may also want to see our ultimate list of the most wanted WordPress tips, tricks, and hacks.

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.

The post How to Easily Display Code on Your WordPress Site appeared first on WPBeginner.



Source link

How to Easily Create a Custom WordPress Theme (without Any Code)


Do you want to create a custom WordPress theme from scratch?

In the past, you had to follow the WordPress codex and have a decent coding knowledge to build a custom WordPress theme. But thanks to new WordPress theme generators, now anyone can create a completely custom WordPress theme within an hour (no coding knowledge needed).

In this article, we will show you how to easily create a custom WordPress theme without writing any code.

Creating a custom WordPress theme without writing any code

Creating a Custom WordPress Theme for Beginners

Unlike static HTML sites, WordPress themes are a set of template files written in PHP, HTML, CSS, and JavaScript. Typically, you would need to have a decent understanding of all these web design languages or hire a web developer to create a custom WordPress theme.

If you hired a developer or agency, then the cost of a custom WordPress theme can reach thousands of dollars.

Since many small business owners couldn’t afford the high costs of a custom WordPress theme, a lot of them just settled for the default themes that came with WordPress.

Those who didn’t want to settle and wanted customizations either used a drag & drop WordPress page builder, or they used a theme framework to build a custom theme.

While WordPress theme frameworks made building a WordPress theme easier, they are a solution for developers, not an average website owner.

On the other hand, WordPress page builder plugins made it super easy to create custom page layouts using a drag & drop interface, but they were limited to layouts only. You couldn’t build custom themes with it.

Until Beaver Builder, one of the best WordPress page builder plugins decided to solve this problem with their add-on called Beaver Themer.

Beaver Builder best WordPress page builder plugin

Beaver Themer is a site builder add-on that allows you to create custom theme layouts using a drag and drop interface and without learning to code.

Let’s take a look at how to use Beaver Themer for easily creating a WordPress theme.

Setting up Beaver Themer to Build a Custom Theme

Beaver Themer is an add-on plugin for Beaver Builder, so you will need both plugins for this article.

First, you need to install and activate the Beaver Builder and Beaver Themer plugins. For more details, see our step by step guide on how to install a WordPress plugin.

Beaver Themer allows you to create a custom theme, but you will still need a theme to start with. We recommend using a light-weight theme that includes a full-width page template to act as your starter theme.

You can find many such themes in WordPress.org theme directory. Most modern WordPress themes include a full-width template. Our top picks are:

  • Astra – A free light-weight all-purpose WordPress theme that comes with built-in support for Beaver Builder.
  • OeanWP – Another popular free multi-purpose WordPress theme that comes with full page builder support.
  • StudioPress themes – All of their themes are compatible with Beaver Builder and would work great with Beaver Themer.

For the sake of this tutorial, we will be using Astra, which is light-weight and easy to customize WordPress theme.

Setting up Your Theme for Beaver Themer

When building a custom WordPress theme with Beaver Themer, it’s important to make sure that Beaver Themer has access to the full body of the page (from edge to edge).

This is the default Astra layout. As you can see that this layout includes a sidebar which can be difficult to work with when using Beaver Themer.

Default theme layout with a sidebar

You can change that by visiting the admin panel of your website and then navigate to Appearance » Customize page. From here, you need to switch to the Layout » Sidebars tab.

Turning off sidebars in your theme

Once there, simply select ‘No Sidebar’ under the default layout option and click on the Publish button to save your changes.

Your theme will now start using a layout with no sidebars. This is the best layout to use with Beaver Themer.

Theme layout with no sidebars

This full-page layout allows Beaver Themer to use every inch of the screen, so you can create a beautiful end-to-end visual experience.

Most WordPress themes include a template file for full-width pages. If you are using some other theme, then you may find an option to remove sidebars in your theme settings.

If you cannot find it, then contact your theme developer and they may be able to help you with that.

Once you have set up your theme to a full-width layout, you are ready to create your custom WordPress theme using Beaver Themer.

Quick Beaver Themer Fundamentals

Beaver Themer works on top of Beaver Builder. As a page builder plugin, Beaver Builder allows you to drag and drop items to a page to create custom layouts.

It has the following items that you can use in your layouts:

  • Template: A collection of columns rows, and modules that make up an entire page layout.
  • Columns: Vertical layout modules that help align content horizontally.
  • Rows: Horizontal collection of multiple modules
  • Module: An item that outputs specific information such as title, text block, table, gallery, etc.

Simply edit a page in Beaver Builder and then click on the add button at the top right corner. You can then drag and drop columns, rows, modules, to your page and start editing them right away.

Using Beaver Builder

If you don’t want to start from scratch, then select from a list of pre-made templates to begin with.

Beaver Builder templates

Beaver Builder also allows you to save your layouts and then use them later as templates.

To learn more see our article on how to create a custom page layout using Beaver Builder.

However, we don’t just want to create page layouts. We want to create a complete custom theme.

This is when Beaver Themer comes in.

It adds another item to Beaver Builder called ‘Themer Layout’.

Themer Layout

Themer layouts allow you to create custom layouts for the header, footer, content areas, 404 page, and other template parts.

These are the building blocks of all WordPress themes and by using them you’ll be able to create a custom theme that fits your needs.

Using Beaver Themer Templates to Create a Custom WordPress Theme

In the following instructions, we’ll walk you through the steps it takes to build the most popular custom theme elements. By the time you’re done, you’ll have completely transformed your base theme into a fully custom WordPress child theme.

Building a Custom Header for Your Theme

Let’s start with your website’s header area. A custom header is an essential component of a theme and building one can be tricky using traditional methods.

Luckily, Beaver Themer has header features built in. You can either use the pre-created template or use the menu and image modules with a two-column layout.

In order to get to this header area, first, we’ll need to set up a header layout in Beaver Themer. Visit Beaver Builder » Add New page and provide a title for your header.

Creating a custom header layout

After that, select ‘Themer Layout’ as the type and ‘Header’ as the layout option. Once you’re done click on the ‘Add Themer Layout’ button to continue.

This will bring you to the layout settings page. From here you need to select ‘Entire Site’ as the location where the header template will be displayed on.

Layout settings

Next, click on the ‘Launch Beaver Builder’ button to open the builder interface.

Beaver Builder will launch with a basic single column and two-row header layout as a starting point.

Header layout

You can use the same Beaver Builder drag and drop tools to change the background, colors, text, etc. You can also add other modules, load pre-made templates, and add rows / columns by clicking on the add button at the top right corner.

Once you are satisfied with the design, click on the Done button to save or publish your layout.

You can now visit your website to see your custom theme header in action. As you can see, we have applied the header layout to our custom theme.

Custom header in your custom theme

Aside from the header, it will not you show any content yet, and you will likely see your base theme’s footer area.

Let’s change this.

Building a Custom Footer for Your Theme

You can create a custom footer for your theme using the Beaver Themer just like you created a custom header.

Head over to Beaver Builder » Add New page and provide a title for your footer layout. Next, select ‘Themer Layout’ as the type and ‘Footer’ as the layout option.

Footer layout

Click on the ‘Add Themer Layout’ button to continue.

This will bring you to the layout settings page. From here you need to select ‘Entire Site’ as the location that the template will be displayed on.

Footer layout settings

After that click on the ‘Launch Beaver Builder’ button to open the builder interface.

Beaver Builder will launch with a footer layout using three columns. You can use this layout as a starting point and start editing.

Editing your footer layout

You can add modules, text blocks, or anything else you want. You can always change colors, fonts, add a background image, and more.

Once you are satisfied with the design, click on the Done button to save or publish your layout.

Building Content Area for Post and Pages

Now that we’ve created headers and footers for every page and post on the website, it’s time to build the post or page body (the content area).

We’ll start off in much the same way that we built the header and footer by adding the ‘Singular’ layout in the Add New page.

Creating posts and page layouts

Next, you will choose where to display this layout. You can choose singular to use it for all single posts and pages, or you can choose posts or just the pages.

Singular layout settings

After that click on the ‘Launch Beaver Builder’ button to open the builder interface.

Editing singular layout

Beaver Builder will load a sample singular layout with post/page title at the top, followed by content, author bio box, and comments area.

You can point and click to edit any of these items or add new modules, columns, and rows as needed.

Once you are satisfied with the layout, click on the Done button to save and publish your changes.

You can now visit your website to see it in action.

Theme layout with content

Creating Archive Layouts for Your Custom Theme

Now that your custom theme has started to shape up, you can move on to creating layouts for other parts of your website. Archive pages are where WordPress displays your categories, tags, author, and monthly archives.

Let’s create a layout for archive pages in your custom theme.

You’ll start by visiting Beaver Builder » Add New page and providing a title for your archive layout.

Creating an archive layout for your custom theme

After that, select ‘Themer Layout’ as type, and ‘Archive’ as the layout option. Click on the ‘Add Themer Layout’ button to continue.

This will bring you to the layout settings page. From here you need to select ‘All Archive’ as the location that the template will be displayed on. You can also create separate layouts for each individual archive type like date, search results, category, tags, etc.

Archive layout settings

After that click on the ‘Launch Beaver Builder’ button to open the builder interface.

Beaver Builder will launch with a basic single column archive layout. It will display archive title at the top, which is followed by posts.

Editing Archives layout for your theme

You can point and click on any item to edit its properties. You can also add new modules, rows, and columns as needed.

After that, click on the ‘Done’ button to save and publish your changes.

Creating Other Layouts for Your Custom WordPress Theme

Beaver Themer also allows you to create layouts for other pages in template hierarchy, for example, 404 page, template parts, search results page, and more.

Using the built-in drag and drop functionality of Beaver Builder, you can easily create your own custom WordPress theme from scratch without ever writing code. This is truly the most beginner friendly WordPress theme development method in existence.

We hope this article helped you learn how to create a custom WordPress theme without learning to code. You may also want to see our guide on how to speed up your WordPress website for better SEO and user experience.

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.

The post How to Easily Create a Custom WordPress Theme (without Any Code) appeared first on WPBeginner.



Source link

How to Easily Create a Quiz in WordPress


Quizzes are a fun way to increase user engagement on your site. You can use them for educational purposes or use them to create viral content like BuzzFeed and others to get more social shares.

Quizzes are basically online forms that collect user input, calculate responses, and show results.

In this article, we will show you how to easily create a quiz in WordPress.

How to Create a Quiz in WordPress Easily

Why Add Quizzes to Your WordPress Site?

Quizzes are fun and highly engaging. Due to their interactive nature, users find them more rewarding than other types of forms.

BuzzFeed Quizzes

Marketers have been using quizzes to generate leads since the very early days of the internet.

There are many scenarios where quizzes can help you capture audience interest, gather data, and add interactive features to your site.

  • Viral quizzes can help you gain more traffic from social media. BuzzFeed is probably the most popular example of viral quizzes
  • Educational quizzes to accompany your online courses
  • Quizzes to asses customer needs and recommend them solutions.
  • Quizzes that require users to sign up for your email newsletter
  • and more…

Quiz to assess customer needs

Having said that let’s go ahead and see how to create easily create a quiz in WordPress.

Creating a WordPress Quiz with Formidable Forms

As the saying goes, there’s likely a plugin for that. You can find many WordPress plugins for making a quiz, but it’s always your responsibility to choose the best one.

For creating this tutorial, we tried out the best WordPress quiz plugins available and picked Formidable Forms plugin as the best WordPress-focused solution.

Formidable Forms Advanced WordPress form plugin

Formidable Forms is the most advanced WordPress form plugin available on the market. It comes with a simple but powerful drag and drop form builder which helps you go beyond just contact forms.

Using its powerful interface, you can easily create advanced forms like quizzes, surveys, calculators, registration forms, and more.

Formidable Forms plugin comes with a Quiz Maker add-on for creating quizzes in WordPress. It allows you to easily build quizzes and display them on your website.

Let’s take a look at how to do that, step by step.

Step 1: Install the Formidable Forms and Quiz Maker Addon

First thing you need to do is install and activate the Formidable Forms plugin. For creating a quiz, you will need to purchase at least their ‘Business’ plan which includes the Quiz Maker addon.

For detailed instructions, check out our step by step guide on how to install a plugin in WordPress.

Next, you will need to install the Quiz Maker addon. Go to Formidable » Add-Ons, navigate to Quiz Maker addon and click the Install button.

Install Formidable Forms Quiz Maker

It will install the addon in a few seconds and show the addon as ‘Active.’

That’s it!

Now, you are all set to start building a quiz using Formidable Forms.

Step 2: Create a WordPress Quiz with Formidable Quiz Maker

Now that you’ve installed the Formidable Forms Quiz Maker, you are ready to create your first WordPress quiz.

Navigate to Formidable » Forms from your WordPress dashboard and click the ‘Add New’ button.

Add New Formidable Form in WordPress

Next, you will see different ways to create a form with Formidable Forms. You can either start with a blank form, use a form template, or import from an XML file. In our guide, we will show you how to start with a blank form.

Create with a Black Form - Formidable Forms

Start by clicking on the ‘Create with a blank form’ button. Next, you will see the plugin’s form building interface.

Formidable Forms Form Builder Interface

As shown in the screenshot above, you will see the main 3 steps to create a form. First, name your quiz. Second, add fields to your form. And third, save your form.

Quizzes can be used for different purposes including satisfaction test, personality quiz, market research, knowledge test, etc.

You may need different types of fields based on your quiz type. We recommend having a list of your questions and answers ready before creating the quiz.

In this guide, we will show you how to create a simple WordPress knowledge test quiz which includes different fields including single response ‘Text’ field as well as multi-response ‘Dropdown’ and ‘Radio Buttons.’

Let’s get started with the name of your quiz form. Then, you can add fields to your form by simply clicking or dragging the fields on the right.

Name Your Formidable Forms Quiz

Here, we added a ‘Text’ field for the first quiz question and replaced the field title with the question.

Create a Quiz Question in Formidable Forms

Next, we added a ‘Dropdown’ Field for a multi-response question.

Add Dropdown Field in Formidable Forms

Replace the field title with your question first. Then, add options for your question.

Add Dropdown Options in a Formidable Form

Similarly, you can add more questions to your form. Once done, add the ‘Quiz Score’ field to your form.

Add Quiz Score Field in Formidable Form

The Quiz score field is important because it’s where you can enter the correct answers for your quiz questions. Simply right-click the ‘Add an entry’ link to open in a new tab.

Doing so will open the ‘Entries’ page in a new tab.

Formidable Forms Entry Page

Now, you can enter or choose correct answers for your quiz questions. The plugin will later evaluate the users’ entries based on your entries here.

Once done, put a check on the box next to ‘Set this entry as the quiz answer key.’ After that enter a descriptive name in the ‘Entry Key’ field and click the ‘Submit’ button.

Set Correct Answers for Your Formidable WordPress Quiz

Once your entries are saved, you can close the tab and go back to the form making page.

Next, you need to click the ‘Create’ button.

Create a Quiz in WordPress using Formidable Forms

Upon clicking the Create button, it will open the form General Settings. On this page, you can set up settings for your form including what to display when a user completes your form.

Quiz Settings Formidable Forms

You can review all the settings and then change them or simply leave them as default.

Then, scroll down to the Messages section to customize the message users will get when they complete your quiz.

Message Settings for Formidable Forms Quiz

If you want to show the quiz score immediately to your users along with this message, you can add a shortcode including your Quiz Score field key or field ID.

You can find your Quiz Score field ID or the key under the ‘Fields’ panel on the right.

Quiz Score ID Formidable Forms

As you can see on the screenshot, the Quiz Score field ID in this example is [161]. Now, you can add a shortcode to the message box including this ID or key in the following format:

[161] – For fraction correct. Example: 5/10.
[161 show=count] – For correct answer count. Example: 5.
[161 show=percent] – For percent count. Example: 50%
[161 show=grade] – For letter grade. Example: F.

Here’s how you can add the shortcode to the message box.

Add Shortcode to Display Quiz Score in WordPress

Once you are done, click the ‘Update’ button at the end. That’s all. You’ve created your first quiz.

Step 3: Adding Your Quiz to Your WordPress Site

Now that you have successfully created a quiz form, you are all set to display it on your site. You can add the quiz to your site easily using the Formidable Forms widget.

In this tutorial, we will show you how to add that on a page.

Go to Pages » Add New from your dashboard.

Add New Page in WordPress

First, you will need to add a title and then click the ‘Add Block’ icon to add the Formidable Forms widget. Under the Widgets tab, you need to click the ‘Formidable Forms’ widget.

Add Formidable Forms Widget

After that it will add the Formidable Forms block to your page area. Simply click the dropdown in the block and select your quiz form.

Choose Your Quiz Form Widget in WordPress

Your quiz will now load on your page.

Publish Your Quiz in WordPress

Now you can go ahead and publish your page.

That’s it! Your WordPress quiz is live and your users can start answering questions.

Here’s how users will see the quiz results after clicking the submit quiz button.

Quiz Score Displayed in WordPress

We hope this article helped you add a quiz to your WordPress site. You may also want to see our guide on how to add a client feedback form in WordPress.

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.

The post How to Easily Create a Quiz in WordPress appeared first on WPBeginner.



Source link

How to Easily Manage Multiple WordPress Sites from One Dashboard (7 Tools)


Are you looking for an easy way to manage multiple WordPress sites? Monitoring multiple websites and keeping them up to date can be very time consuming.

Luckily, there are several WordPress management tools that make it super easy to manage multiple WordPress websites from a single dashboard. This will help you save a lot of time while keeping all your WordPress installs and plugins up to date.

In this article, we will share the best tools to help you easily manage multiple WordPress sites from one dashboard like a pro.

Best tools to easily manage multiple WordPress sites

Why Use a WordPress Management Tool to Maintain Multiple WordPress Sites?

WordPress management tool makes it easy to manage multiple WordPress sites from a single dashboard.

You will be able to:

  • Quickly update WordPress software on all your websites
  • Monitor theme and plugin updates across your websites and install them easily
  • Automatically backup your WordPress sites and store it on an offsite location
  • Manage users, comments, and other WordPress options

Managing your sites using a multi-site management tool helps you keep an eye on all your sites without logging into each site separately.

Whether you are an individual user, freelancer, or an agency, using one of these tools can help you save time while making sure that all your sites are functioning properly.

Providing website maintenance services to businesses is also a popular online business idea. You can use these WordPress site management tools to help grow your freelance business.

That being said, let’s take a look at the best tools to easily manage multiple WordPress sites from a single dashboard.

1. InfiniteWP

infiniteWP

InfiniteWP is a powerful WordPress site management tool optimized for agencies, developers, and freelancers.

You can manage unlimited websites for free. However, the free version is limited to managing WordPress plugin, theme, and core updates. It also allows you to create on-demand site backups, but you’ll need a paid addon to store them on a remote storage location.

The real power of InfiniteWP is unlocked with their premium plan which includes all paid features like: easy website deployment, staging website, migrations, malware scan, uptime monitoring, client reports, managing comments, publish posts and pages, 2 factor authentication, broken link checker, and more.

They also let you white-label the plugin with your own branding, so your clients see your logo instead of InfiniteWP.

InfiniteWP is not a SaaS application. Instead it allows you to install the WordPress management tool directly on your own site. You can install it via an installer plugin, via cPanel, or manually upload it to your server.

Once setup, you can add websites that you want to manage and then install the InfiniteWP client plugin on those websites. This client plugin connects your websites to the InfiniteWP’s admin panel. This gives you infinite control over the sites you manage.

Pricing: Free + paid plans starting from $147/year for 10 sites.

2. iThemes Sync

iThemes Sync

iThemes Sync is a powerful WordPress management tool brought to you by the folks behind the popular BackupBuddy plugin. It comes as a limited free version that you can use on 10 sites.

The free version allows you to manage WordPress updates from a single dashboard. You can also install themes and plugins from WordPress.org or by uploading them manually.

iThemes Sync dashboard

The real power comes with the paid plans which give you access to uptime monitoring, client reports, user management, security, and integration with BackupBuddy cloud storage, Google Search console, and more.

It comes with an easy to use intuitive interface which makes site management a breeze.

Pricing: Paid plans start from $11 per month (billed annually) for 10 sites.

3. Jetpack

Jetpack is a powerful plugin suite that comes with multiple WordPress site management features. You’ll need a WordPress.com account to start using Jetpack. (See the difference between WordPress.com vs WordPress.org).

The free Jetpack plugin acts as a connector between your website and WordPress.com servers. You’ll be using the WordPress.com dashboard to manage all your WordPress sites.

Jetpack management

Using the free version you will be able to manage WordPress plugins and core updates across all your websites. It also comes with downtime monitoring and basic brute force attack protection.

However, you will need to upgrade to their paid plans to get more features. There are plans with different features including automated backups with Jetpack, malware scanning, security fixes, site activity logs, and more.

Pricing: Free + paid plans starting from $39/year.

4. CMS Commander

CMS Commander

CMS Commander is a paid WordPress website management tool. You’ll manage your websites from the CMS Commander dashboard. In order to connect all your websites, you’ll need to install a client plugin on each site.

It includes all the usual features like 1-click updates, backup management, 2-factor authentication, basic malware scanner, custom branding, and more.

What makes CMS Commander a little different than other tools on the list is its content management features. It allows you to utilize third-party sources like YouTube, Flickr, Yelp, and more to add content.

It also connects with article spinning services to rewrite content and post it to your multiple websites. For affiliate marketers it offer integrations with popular affiliate networks like Amazon, ShareaSale, Commission Junction, and more.

Pricing: Plans start from $8 per month for individual website owners. Business plans for agencies and large site networks start from $30 / month.

5. MainWP

MainWP

MainWP is a free WordPress website management tool supported by paid add-ons. It comes as an admin plugin that you install on a separate WordPress website.

After that, you need to install the MainWP child plugin on all websites that you want to manage.

MainWP comes with easy update management, uptime monitoring, security scanner by Sucuri, vulnerable plugin and theme scanner, user and content management, and more.

It also comes with extensions for several popular WordPress backup plugins including UpdraftPlus, allowing you to manage your backups as you want. You can also find extensions for bulk upload articles, client reports, access control, and more.

Pricing: Core plugin is free with paid extensions for different features.

6. ManageWP

ManageWP

ManageWP is a free WordPress website management tool allowing you to manage all your WordPress sites from a single dashboard.

The dashboard is hosted on ManageWP’s website, and you connect all your websites by installing the Worker plugin on each site. This plugin acts as a bridge between your websites and ManageWP dashboard.

Using a single dashboard, you can install one click updates for all your WordPress plugins, themes, and core WordPress files. It also allows you to moderate comments on all your sites from the ManageWP dashboard.

The core ManageWP functionality is free for unlimited sites. However, they also offers paid add-ons on a monthly subscription basis. It includes automated monthly backups and security scans for free but you will need the paid addons for real-time backups and automated scheduled security scans.

Other notable features include performance analysis, uptime monitoring, SEO ranking, and historical logs of all activities performed by ManageWP on your sites.

If you are an agency, then you’ll like their client reports, which you can send to your clients to keep them in the loop. ManageWP also offers white label service which entirely hides ManageWP branding and allows you to offer your clients a user experience with your own brand.

Pricing: Free for unlimited sites with paid add-ons available on monthly subscription basis.

7. WP Remote

WP Remote

WP Remote offers simple way to manage updates on all your WordPress sites. It is a basic WordPress management tool with a limited set of features than some other tools on this list.

WP Remote dashboard

It allows you to easy install WordPress updates for core, plugins, and themes. You can also use it to create backups and download them to your computer or store them on AWS or SFTP.

Pricing: Free for freelancers and individual website owners. Agency plans start from $20/month and allow you to add more users.

Which One is The Best Way to Manage Multiple WordPress Sites?

Choosing the best WordPress website management tool entirely depends on your needs. An individual user with fewer WordPress sites may want a solution that’s easier and cheaper.

On the other hand, if you are a freelancer or agency working for clients, then you’ll want to use something more powerful and advanced.

In terms of features, ease of use, and flexibility we found InfiniteWP to be the best WordPress management tool. It is a perfect fit for freelancers, agencies, and developers.

If you only want to manage a few sites and don’t need all the advanced features that InfiniteWP offers, then we recommend iThemes Sync or Jetpack for basic website management.

We hope this article helped you find the best tools to easily manage multiple WordPress sites. You may also want to see our ultimate WordPress security guide to make sure that all your sites are properly secure.

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.

The post How to Easily Manage Multiple WordPress Sites from One Dashboard (7 Tools) appeared first on WPBeginner.



Source link

How to Easily Embed Videos in WordPress Blog Posts


Do you want to embed videos in your WordPress blog posts? Videos bring life to your website, and they are a great way to increase user engagement.

WordPress makes it super easy to embed videos from video hosting sites like YouTube, Vimeo, Facebook, Twitter, and many others.

In this beginner’s guide, we will show you how to easily embed videos in WordPress blog posts, pages, and sidebar widgets.

How to easily embed videos in WordPress

How to Embed Videos in WordPress Blog Posts and Pages

WordPress comes with a great feature called auto-embeds which allows your website to automatically get the embed code from popular video hosting services like YouTube, Vimeo, etc.

All you need to do is paste the video URL into the WordPress editor.

For example, you can copy the YouTube URL for a video that you want to embed.

Next, edit the WordPress post or page where you want to add the video, and simply paste the URL in the content area.

Embedding video in WordPress post editor

As soon as you paste the video URL, WordPress will fetch the embed code and display the YouTube video inside the content editor.

You can now save your post and click on the preview button to see the embedded video in your blog post.

Video embedded in a WordPress blog post

Wasn’t that easy?

After you have added the video, you can change its settings from the block toolbar and settings column on the right.

Video block toolbar and settings

You can adjust the video width, make it full-width, change alignment, and more. You can also add a caption and preserve the video’s aspect ratio on mobile devices.

WordPress can only do auto-embeds for white-listed video services. For other websites, you will still have to obtain the embed code and then paste it in your blog posts.

Here is a list of white-listed video services for auto embeds in WordPress:

  • Amazon
  • Animoto
  • Cloudup
  • CollegeHumor
  • Crowdsignal
  • Dailymotion
  • Facebook
  • Flickr
  • Hulu
  • Imgur
  • Instagram
  • Issuu
  • Kickstarter
  • Meetup.com
  • Mixcloud
  • Reddit
  • ReverbNation
  • Screencast
  • Scribd
  • Slideshare
  • SmugMug
  • Someecards
  • SoundCloud
  • Speaker Deck
  • Spotify
  • TED
  • Tumblr
  • Twitter
  • VideoPress
  • Vimeo
  • WordPress.tv
  • YouTube

If you want to add a video from a website outside this list, then you will need the full HTML embed code for the video.

Simply copy the HTML code provided by the video website and paste it inside a ‘Custom HTML’ block in the editor.

Add a custom embed code in WordPress

Embed Videos in WordPress Using Old Classic Editor

If you are still using the old WordPress classic editor, then you can embed the videos the same way.

Simply copy the URL from a video hosting service like YouTube, and paste it in the editor. If you are using the visual editor, then you will see a preview of the video.

Emedding video in old WordPress editor

However, you will not be able to use the width adjustment and other options that you can use in the new WordPress block editor.

How to Embed Videos in WordPress Sidebar Widgets

Just like a WordPress page or post, you can also embed videos in WordPress sidebar widgets.

Simply go to Appearance » Widgets page and add the ‘Text’ widget to a sidebar. See our article on how to add and use widgets in WordPress.

Inside the widget settings, you need to paste the video URL in the content area. WordPress will automatically fetch the embed code and display the video preview.

Embed videos in WordPress sidebar widget

Don’t forget to click on the ‘Save’ button to store your widget settings.

You can now visit your website to see the video embed in the WordPress sidebar widget.

Why can’t I upload the videos to WordPress?

Well you can, but we do not recommend you to do so.

Most small blogs use shared WordPress hosting accounts, and videos can take up a lot of server resources. If your video got tons of traffic, then your website is more likely to crash.

Secondly, you are missing out the traffic from YouTube users.

YouTube is not only the biggest video hosting site, but it is also the world’s second most popular search engine, and the second most popular social network right after Facebook.

If you don’t want to upload your videos to YouTube, then you can try Vimeo or DailyMotion. See our comparison of YouTube vs Vimeo to see which platform is better for your needs.

For more on this topic, take a look at our article on why you should never upload a video to WordPress.

WordPress Video Embed Plugins

By default, you don’t need to use a plugin to embed videos in WordPress. However, you may want to use plugins to improve video viewing experience on your website.

Following are a few plugins that you may want to try.

1. YouTube Subscribe Bar

YouTube Subscribe Bar in action

YouTube Subscribe Bar shows a YouTube subscribe button below your YouTube video embeds in WordPress. It also fetches your YouTube subscriber count to add social proof and encourage more users to subscribe.

We first created it to promote WPBeginner’s YouTube channel on this website. Many of our users asked us to share how we did this, so we decided to release it as a free plugin.

2. Envira Gallery

A video gallery in WordPress

By default, WordPress does not come with embedded video gallery feature. If you wanted to show a video gallery on a page, then you’ll need a plugin to do that.

Envira Gallery is one of the best photo gallery plugins for WordPress. It also comes with a videos addon which allows you to create beautiful video galleries with lightbox popup support.

3. Lazy Load for Videos

Lazy load videos in WordPress

Video embeds load scripts from external websites, which has a small impact on page load speed and performance.

Lazy Load for Videos solves this problem by only loading the video image on page load. It loads embed code only when the user clicks on the play button. See our tutorial on how to add lazy load for videos in WordPress.

We hope this article helped you learn how to easily embed videos in WordPress blog posts. You may also want to see our list of the must have WordPress plugins for all websites.

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.

The post How to Easily Embed Videos in WordPress Blog Posts appeared first on WPBeginner.



Source link

How to Easily Move WordPress to a New Domain (without Losing SEO)


Do you want to move your WordPress site to a new domain? Changing your website’s domain name can significantly impact your SEO rankings, and it’s a process that needs to be done very carefully.

While you cannot avoid temporary SEO fluctuations when moving your website to a new domain, you can definitely minimize the impact and quickly regain your search traffic and rankings.

In this guide, we will show you the proper way to move WordPress to a new domain without losing SEO.

Properly moving WordPress to another domain name

Here’s the 5 step process that we will cover to help you migrate your WordPress site to a new domain name:

  1. Create a Duplicator package of your WordPress site
  2. Create a database for new domain name
  3. Unpack WordPress on new domain
  4. Setup Permanent 301 redirects
  5. Notify Google about the change

Before You Start

Before you start, we want to emphasize a few things.

The process of switching to a new domain will temporarily affect your search engine rankings as Google and other search engines adjust to the changes.

Yes, this will also temporarily affect your search traffic as well. Please keep in mind that this is normal, and it happens to all websites that switch to a new domain.

However, you can dramatically decrease the SEO impact by following this guide. We will show you the right way of moving your WordPress site to a new domain name, setting up proper 301 redirects, and notifying search engines.

Please note that this guide is not for moving WordPress site to a new web host. This is for switching a domain name. Yes, while the process is similar, there are extra things involved in this process.

Pre-Steps

In this guide, we are assuming that you have your WordPress site setup on oldsite.com, and you are trying to migrate it to newsite.com.

We are also assuming that you already have a web hosting account, and you are familiar with your web hosting control panel.

You will also need to know how to use FTP.

In case you don’t have a web hosting account, we recommend using Bluehost (great for small sites + comes with a free domain) or WP Engine (great for large sites).

Once you have your new web hosting account and domain name, you’re ready to start the process.

Step 1: Create a Duplicator package of Your WordPress Site

The first thing you need to do is create a full backup of your WordPress site. While there are many WordPress backup plugins available, the one we’re going to show in this step does both backups and migrations.

It’s Duplicator and it’s a completely free plugin.

Let’s start by installing and activating the Duplicator plugin on your old domain name. For more details, see our step by step guide on how to install a WordPress plugin.

Once activated, the plugin will add a Duplicator menu item in your WordPress admin. You need to click on the Duplicator menu, and then click on the create button to create a new package.

Create a new Duplicator package

After that, you will be asked to click on the Next button to continue.

Duplicator will now run the website duplicator wizard. First, it will run some tests to see if everything is in order. If all items are marked ‘Good’, then click on the ‘Build’ button.

Build Duplicator package for switching to new domain name

The plugin will now start creating a duplicator package of your WordPress site. This process may take a few minutes depending on the size of your website.

Once finished, you’ll see download options for Installer and the Archive package. You need to click on the ‘One click download’ link to download both files to your computer.

Download Duplicator package

The archive file is a complete copy of your website, and this will allow you to move WordPress to another domain name. The installer script will automate and run the migration by unpacking the archive file.

Step 2. Create a Database for New Domain Name

Before you can move, you’ll need a database to unpack WordPress on your new domain name.

If you have already created a database, then you can skip this step.

To create a database, you need to visit your hosting account’s cPanel dashboard, scroll down to the ‘Databases’ section, and then click on the ‘MySQL Databases’ icon.

Database icon in CPanel

On the next screen, you’ll see a field to create a new database. Simply provide a name for your database and click on the ‘Create Database’ button.

Create database for switching to another domain name

cPanel will now create a new database for you. After that, you need to scroll down to the MySQL Users section.

Next, provide a username and password for your new user and click on the ‘Create a user’ button.

Adding a new MySQL user

The new user you just created, still does not have permission to work on the database. Let’s change that.

Scroll down to the ‘Add User to Database’ section. Simply select the database user you created from the dropdown menu next to the ‘User’ field, then select the database, and click on the add button.

Add user to database

Your database is now ready to be used on for moving WordPress to the new domain name. Make sure to note down the database name, username, and password. You’ll need this information in the next step.

Step 3. Unpacking WordPress on New Domain Name

Now you need to upload the Duplicator files you downloaded earlier to your new domain name.

First, connect to your domain name using an FTP client. Once connected, make sure that the root directory of your website is completely empty.

After that, you can upload the archive and installer files to the root directory.

Upload Duplicator files to new domain name

Once both files have finished uploading, you are now ready to unpack WordPress.

Open a new browser tab and go to the following URL:

http://example.com/installer.php

Don’t forget to replace example.com with your new domain name. This will launch the Duplicator migration wizard.

Duplicator wizard

The installer will look for the archive file. You need to check the terms and conditions checkbox and click on the next button to continue.

Now, the installer will ask you to enter your WordPress database information.

Your host will likely be localhost. After that, you will enter the details of the database you created for your new domain name in the earlier step.

Connect to the database for your new domain name

Once done, click on the next button to continue.

Duplicator will now unpack your WordPress database backup from the archive into your new database.

Next, it will ask you to update site URL or Path. You shouldn’t have to change anything since it automatically detects the URL of your new domain name and its path.

If it doesn’t, then you can change the URL to your new domain name. After that, click on the next button to continue.

Update URL to your new domian name

Duplicator will now finish the migration.

You can click on the ‘Admin Login’ button to enter the WordPress admin area of your website on the new domain name.

Finishing WordPress migration to new domain name

Step 4. Setting up Permanent 301 Redirects

Setting up a permanent 301 redirect is very important for both SEO and user experience.

This step will allow you to automatically redirect users and search engines to your new domain name.

In other words, whenever someone lands on one of your old posts or pages, they will be automatically redirected to your site on the new domain.

To setup a permanent 301 redirect, you need to connect to your old site using FTP and edit the .htaccess file.

This will be located in the same directory as your wp-includes or wp-admin folder. Open the .htaccess file and paste the following code at the very top:

#Options +FollowSymLinks
RewriteEngine on
RewriteRule ^(.*)$ http://www.newsite.com/$1 [R=301,L]

Note: Replace newsite.com with your new domain in the above code.

Once you have applied these changes, then visit your old domain name. It should automatically redirect you to the new domain.

If it doesn’t, then it means the redirection is not setup properly, and your server likely doesn’t support redirect rules. You need to reach your web hosting’s support to get RewriteEngine turned on.

Step 5. Notifying Google About the Change

Now that you have moved WordPress to a new domain name and setup redirects, it is time to notify Google about the change of address. This will help Google find your new domain name quickly and start showing it in search results.

First, you need to add your new domain name to the Google Search Console. See step 1 in our Google Search Console guide for instructions.

After you have added your new site, you need to switch to the old version of Google Search Console.

Go to old version of Google Search Console

Next, you need to switch to your old domain name and then click on the gear icon at the top to launch change of address tool.

Change of address tool

On the next screen, Google Search Console will show you a step by step wizard to submit your change of address request.

First it will ask you to select your new site from the drop down menu. After that, click on the check button to test 301 redirects and then confirm verification.

Change of address for your old domain name

Finally, click on the submit button to send your address change request.

Notify Users About the Move to New Domain Name

While the 301 redirects do their job, it is always good to make a public announcement about the migration.

You can do this by simply writing a blog post on your new site and sharing it on your social media accounts.

If you have an email marketing list, then you should send a newsletter to let all your subscribers know.

This can be helpful in a lot of ways.

First and foremost, your users are more likely to remember the new domain once they read about it.

Second, you can ask your users to let you know if they see any bugs. You alone cannot test your site in all different type of browsers and system environments. It’s always helpful to have a fresh pair of eyes looking at it.

We hope that this tutorial helped you move your WordPress site to a new domain name. You may also want to see our guide on how to track your search keyword rankings after moving to a new domain name.

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.

The post How to Easily Move WordPress to a New Domain (without Losing SEO) appeared first on WPBeginner.



Source link