Monday, November 28, 2022

How to Add Tabbed Content in WordPress Posts and Pages

Do you want to divide your posts into tabs to save space and make it easier for users to find what they’re looking for?

Adding tabbed content helps you add more information about your products and services. It also allows users to find all the details in a single place instead of going to a different page.

In this article, we will show you how to add tabbed content to WordPress posts and pages.

Add tabbed content in WordPress posts and pages

When Should You Use Tabbed Content in WordPress?

Using tabs allows you to add more details in a small amount of space or split large chunks of content for better organization and user experience.

Let’s say you have an online store. You can add tabs for product descriptions, reviews, technical specifications, and more. This separation helps provide all the details for your customers in one place and makes the page interactive.

Similarly, you can see tabbed content on WordPress.org plugin pages. The page is divided into different sections using tabs like details, reviews, installation, support, and development information.

Tabbed content preview

Tabbed content helps keep people on your WordPress website. You don’t have to send people to another page to get all the details they need about your products and services.

That said, let’s see how you can add tabbed content to WordPress pages and posts.

Here are the 2 methods we’ll use to get this done:

Method 1: Adding Tabbed Content Using a Landing Page Builder

The best way to add tabbed content in WordPress is using a SeedProd. It’s the best WordPress landing page and website builder. SeedProd is beginner-friendly and comes with a drag-and-drop builder, pre-made templates, and multiple customization options.

For this tutorial, we’ll use the SeedProd Pro license because it includes advanced blocks to add tabbed content. There is also a SeedProd Lite version you can use for free.

First, you’ll need to install and activate the SeedProd plugin. If you need help, then please see our guide on how to install a WordPress plugin.

Upon activation, you will be redirected to the SeedProd welcome screen in your WordPress dashboard. Go ahead and enter your license key, which you can find in your SeedProd account area.

SeedProd license key

Next, you can head to SeedProd » Landing Pages from your WordPress admin panel.

After that, simply click the ‘Create New Landing Page’ button.

Add a New SeedProd Landing Page

From here, SeedProd will show you multiple landing page templates to choose from.

Go ahead and select a template that you’d like to use. Just hover over the template and click the orange tick mark icon.

Select a landing page template

A popup window will now open where you’ll need to enter a title for your page in the ‘Page Name’ field, and a permalink slug under ‘Page URL.’

After that, simply click the ‘Save and Start Editing the Page’ button.

Enter a name for your page

This will launch the SeedProd drag-and-drop builder. You can now add different blocks to your template and edit existing elements.

To add tabbed content, simply drag the ‘Tabs’ block under the Advanced section and drop it onto the page template.

Add tabs block to the template

Next, you can customize the tab block in SeedProd.

For instance, you can click the ‘Add New Item’ button to add as many tabs as you want. Plus, there are options to edit the font size, space between text, and alignment for the content in each tab.

Add new items to tab block

Next, you can click on any tab to edit it further and add details.

For instance, you can change the title for each tab, add content, and change the tab icon.

Add content and change tab label

Besides that, SeedProd also provides advanced customization options.

Simply click the ‘Advanced’ tab in the menu on your left. Here, you can change the tab layout, typography, color, background color, borders, and more.

Edit advanced settings for tab block

When you’ve made changes to the tab block and customized your landing page, don’t forget to click the green ‘Save’ button at the top.

After that, you can head to the ‘Page Settings’ tab.

Publish your tabbed content page

Next, you can click the ‘Page Status’ toggle and change the status from Draft to Publish.

You can click the ‘Save’ button to store your changes and close the page builder.

Now, simply visit your website to see the tabbed content WordPress page in action.

Tabbed content landing page preview

Method 2: Adding Tabbed Content Using a WordPress Plugin

If you don’t want to use a landing page builder, then you can use a dedicated WordPress plugin to add tabbed content to your posts and pages.

First, you’ll need to install and activate the Tabs Responsive plugin. For more details, please see our guide on how to install a WordPress plugin.

Upon activation, you can go to Tabs Responsive » Add New Tabs from your WordPress dashboard and start by entering a name for your tabs.

Enter a name for your tab

Next, you can scroll down to add as many tabs as you want by clicking the red ‘Add New Tabs’ button.

Plus, you can edit each tab individually by changing its title, adding a description, using a different tab icon, and editing the icon location.

Edit tabs settings and add details

Besides that, the plugin also offers different ‘Tabs Settings’ in the menu on your right.

For instance, you can choose whether to display tabs title, select different options for title and icon, change icon position, show tabs border, select text color, and more.

Edit tabs settings and add details

When you’ve made the changes, you can now use the tabs in any blog post or page using the shortcode generated by the plugin.

Simply click the ‘Publish’ button.

Publish your tabs

Next, you can add the tabs on any page or post using the [TABS_R id=130] shortcode. Just make sure to replace the ID number in the shortcode with your tabs ID number.

You can easily find the tab ID and shortcode by going to Tabs Responsive » All tabs and copying the code under the Tabs Shortcode column.

Find ID number for tabbed content

Next, you just need to either add a new post or edit an existing one.

When you’re in the content editor, go ahead and add a shortcode block to enter the shortcode.

Add a shortcode block

After that, you can preview your blog post or page. If everything checks out, you can click the ‘Publish’ or ‘Update’ button to save the tabs in your post.

Now, visit your website to see the tabbed content in action.

Tabbed content plugin preview

We hope this article helped you learn how to add tabbed content to WordPress posts and pages. You can also see our guide on WooCommerce made simple and how to choose the best web design software.

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 Add Tabbed Content in WordPress Posts and Pages first appeared on WPBeginner.


November 29, 2022 at 01:02AM

How to Disable WordPress Admin Email Verification Notice

Do you want to disable the admin email verification notice in WordPress?

By default, WordPress displays an admin email verification notice to the site administrators every few months to verify the email they use is still correct. It’s a pseudo-security measure that many site owners feel is unnecessary and annoying.

In this article, we will show you how to disable the admin email verification notice in WordPress.

How to Disable WordPress Admin Email Verification Notice

What is an Admin Email Verification Notice

The admin email verification notice feature was introduced in WordPress 5.3. The purpose of this feature is to show a screen to website administrators every few months that asks them to verify their site email address.

The admin email verification notice ensures that the email address provided by the administrator is accurate and still in use. Having a working email is important to site security and management.

Admin email verification notice

However, originally planned to appear every six months, sometimes the admin email verification notice can be displayed more frequently than necessary.

This can be annoying for users who’re just trying to log in to their WordPress website. Wouldn’t it be great if you could just turn off the admin email verification notice?

Let’s take a look at how to easily disable the admin email verification notice. You can click the links below to jump directly to the method you want to use.

You can easily disable the admin email verification notice by adding a code snippet to your WordPress files. If you haven’t done this before, then take a look at our beginner’s guide on pasting snippets from the web into WordPress.

Generally, you would need to manually add the code to your theme’s function.php file, but it can be a bit tricky since even a minor mistake can bring down your whole website.

This is why we recommend using a code snippet plugin like WPCode to add custom code in WordPress without having to edit your theme’s core files.

First, you need to install and activate the free WPCode plugin. For more instructions, please take a look at our guide on how to install a WordPress plugin.

Once the plugin is activated, go to Code Snippets » Add New from your WordPress admin dashboard.

Go to Code Snippets and click Add New

This will take you to the ‘Add Snippet’ page.

As we have to add custom code, simply click on the ‘Use Snippet’ button below the ‘Add  Your Custom Code (New Snippet)’ option.

Click Use Snippet button

This will take you to the ‘Create Custom Snippet’ page where you can start by entering a title for your code snippet. It can be anything that helps you identify the code.

Next, select the ‘PHP Snippet’ as the ‘Code Type’ from the drop-down menu on the right.

Choose PHP as a Code Type

After that, all you have to do is copy and paste the following PHP code snippet in the ‘Code Preview’.

// Disable WordPress Administration Email verification Screen 
add_filter( 'admin_email_check_interval', '__return_false' );
Disable sdmin email verification PHP snippet

After that, scroll down to the ‘Insertion’ section and select an insert method.

Now, simply choose the ‘Auto Insert’ option to automatically execute code on your site upon saving the snippet. Make sure to select the location “Admin Only”.

WPCode Insert Snippet for Admin Only

Now, go to the top of the page and toggle the switch from ‘Inactive’ to ‘Active’ in the top right corner and then click the ‘Save Snippet’ button.

Once, you have saved and activated the code snippet, it will be automatically executed on your site.

Click on Save Snippet button

Now you will no longer see the admin email verification notice.

Method 2. Disable Admin Email Verification Notice Using a Plugin

If you prefer not to add code to your WordPress site, you can always use a plugin.

For this tutorial, we will be using the Make Disable Admin Email Verification Prompt plugin.

The first thing you need to do is install and activate the Make Disable Admin Email Verification Prompt plugin. For more instructions, you can check out our guide on how to install a WordPress plugin.

Once the plugin is activated, simply go to Settings » General from your WordPress admin dashboard.

Go to Settings and then click on General

Now that you’re on the ‘General Settings’ page, scroll down to the bottom.

Here you will find the ‘Disable Admin Email Verification Prompt’ option. Now, simply make sure to check the box beside ‘Disable Admin Email Verification Screen.’

Check the disable admin email verification box

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

That’s it! You and your team should not see the admin email verification notice anymore.

We hope this article helped you learn how to disable the admin email verification notice in WordPress. You may also want to see our tutorial on how to disable automatic update email notifications in WordPress, and our comparison of the best email marketing services to grow your website traffic and sales.

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 Disable WordPress Admin Email Verification Notice first appeared on WPBeginner.


November 28, 2022 at 05:21PM

Friday, November 25, 2022

11 Things You Should Do When Inheriting a WordPress Site

If you have just inherited an existing WordPress site, what should you do first?

Whether you’re a business owner who recently acquired a new website or an office assistant who’s inheriting your company’s existing website from another team member, you might be wondering what the most important next steps are.

In this article, we will show you the top things you need to do when inheriting a WordPress site.

Things to do when inheriting a WordPress site

What Challenges Could You Face When Inheriting a Site?

Inheriting a new WordPress website brings a lot of challenges.

Whether you’ve acquired it from another business or assigned a company website, getting up to speed with the workflow and familiarizing yourself with WordPress can take time.

Similarly, running a website requires other tools like email marketing software or third-party plugins. When inheriting a website, you should have login credentials to all the software.

Other than that, your newly inherited website might not be secure. One of the best practices is to create a backup and scan your site for threats. This will help highlight areas that could lead to a potential attack and allow you to fix them quickly.

That said, let’s look at the things you should do when inheriting a new WordPress site. You can click the links below to jump ahead to your preferred section:

1. Get All The Passwords

Update all the passwords

When inheriting a WordPress site, the first thing you must do is gather all the username and password information.

This includes your web hosting password, FTP password, CDN password, domain management password, email marketing service password, and password to all third-party premium plugins or services that the website is using.

We suggest scheduling a video call with the old developer or site owners because they can explain everything in detail.

The best way to manage all your website passwords is by using a password manager. We recommend using LastPass because it works with all your devices and allows storing passwords in a group, sharing them securely, and using stronger passwords.

2. Change All Admin Password and Emails

Once you have received all the passwords, you need to change them.

This ensures that the previous developer or site owner cannot modify anything. Another thing you want to do is update all admin contact emails so only you can reset passwords in the future.

You can do this by going to the Users » All Users page in the WordPress admin area and editing all user passwords along with contact details.

Add new users to WordPress

Next, you need to change the WordPress site admin email address. WordPress uses it to send important website notifications.

Simply go to the Settings » General page and enter a new email address.

Change admin email address

Note: We recommend installing WP Mail SMTP before changing emails to make sure all emails all of the notification emails reach their recipient.

3. Take Notes and Familiarize Yourself

Take notes when inheriting a website

Before making any other site changes, taking notes and familiarizing yourself with the website is vital. If you’re unfamiliar with WordPress, see our beginner guide on what is WordPress.

It is very important that you understand the importance and functionality of each WordPress plugin used on the website.

You would also want to review theme settings and the widgets you use.

You can take notes of different functionalities, features you would like to change, and more.

Note: Please write all these notes down in Google Docs, Dropbox Paper, or somewhere else so you won’t lose them.

This information will help you understand everything. If you need help understanding something, then you can try contacting the previous owner or developer.

4. Setup an Automated Backup Solution

Backup your website

Backups are your first layer of defense against any online mishap. The previous site owner may have their own backup plugins set up, which may be storing backup files in one of their remote storage accounts.

You would want to set up your own backups. There are plenty of excellent WordPress backup plugins that you can choose from.

You need to make sure that you set up your backups on a remote location like Google Drive, Dropbox, etc.

You also need to create a complete WordPress backup before making further changes to your website. This would help you revert your website in case anything goes wrong.

5. Update User Roles and Permissions

If you are a developer working on a website, then you’ll need to work with your client to assign user roles and permissions to their team.

Your goal should be to limit the administrator user role to people who actually need to perform admin tasks. These tasks include things like changing the theme, installing new plugins, or adding new users to the website.

To change a user role, simply go to Users » All Users from your WordPress dashboard and edit a user profile. Next, scroll down to the ‘Role’ section and select the user role you wish to assign.

Edit user roles in WordPress

If you are working on your own site, then you will need to review user access. Create a new user account for your authors if required.

If there are older author and editor accounts that you will not be working with, then you need to edit those user accounts and change their email address and password. See our guide on how to disable user accounts without deleting them.

6. Run Security and Performance Scans

Run scans and secure your site

Next, you need to make sure that your new WordPress website is secure and performing well.

For security scans, we recommend using Sucuri. It is the best WordPress security plugin on the market and allows you to easily scan your website for malicious code, security threats, and vulnerabilities.

You can see our ultimate WordPress security guide for more details.

For performance, you can use any of the online website speed test tools. We recommend using the IsItWP website speed test tool, which is easy to use and gives you a detailed overview of your website speed.

It is also important that you check to see that caching is configured properly.

Many WordPress hosting companies like Bluehost and SiteGround offer built-in caching solutions that you can turn on from your hosting account. You can also use a WordPress caching plugin like WP Rocket to instantly improve your website speed.

If the site is not running a CDN, then you should consider using a CDN service. Although this is not required, we always recommend users to use a CDN. For more details, see our guide on why you should use CDN.

For more tips and tricks, you may want to see our ultimate guide to boost WordPress speed & performance.

7. Check for Proper Tracking and SEO Integration

Set up website tracking

If you have inherited the ownership of a new website, then the old website owner may have transferred the Google Analytics property to you.

A lot of website owners simply add the Google Analytics code to their WordPress theme. This code disappears as soon as you update the theme or install a new one.

Make sure that Google Analytics is properly installed on the website by either using MonsterInsights or by adding the tracking code outside the WordPress theme.

Similarly, they may have also transferred Google Search Console property to you as well.

Make sure that your site has XML Sitemaps in place for the search console. You may also want to look at Google Search Console reports to make sure there are no crawling issues or errors on the site.

We recommend using All in One SEO (AIOSEO) because it is the best SEO plugin for WordPress. You can easily optimize your site for search engines without hiring an expert.

8. Implement Version Control and/or a Staging Site

Implement version control

If you’re a developer, then it is highly recommended that you implement version control for the site. It is fairly easy to use GitHub or BitBucket.

If you’re not a developer, then at the very least we recommend setting up a WordPress staging site that ensures that you have a stable testing environment before pushing things live. We recommend this step for all users.

For those who’re scared to set this up, then WP Engine, a managed WordPress hosting provider, offers a robust staging environment and git version control integration.

Other small business hosting providers like SiteGround and Bluehost also offer staging features at affordable prices.

9. Run a Website Clean up

Now that you have familiarized yourself with the project, it is best to clean out all the unnecessary things. Delete all inactive themes and plugins. Delete all user accounts that are not needed.

Log in to your WordPress database and optimize it. Some bad plugins leave their database tables even after they’re deleted. If you notice any of those, then it is best to delete them.

See our beginner’s guide to WordPress database management to safely optimize the WordPress database.

10. Review Plugin Settings

Review plugin settings

A typical WordPress website uses several plugins that may still be referring to old owners. If you have taken ownership of a website, then you would want to change that.

For example, the contact form plugin on the website may still be sending notifications to old email addresses. WordPress SEO plugin may still be pointing to previous owners’ social media profiles.

You can discover some of these things by looking at the website and testing all its features. You can also review plugin settings and update them if needed.

11. Upgrade Your Hosting Service

Upgrade your website hosting

After running the website speed test, if your website is still slow despite using caching, then it is time to upgrade your hosting.

If it is a client website, then your performance tests should help you convince the client to move. If you own the website yourself, then you just need to choose the right web host.

We recommend using SiteGround or Bluehost as they are one of the biggest hosting companies and officially recommended WordPress hosting providers.

If your website has outgrown shared hosting, then you may want to consider using a managed WordPress hosting service like WP Engine.

See our guide on how to move WordPress to a new host for step-by-step instructions to move your website.

We hope that this article offered some insights on what you should do when inheriting a WordPress site. You may also want to see our guide on the best WooCommerce plugins and the ultimate WordPress SEO 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 11 Things You Should Do When Inheriting a WordPress Site first appeared on WPBeginner.


November 26, 2022 at 12:53AM