How to Easily Add Custom Code in WordPress (without Breaking Your Site)

Often while reading WordPress tutorials, you may be asked to add custom code snippets in your theme’s functions.php file or in a site-specific plugin. The problem is that even a slightest mistake can break your website. In this article, we will show you an easy… Read More »

The post How to Easily Add Custom Code in WordPress (without Breaking Your Site) appeared first on WPBeginner.

Often while reading WordPress tutorials, you may be asked to add custom code snippets in your theme’s functions.php file or in a site-specific plugin. The problem is that even a slightest mistake can break your website. In this article, we will show you an easy way to add custom code in WordPress without breaking your site.

How to easily add custom code in WordPress

The problem with Custom Code Snippets

Often you’ll find code snippets in WordPress tutorials with instructions to add them into your theme’s functions.php file or a site-specific plugin.

The problem is that even a tiny mistake in the custom code snippet can break your WordPress site and make it inaccessible.

The other problem is that if you add multiple code snippets in a site-specific plugin, then it can become hard to manage the file.

Recently while looking for a solution, we discovered an easy for users to add and manage custom code snippets in WordPress.

Adding Custom Code Snippets in WordPress

First thing you need to do is install and activate the Code Snippets plugin on your website. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, the plugin will add a new menu item labeled Snippets into your WordPress admin bar. Clicking on it will show you a list of all the custom code snippets you have saved on your site.

Since you just installed the plugin, your list will be empty.

Go ahead and click on the Add New button to add your first custom code snippet in WordPress.

Add new custom code snippet

This will bring you to the ‘Add New Snippet’ page.

You need to start by entering a title for your custom code snippet. This could be anything that helps you identify the code. After that you can copy and paste your code snippet into the code box.

Adding your first code snippetAdding your first code snippet

In the screenshot above, we have added a custom code snippet to remove the WordPress version number from our test site.

function wpb_remove_version() {
return '';
}
add_filter('the_generator', 'wpb_remove_version');

Below the code box, you will see a text area to add description. You can add anything here that helps you understand what this code does, where you found it, and why you are adding it to your website.

Add code description

You can also assign tags to your code snippet. This will help you sort your code snippets by topic and functionality.

Finally, you can click on the ‘Save Changes and Activate’ button.

If you just want to save the code snippet and not activate it, then you can click on the ‘Save Changes’ button.

You can also change the scope of the code snippet. You can run it only in the WordPress admin area, on the front-end of your site, or everywhere. If you are unsure, then keep the default ‘Run snippet everywhere’ option checked.

Once you have saved and activated the code snippet, it would become effective on your site immediately.

Handling Errors in Custom Code

Normally, if you make a mistake in adding the custom code in your site-specific plugin or theme file, it would immediately make your site inaccessible.

You’d start seeing a syntax error or a 500 internal server error on your site. To fix this you’ll need to manually undo your code using an FTP client.

The neat part about the Code Snippets plugin is that it will automatically detect a syntax error in the code and immediately deactivate it.

Error handling in your custom code snippet

It will also show you a helpful error message, so you can debug the error.

Managing Your Custom Code Snippets

Code Snippets plugin provides an easier graphical user interface to manage your custom code snippets in WordPress.

You can save code snippets without activating them on your site. You can deactivate the snippet at any time you want. You can also export specific code snippets or bulk export all of them.

Export your custom code snippets

If you’re moving websites to a different server, you can easily import your code snippets using the Code Snippets plugin by visiting Snippets » Import page.

Import Snippets

Code Snippets plugin work out of the box, but you can tweak the plugin settings by visiting the Snippets » Settings page.

Tweaking plugin settings

We hope this article helped you learn how to easily add custom code in WordPress. Want to experiment with some code snippets on your website? Check out our list of extremely useful tricks for the WordPress functions file.

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 Add Custom Code in WordPress (without Breaking Your Site) appeared first on WPBeginner.

How to Easily Add Custom Code in WordPress (without Breaking Your Site)

Often while reading WordPress tutorials, you may be asked to add custom code snippets in your theme’s functions.php file or in a site-specific plugin. The problem is that even a slightest mistake can break your website. In this article, we will show you an easy… Read More »

The post How to Easily Add Custom Code in WordPress (without Breaking Your Site) appeared first on WPBeginner.

Often while reading WordPress tutorials, you may be asked to add custom code snippets in your theme’s functions.php file or in a site-specific plugin. The problem is that even a slightest mistake can break your website. In this article, we will show you an easy way to add custom code in WordPress without breaking your site.

How to easily add custom code in WordPress

The problem with Custom Code Snippets

Often you’ll find code snippets in WordPress tutorials with instructions to add them into your theme’s functions.php file or a site-specific plugin.

The problem is that even a tiny mistake in the custom code snippet can break your WordPress site and make it inaccessible.

The other problem is that if you add multiple code snippets in a site-specific plugin, then it can become hard to manage the file.

Recently while looking for a solution, we discovered an easy for users to add and manage custom code snippets in WordPress.

Adding Custom Code Snippets in WordPress

First thing you need to do is install and activate the Code Snippets plugin on your website. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, the plugin will add a new menu item labeled Snippets into your WordPress admin bar. Clicking on it will show you a list of all the custom code snippets you have saved on your site.

Since you just installed the plugin, your list will be empty.

Go ahead and click on the Add New button to add your first custom code snippet in WordPress.

Add new custom code snippet

This will bring you to the ‘Add New Snippet’ page.

You need to start by entering a title for your custom code snippet. This could be anything that helps you identify the code. After that you can copy and paste your code snippet into the code box.

Adding your first code snippetAdding your first code snippet

In the screenshot above, we have added a custom code snippet to remove the WordPress version number from our test site.

function wpb_remove_version() {
return '';
}
add_filter('the_generator', 'wpb_remove_version');

Below the code box, you will see a text area to add description. You can add anything here that helps you understand what this code does, where you found it, and why you are adding it to your website.

Add code description

You can also assign tags to your code snippet. This will help you sort your code snippets by topic and functionality.

Finally, you can click on the ‘Save Changes and Activate’ button.

If you just want to save the code snippet and not activate it, then you can click on the ‘Save Changes’ button.

You can also change the scope of the code snippet. You can run it only in the WordPress admin area, on the front-end of your site, or everywhere. If you are unsure, then keep the default ‘Run snippet everywhere’ option checked.

Once you have saved and activated the code snippet, it would become effective on your site immediately.

Handling Errors in Custom Code

Normally, if you make a mistake in adding the custom code in your site-specific plugin or theme file, it would immediately make your site inaccessible.

You’d start seeing a syntax error or a 500 internal server error on your site. To fix this you’ll need to manually undo your code using an FTP client.

The neat part about the Code Snippets plugin is that it will automatically detect a syntax error in the code and immediately deactivate it.

Error handling in your custom code snippet

It will also show you a helpful error message, so you can debug the error.

Managing Your Custom Code Snippets

Code Snippets plugin provides an easier graphical user interface to manage your custom code snippets in WordPress.

You can save code snippets without activating them on your site. You can deactivate the snippet at any time you want. You can also export specific code snippets or bulk export all of them.

Export your custom code snippets

If you’re moving websites to a different server, you can easily import your code snippets using the Code Snippets plugin by visiting Snippets » Import page.

Import Snippets

Code Snippets plugin work out of the box, but you can tweak the plugin settings by visiting the Snippets » Settings page.

Tweaking plugin settings

We hope this article helped you learn how to easily add custom code in WordPress. Want to experiment with some code snippets on your website? Check out our list of extremely useful tricks for the WordPress functions file.

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 Add Custom Code in WordPress (without Breaking Your Site) appeared first on WPBeginner.

How to Easily Add Custom Code in WordPress (without Breaking Your Site)

Often while reading WordPress tutorials, you may be asked to add custom code snippets in your theme’s functions.php file or in a site-specific plugin. The problem is that even a slightest mistake can break your website. In this article, we will show you an easy… Read More »

The post How to Easily Add Custom Code in WordPress (without Breaking Your Site) appeared first on WPBeginner.

Often while reading WordPress tutorials, you may be asked to add custom code snippets in your theme’s functions.php file or in a site-specific plugin. The problem is that even a slightest mistake can break your website. In this article, we will show you an easy way to add custom code in WordPress without breaking your site.

How to easily add custom code in WordPress

The problem with Custom Code Snippets

Often you’ll find code snippets in WordPress tutorials with instructions to add them into your theme’s functions.php file or a site-specific plugin.

The problem is that even a tiny mistake in the custom code snippet can break your WordPress site and make it inaccessible.

The other problem is that if you add multiple code snippets in a site-specific plugin, then it can become hard to manage the file.

Recently while looking for a solution, we discovered an easy for users to add and manage custom code snippets in WordPress.

Adding Custom Code Snippets in WordPress

First thing you need to do is install and activate the Code Snippets plugin on your website. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, the plugin will add a new menu item labeled Snippets into your WordPress admin bar. Clicking on it will show you a list of all the custom code snippets you have saved on your site.

Since you just installed the plugin, your list will be empty.

Go ahead and click on the Add New button to add your first custom code snippet in WordPress.

Add new custom code snippet

This will bring you to the ‘Add New Snippet’ page.

You need to start by entering a title for your custom code snippet. This could be anything that helps you identify the code. After that you can copy and paste your code snippet into the code box.

Adding your first code snippetAdding your first code snippet

In the screenshot above, we have added a custom code snippet to remove the WordPress version number from our test site.

function wpb_remove_version() {
return '';
}
add_filter('the_generator', 'wpb_remove_version');

Below the code box, you will see a text area to add description. You can add anything here that helps you understand what this code does, where you found it, and why you are adding it to your website.

Add code description

You can also assign tags to your code snippet. This will help you sort your code snippets by topic and functionality.

Finally, you can click on the ‘Save Changes and Activate’ button.

If you just want to save the code snippet and not activate it, then you can click on the ‘Save Changes’ button.

You can also change the scope of the code snippet. You can run it only in the WordPress admin area, on the front-end of your site, or everywhere. If you are unsure, then keep the default ‘Run snippet everywhere’ option checked.

Once you have saved and activated the code snippet, it would become effective on your site immediately.

Handling Errors in Custom Code

Normally, if you make a mistake in adding the custom code in your site-specific plugin or theme file, it would immediately make your site inaccessible.

You’d start seeing a syntax error or a 500 internal server error on your site. To fix this you’ll need to manually undo your code using an FTP client.

The neat part about the Code Snippets plugin is that it will automatically detect a syntax error in the code and immediately deactivate it.

Error handling in your custom code snippet

It will also show you a helpful error message, so you can debug the error.

Managing Your Custom Code Snippets

Code Snippets plugin provides an easier graphical user interface to manage your custom code snippets in WordPress.

You can save code snippets without activating them on your site. You can deactivate the snippet at any time you want. You can also export specific code snippets or bulk export all of them.

Export your custom code snippets

If you’re moving websites to a different server, you can easily import your code snippets using the Code Snippets plugin by visiting Snippets » Import page.

Import Snippets

Code Snippets plugin work out of the box, but you can tweak the plugin settings by visiting the Snippets » Settings page.

Tweaking plugin settings

We hope this article helped you learn how to easily add custom code in WordPress. Want to experiment with some code snippets on your website? Check out our list of extremely useful tricks for the WordPress functions file.

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 Add Custom Code in WordPress (without Breaking Your Site) appeared first on WPBeginner.

How to Easily Add Custom Code in WordPress (without Breaking Your Site)

Often while reading WordPress tutorials, you may be asked to add custom code snippets in your theme’s functions.php file or in a site-specific plugin. The problem is that even a slightest mistake can break your website. In this article, we will show you an easy… Read More »

The post How to Easily Add Custom Code in WordPress (without Breaking Your Site) appeared first on WPBeginner.

Often while reading WordPress tutorials, you may be asked to add custom code snippets in your theme’s functions.php file or in a site-specific plugin. The problem is that even a slightest mistake can break your website. In this article, we will show you an easy way to add custom code in WordPress without breaking your site.

How to easily add custom code in WordPress

The problem with Custom Code Snippets

Often you’ll find code snippets in WordPress tutorials with instructions to add them into your theme’s functions.php file or a site-specific plugin.

The problem is that even a tiny mistake in the custom code snippet can break your WordPress site and make it inaccessible.

The other problem is that if you add multiple code snippets in a site-specific plugin, then it can become hard to manage the file.

Recently while looking for a solution, we discovered an easy for users to add and manage custom code snippets in WordPress.

Adding Custom Code Snippets in WordPress

First thing you need to do is install and activate the Code Snippets plugin on your website. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, the plugin will add a new menu item labeled Snippets into your WordPress admin bar. Clicking on it will show you a list of all the custom code snippets you have saved on your site.

Since you just installed the plugin, your list will be empty.

Go ahead and click on the Add New button to add your first custom code snippet in WordPress.

Add new custom code snippet

This will bring you to the ‘Add New Snippet’ page.

You need to start by entering a title for your custom code snippet. This could be anything that helps you identify the code. After that you can copy and paste your code snippet into the code box.

Adding your first code snippetAdding your first code snippet

In the screenshot above, we have added a custom code snippet to remove the WordPress version number from our test site.

function wpb_remove_version() {
return '';
}
add_filter('the_generator', 'wpb_remove_version');

Below the code box, you will see a text area to add description. You can add anything here that helps you understand what this code does, where you found it, and why you are adding it to your website.

Add code description

You can also assign tags to your code snippet. This will help you sort your code snippets by topic and functionality.

Finally, you can click on the ‘Save Changes and Activate’ button.

If you just want to save the code snippet and not activate it, then you can click on the ‘Save Changes’ button.

You can also change the scope of the code snippet. You can run it only in the WordPress admin area, on the front-end of your site, or everywhere. If you are unsure, then keep the default ‘Run snippet everywhere’ option checked.

Once you have saved and activated the code snippet, it would become effective on your site immediately.

Handling Errors in Custom Code

Normally, if you make a mistake in adding the custom code in your site-specific plugin or theme file, it would immediately make your site inaccessible.

You’d start seeing a syntax error or a 500 internal server error on your site. To fix this you’ll need to manually undo your code using an FTP client.

The neat part about the Code Snippets plugin is that it will automatically detect a syntax error in the code and immediately deactivate it.

Error handling in your custom code snippet

It will also show you a helpful error message, so you can debug the error.

Managing Your Custom Code Snippets

Code Snippets plugin provides an easier graphical user interface to manage your custom code snippets in WordPress.

You can save code snippets without activating them on your site. You can deactivate the snippet at any time you want. You can also export specific code snippets or bulk export all of them.

Export your custom code snippets

If you’re moving websites to a different server, you can easily import your code snippets using the Code Snippets plugin by visiting Snippets » Import page.

Import Snippets

Code Snippets plugin work out of the box, but you can tweak the plugin settings by visiting the Snippets » Settings page.

Tweaking plugin settings

We hope this article helped you learn how to easily add custom code in WordPress. Want to experiment with some code snippets on your website? Check out our list of extremely useful tricks for the WordPress functions file.

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 Add Custom Code in WordPress (without Breaking Your Site) appeared first on WPBeginner.

10 Best WordPress Plugins for Podcasters

Are you looking for the best WordPress plugins for podcasters? WordPress is a popular blogging platform choice among top podcasters due to its flexibility that comes with various podcasting plugins. In this article, we have hand-picked some of the best WordPress podcasting plugins. How to… Read More »

The post 10 Best WordPress Plugins for Podcasters appeared first on WPBeginner.

Are you looking for the best WordPress plugins for podcasters? WordPress is a popular blogging platform choice among top podcasters due to its flexibility that comes with various podcasting plugins. In this article, we have hand-picked some of the best WordPress podcasting plugins.

Best WordPress plugins for podcasters

How to Start Podcasting with WordPress?

As we mentioned earlier, WordPress is popular among top podcasters such as Tim Ferris, Lewis Howes, Michael Hyatt, etc. That’s mainly because WordPress is easy to use and highly flexible with tons of great templates and thousands of WordPress plugins.

If you’re looking to make your website and start a podcast, then first you will need to get a domain name and WordPress hosting.

We recommend using Bluehost because they are one of the largest hosting companies in the world and an official WordPress recommended hosting provider. On top of that, they’re giving our users 60% off + a free domain.

Once you have signed up for hosting, the next step is to install WordPress. Follow the instructions in our how to start a WordPress blog and you will be up and running in no time.

Now comes the part where you will setup your podcast. To help you with this part, we have created a step by step guide on how to start your own podcast.

After that, take a look at our hand-picked list of the best WordPress plugins for Podcasters.

1. PowerPress

PowerPress

PowerPress is a powerful WordPress podcasting plugin that helps you manage your podcast files in WordPress.

It creates iTunes and Google Play supported RSS feeds for your podcast. It also comes with an easy interface where you can add all the information required to submit your podcast to iTunes.

Adding your podcast episodes to your WordPress site is easy with a beautiful HTML5 player. It also includes integrated subscribe tools to boost your podcast subscribers. Most importantly it comes with helpful community support from thousands of podcasters who already use it.

Best of all, it works with the best podcast audio file hosting service, Blubrry.

2. Smart Podcast Player

Smart Podcast Player

Smart Podcast Player offers a beautifully designed listening experience to your podcast listeners.

Unlike other podcast player plugins, it offers a better user experience with a beautifully designed HTML5 player. You can add a mega player that loops through all episodes, or you can add single episode player.

It looks and works great on all devices (mobile, tablet, and desktop). You can choose your own colors with light or dark theme. It has built-in social sharing features, download button, speed control, timestamps, and more.

3. Seriously Simple Podcasting

Seriously Simple Podcasting

A lot of beginners just want to start their podcast without purchasing dedicated podcast hosting or a media player. Seriously Simple Podcast player can help you do that. It allows you to manage and upload your podcast episodes directly to your WordPress site.

It generates your podcast feed which is compatible with iTunes, Google Play, and many other services. The plugin also comes with shortcodes and widgets to easily display podcast episodes throughout your website.

4. Podlove Podcast Publisher

Podlove

Podlove Podcast Publisher is created by Podlove, an online community of users who want to improve podcasting standards. The plugin aims at offering cutting edge solutions for podcasting issues that were not fixed by other available platforms.

Podlove Podcast Publisher makes it easier for you to manage your podcast from your WordPress site. It offers highly compatible podcast feeds with fine grain control over your feeds. It offers multi-format feeds, support for different audio and video codecs, an enhanced HTML5 player, chapters support, download stats, and flexible templates.

The best part is that you will be part of an active community. They have their own forums where you can ask questions and get help from developers and other users.

5. Simple Podcast Press

Simple Podcast Press

Simple Podcast Press allows you to beautifully display your podcast epsiodes in WordPress. It works with all popular podcast hosting services. You just need to add your podcast’s iTunes feed URL and it automatically fetches the episodes and displays them in a beautiful HTML5 player.

It allows you to display single episodes with timestamps so you can allow users to jump to key topics in an episode. It also has built-in social sharing features including a click to tweet quote box.

6. Libsyn Podcasting Plugin

Libsyn

Libsyn is a popular podcast hosting service, and this plugin helps connect your WordPress site to your Libsyn account. It allows you to easily create episodes, save them as draft, and schedule them in WordPress.

You will be able to directly upload your podcast files to Libsyn from WordPress, which means your podcast media will not take up space on your WordPress hosting server. You can also add files from your WordPress media library.

All your media and podcast feed will remain on Libsyn servers. Even if your website goes down, your podcast subscribers will still be able to download episodes directly into their podcast apps and feed readers.

7. Featured Podcast Widget

Featured podcast widget

Featured Podcast Widget allows you to feature a podcast episode into your WordPress sidebar. It is an addon plugin for PowerPress, so you can only use it if you are using PowerPress by Blubrry.

Upon activation, you need to visit Appearance » Widgets page and add ‘Featured Podcast’ widget to your WordPress sidebar. You can display the latest episode, select a category, or manually enter the ID of episode you want to be displayed.

It will use the post’s featured image and excerpt with the default PowerPress media player to play the episode.

8. As Heard On

As Heard On

As Heard On allows you to display different podcasts where you’ve been interviewed. This helps you feature other podcasters on your site, leverage social proof, and get featured on more podcasts. The plugin makes it easy to add the podcasts you want to showcase. You can add podcast name, host name, thumbnail, episode URL, description, etc.

You will have to find album art for the podcasts you want to display and upload the images manually. After you’ve added a few podcasts, you can display them in a sidebar widget, blog post, or any page on your site.

Bonus Plugins

These plugins are not specific to podcasting, but they would be immensely helpful for any podcaster using WordPress.

9. MonsterInsights

MonsterInsights

Want to know how people are discovering your podcast website? MonsterInsights is the best Google Analytics plugin for WordPress users. It helps you find out where your users are coming from, what they do, and how much time they are spending on your site.

MonsterInsights also comes with link tracking feature which can help you find out which episodes are downloaded the most. It also comes with an addon for Google Optimize which is a tool to help you conduct content experiments like A/B testing to figure out what works best for your website.

10. WPForms

WPForms

User interaction helps you convert more visitors and build a stronger community. WPForms is the best WordPress contact form builder plugin, which allows you to create beautiful forms for your website without writing any code.

You can use it to add a contact form, build surveys forms, accept payments, create email subscription forms, and more. Due to its ease of use and powerful features it is a must have for any podcaster’s toolkit.

There’s also a free version of WPForms available for WPBeginner users. Get WPForms Lite today.

That’s all for now.

We hope this article helped you find the best WordPress plugins for podcasters. You may also want to see our ultimate WordPress security guide for beginners.

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 10 Best WordPress Plugins for Podcasters appeared first on WPBeginner.

How to Create Custom WordPress Layouts With Elementor

Want to create your own custom page layouts in WordPress? Elementor is a drag & drop WordPress page builder that allows you to easily create custom WordPress layouts without having any coding knowledge. In this article, we will show you how to easily create custom… Read More »

The post How to Create Custom WordPress Layouts With Elementor appeared first on WPBeginner.

Want to create your own custom page layouts in WordPress? Elementor is a drag & drop WordPress page builder that allows you to easily create custom WordPress layouts without having any coding knowledge. In this article, we will show you how to easily create custom WordPress layouts with Elementor with just a few clicks.

How to Create Custom WordPress Layouts with Elementor

Why and When Do You Need Custom WordPress Layouts?

Many free and premium WordPress themes come with multiple layout choices for different kind of pages. However, sometimes none of these layouts would meet your requirements.

If you know how to code in PHP, HTML, and CSS, then you can create your own page templates or even build a child theme for your site. However, majority of WordPress users are not developers, so this option doesn’t work for them.

Wouldn’t it be great if you could just create page layouts using a drag and drop interface?

This is exactly what Elementor does. It is a drag and drop WordPress page builder plugin that allows you to easily create your own custom WordPress layouts without any coding skills.

It has an intuitive user interface that lets you build custom layouts with a live preview. It comes with many ready to use modules for all kind of web design elements.

There are several professionally designed templates that you can instantly load and use as a starting point. It works with all standard compliant WordPress themes and is compatible with all popular WordPress plugins.

Having said that, let’s take a look at how to create custom WordPress layouts with Elementor.

Getting Started with Elementor

First you will need to purchase Elementor Pro plugin. It is the paid version of the free Elementor plugin and gives you access to additional features and 1 year of support.

Next, you will need to install and activate the Elementor plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit Elementor » Settings page to configure plugin settings.

Elementor settings

Here you can enable Elementor for different post types. By default, it is enabled for your WordPress posts and pages. If you have custom post types on your site, then those will also appear here, and you can enable them as well.

You can exclude or include user roles that can use Elementor when writing posts or pages. By default, it is enabled only for administrators.

Don’t forget to click on the save changes button to store your settings.

Creating Custom WordPress Layout with Elementor

First you need to create a new page (or post) on your WordPress site. On the post edit screen, you will notice the new ‘Edit with Elementor’ button.

Edit with Elementor button

Clicking on it will launch the Elementor user interface where you can edit your page using Elementor’s drag and drop page builder.

Elementor builder interface

Now you can add sections and build your page from scratch, or you can add a template.

Templates are a faster way to quickly get you started. Elementor comes with several professionally designed templates that you can customize as much as you want.

Let’s start with a template by clicking on the ‘Add Template’ button.

This will bring up a popup where you will be able to see different templates available. You should look for a template that is similar to what you have in mind for your page layout.

Select and insert a template

Now click to select the template you like and then click on the ‘Insert’ button to add it to your page.

Elementor will now load the template for you.

You can now start editing the template to match your needs. Simply point and click on any element to select it, and Elementor will show you its settings in the left column.

Editing an item in Elementor

Now let’s talk about how Elementor layouts work.

Elementor layouts are built using sections, columns, and widgets. Sections are like rows or blocks that you place on your page.

Each section can have multiple columns and each section and column can have its own styles, colors, content, etc.

Editing sections and columns in Elementor

You can add anything in your columns and sections using Elementor widgets.

These widgets are different kind of content blocks that you can place in your Elementor sections.

Simply select a widget and drop it into your section or column. There is an extensive set of widgets available that cover all popular web design elements that you can think of.

Elementor Widgets

You can add images, text, headings, image galleries, videos, maps, icons, testimonials, slider, carousels, and so much more.

You can also add default WordPress widgets and even the widgets created by other WordPress plugins on your site.

Once you are done editing, you can click on the Save button to save your changes.

Save and exit Elementor

Note: Saving a layout will not publish the page on your WordPress site. It will just save your page layout.

You can now preview your page or go to WordPress dashboard.

This will bring you back to the WordPress post editor. You can now save your WordPress page or publish it on your website.

Publish page

Creating Your Own Templates in Elementor

Elementor allows you to save your own custom layouts as templates. This way you can reuse your own templates to create new pages even faster in the future.

Simply edit the page you would like to save as a template with Elementor.

In the Elementor builder interface, click on the folder icon next to the save button and then select ‘Save template’.

Save your template

This will bring up a popup where you need to provide a name for your template and click on the save button.

Template name

Next time you are creating a custom page layout, you would be able to select it from the ‘My Templates’ tab.

Custom template

You can also export this template and use it on other WordPress sites using Elementor.

You will need to visit Elementor » Library page to see your saved templates. Take your mouse over to your template name and then click on ‘Export template’ link.

Export template

After downloading your template file you can go to the library page on another WordPress site using Elementor and then import your template.

That’s all for now.

We hope this article helped you learn how to create custom WordPress layouts with Elementor. You may also want to see our step by step guide on how to speed up WordPress and boost performance.

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 Create Custom WordPress Layouts With Elementor appeared first on WPBeginner.

Will Inactive Plugins Slow Down WordPress? Should You Delete Inactive Plugins?

Recently, one of our readers asked us about deactivated plugins slowing down WordPress and whether they should delete inactive plugins. Many WordPress users often install plugins for testing and then deactivate them. In this article, we will answer do deactivated plugins slow down WordPress and… Read More »

The post Will Inactive Plugins Slow Down WordPress? Should You Delete Inactive Plugins? appeared first on WPBeginner.

Recently, one of our readers asked us about deactivated plugins slowing down WordPress and whether they should delete inactive plugins. Many WordPress users often install plugins for testing and then deactivate them. In this article, we will answer do deactivated plugins slow down WordPress and whether its safe to delete inactive plugins?

Do deactivated plugins slow down WordPress? Should you delete inactive plugins?

What are Deactivated or Inactive Plugins in WordPress?

The best thing about WordPress is that you can extend it by using WordPress plugins. When you install a WordPress plugin, WordPress downloads the plugin file to your web hosting server.

In order to start using a plugin, you will need to activate it.

Activate a WordPress plugin

You can install plugins and activate them later. You can also deactivate a plugin that you tried but didn’t find useful. You can see all your installed plugins (both active and inactive) on the plugins page in WordPress admin area.

Installed plugins

Active plugins are highlighted in blue and inactive plugins show a delete link below them.

Do Inactive Plugins Slowdown WordPress?

No, inactive or deactivated plugins do not slow down WordPress. To understand that, let’s see how WordPress works behind the scenes.

Each time a user requests a page from your WordPress site, WordPress starts a loading process. During this process, it only loads active plugins installed on your website. All inactive plugins are totally ignored and are not loaded or even looked at.

Even if you have dozens of inactive plugins installed on your website, it would not affect the performance of your site or make it slow.

The only place where WordPress looks for the inactive plugins on your site is the ‘Plugins’ page itself. Even then, it only looks for plugin’s header file and does not load the plugins themselves.

If your WordPress site is slow, then inactive plugins are definitely not the reason. You may want to check out our ultimate step by step guide to speed up WordPress and boost performance.

Should I Delete Inactive Plugins in WordPress?

The reason why WordPress allows you to deactivate plugins instead of directly deleting them is because sometimes you may just want to switch off a plugin temporarily.

If you plan to use that plugin soon, and you fear that deleting the plugin will delete its settings, then you should keep it.

Otherwise, there is really no point in keeping the inactive plugins installed on your website. In fact, they can be quite problematic at times.

For example, whether or not you are using that plugin, WordPress will still show you updates for those plugins. This can be a bit annoying particularly if you have many regularly updated plugins installed on your site.

Inactive plugins can be harmless, but they are still executable files. In case of an hacking attempt, these files can get infected or can be used to install malware on your site. As a WordPress security precaution, you should delete any inactive plugins that you do not intend to use.

We hope this article helped answer your questions about deactivated WordPress plugins and deleting inactive plugins. You may also want to see our list of essential WordPress plugins that you should install on your site.

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 Will Inactive Plugins Slow Down WordPress? Should You Delete Inactive Plugins? appeared first on WPBeginner.