andrei

How to Create a Dropdown Menu in WordPress Beginners Guide

Last updated on November 21st, 2019 by andrei

Do you want to make a dropdown menu and add it to your WordPress website? A dropdown menu shows a list of links as you take your mouse over them on the menu. We use a dropdown on our own site and in this guide, we will show you how to easily create a dropdown menu un WordPress with step by step instructions.

Use Promo Code WPBVIP
►Best WordPress Contact Form Plugin https://wpforms.com/wpbeginner
►Best WordPress Analytics Plugin https://www.monsterinsights.com/
►Best Lead Generation Plugin https://optinmonster.com/
►Best WordPress SEO Plugin https://aioseo.com/
►Best Landing Page Builder for WordPress https://www.seedprod.com/
►Best WordPress Giveaway Plugin https://rafflepress.com/

–Related Videos–

►WordPress Tutorial – How to Make a WordPress Website for Beginners https://www.youtube.com/watch?v=DvbFBxKcORA
►WordPress Gutenberg Tutorial: How to Easily Work With the Block Editor https://www.youtube.com/watch?v=JjfrzGeB5_g
►What is SEO and How Does it Work? https://www.youtube.com/watch?v=JjfrzGeB5_g
►How to Install a WordPress Theme https://www.youtube.com/watch?v=ZIPQRQLAz90

Timestamps
0:00 Intro
1:08 How to create a menu for dropdown
1:53 How to create pages to add to the menu
3:03 How to add categories to your menu
3:14 How to add submenu items to your main menu
4:02 How to add your menu to your menu location
5:50 How to create a menu using the customizer

We’ll start by going under Appearance, Menus and create a new menu or edit the menu where we would like to add the dropdown. We will add the pages and posts that we want to include in the menu to organize. The selected content will be in your menu area and you will have the ability to modify the order here.

To add the dropdown you would want to drag the menu item to the right and drop it. WordPress should move it to the right and name it a sub-item. This will place it beneath the content as a dropdown option that you can save to keep it there. Now you can use the checkboxes below the menu or go into Appearance, Customize and choose your theme-specific location to add the menu.

If you would like to create a mega-menu on your site for more control you would want to take a look at our guide here:

https://youtu.be/wCS2R5U9LCg

If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
https://www.youtube.com/subscription_center?add_user=wpbeginner

Feel free to take a look at the written version of this tutorial here:
https://www.wpbeginner.com/wp-tutorials/how-to-create-a-dropdown-menu-in-wordpress-beginners-guide/

Check us out on Facebook
https://www.facebook.com/wpbeginner

Check out our website for more WordPress Tutorials
http://www.wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner

Best Contact Form Plugins for WordPress Compared

Last updated on November 18th, 2019 by andrei

Are you looking to add a contact form to your WordPress site and not sure which one to use? There are thousands of contact form plugins to choose from so it’s difficult to know which is the best for you. In this video, we’ll cover which is the best WordPress form plugin for your needs.

Our top 5 recommended form plugins are the following:

WPForms:

https://wpforms.com/

Formidable Forms:

https://formidableforms.com/

For most sites, we recommend WPForms as that is the plugin we’ve created for our needs as well as the needs of our visitors. This means we had beginners in mind while still giving powerful marketing tools for those needing it. The free version of WPForms can handle the basic need of most sites and you can purchase an upgrade should you need more of the tools in the plugin.

If you’re a developer or looking for more advanced features for your forms we would recommend Formidable Forms. This includes different calculators or any sort of form that would need calculations like mortgage calculators, body fat calculators, etc.

If you are looking to create surveys on your site, WPForms is one plugin option to achieve this or for a non-plugin option, you can take a look at SurveyMonkey. They were what we previously used, before WPForms, as an option should your budget allow. TypeForm is another non-plugin option that you can use should your budget allow.

If you’re looking to take small or specific payments then WPForms or Formidable forms allow you to accept those types of payments. For more advanced such as creating a store we recommend using a full-fledged ecommerce plugin such as WooCommerce.

If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
https://www.youtube.com/subscription_center?add_user=wpbeginner

Feel free to take a look at the written version of this tutorial here:
https://www.wpbeginner.com/plugins/5-best-contact-form-plugins-for-wordpress-compared/

Check us out on Facebook
https://www.facebook.com/wpbeginner

Check out our website for more WordPress Tutorials
http://www.wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner

How to Add No Right Click on WordPress Images

Last updated on November 14th, 2019 by andrei

Do you want to prevent users from taking images from your WordPress site? While there isn’t a complete solution, there are different measures you can take to make it harder for users to save images from your site. In this video, we’ll guide you through how to add no right click to your WordPress site.

–Links–

►partner affiliate link https://wpforms.com/
►written tutorial https://www.wpbeginner.com/plugins/no-right-click-wordpress-images/

–Top Resources–

–Related Videos–

https://wordpress.org/plugins/no-right-click-images-plugin/

With the plugin installed and activated, you can go to Settings, No Right Click Images to modify the settings. The plugin gives the option to right click images if you are logged in but otherwise, the default settings should handle what most users are looking for. Now, when you’re logged out of your site and try to right click an image it will prevent the right click.

Another plugin option we can recommend would be Envira Gallery found here:

https://www.wpbeginner.com/refer/envira-gallery/

This plugin does require a purchase for the features we plan to use so once the plugin is purchased, installed, and activated, you will go under Envira Gallery, Settings to add your license key. Now that the plugin is set up, to protect your images you will go under Envira Gallery, Addons and scroll down to the protection addon to install and activate it.

With the Addon activated you can create or edit an already created gallery and under the Misc section, you can enable the image protection as well as have a custom popup message informing users that you have image protection enabled. Now when you add the gallery to one of your posts or pages it will prevent right clicking on that image.

The number one reason to prevent right clicks is to prevent image theft and make it harder for users to download your images. These methods are a good preventative step but do note that if they are determined enough then users can still get your images by downloading the entire page.

If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
https://www.youtube.com/subscription_center?add_user=wpbeginner

Feel free to take a look at the written version of this tutorial here:
https://www.wpbeginner.com/plugins/no-right-click-wordpress-images/

Check us out on Facebook
https://www.facebook.com/wpbeginner

Check out our website for more WordPress Tutorials
http://www.wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner

How to Add Anchor Links in WordPress (Step by Step)

Last updated on November 11th, 2019 by andrei

If you’ve seen sites that have links in their longer articles to help users jump to the section they want to read then you know how helpful those can be. These can help with SEO as Google can show them below your search listings for easy navigation. In this video, we will explain what anchor links and show you how to easily add them in WordPress.

If you would like to see our written tutorial for this, you can find it here:

https://www.wpbeginner.com/beginners-guide/how-to-easily-add-anchor-links-in-wordpress-step-by-step/#manualanchorlinks

For the first method, is for sites using Gutenberg. Start by creating the first link by adding the text, highlighting it, and adding a pound sign (#) followed by the text want to add to it. For where you want the link to jump to you would want to select the header and in the advanced area add the text from the first link.

Should the block tell you it contains unexpected or invalid content you would want to click the Convert to HTML button for the anchor link to work. If the advanced area does not give you the option you would want to use the verticle dots for more options and edit as HTML. In the p area, you will want to add an id =”” with the text you want to link to within the quotation marks.

For those using the classic editor, you will want to click the text tab, go to the tag for the section you want the link to and add the ID the same way you would have in the previous section. Should you not want to do either of those methods and want WordPress to do the work for you, you can automatically add the anchor links using the Easy Table of Contents plugin found here:

https://wordpress.org/plugins/easy-table-of-contents/

If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
https://www.youtube.com/subscription_center?add_user=wpbeginner

Feel free to take a look at the written version of this tutorial here:
https://www.wpbeginner.com/beginners-guide/how-to-easily-add-anchor-links-in-wordpress-step-by-step/#manualanchorlinks

Check us out on Facebook
https://www.facebook.com/wpbeginner

Check out our website for more WordPress Tutorials
http://www.wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner

How to Find and Fix Broken Links in WordPress Step by Step

Last updated on November 7th, 2019 by andrei

Broken links are bad for user experience but did you know they can significantly harm your SEO ranking? It’s been proven that having broken internal links can negatively impact your site’s SEO which worries some site owners. In this guide, we’ll show you how to easily find and fix broken links in WordPress to help you improve your SEO ranking and user experience.

To start, we will go to SEMRush and create a new site audit by scrolling down and clicking Site Audit on the left-hand side. On the Site Audit page, we will click the New Site Audit button, add a domain, and name the project for us to keep track of it. There are many customization settings that can be set but the default search is what we will use to check for broken links. When you visit that project, you can click the broken section to see all of the pages that SEMRush sees as broken on your site.

How to do Keyword Research video:

https://youtu.be/1BME8PfbulI

ahrefs 7day trial:
https://www.wpbeginner.com/refer/ahrefs/

For ahrefs, we will search our domain we want to be checked, scroll down to limit to pages, and search for the HTTP code we want to check for, in this case, 404. We can now export the links found into a CSV where you can go through and fix each of the broken links that were found.

How to Set Up a Site on Search Console:

https://youtu.be/-l6733dDx9Q

The third method would be to use Google Search Console to scan your site as well. With Google Search console connected, we will go to the Coverage section and check for any errors on that page. This will list the URLs you can find and fix on your site itself.

While we don’t normally recommend the plugin below, as a fourth option you can use the Broken Link Checker plugin here:

https://wordpress.org/plugins/broken-link-checker/

With the plugin installed and activated, you can go under Tools, Broken links to see the links the plugin found for you. This plugin can be very resource-intensive which is why we don’t have it higher in our recommendations.

With the links found you can now redirect them either using your htaccess file or for a simpler solution you would install and keep installed the redirection plugin to handle redirects on your site.

Redirection plugin:

https://wordpress.org/plugins/redirection/

If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
https://www.youtube.com/subscription_center?add_user=wpbeginner

Feel free to take a look at the written version of this tutorial here:
https://www.wpbeginner.com/plugins/how-to-fix-broken-links-in-wordpress-with-broken-link-checker/

Check us out on Facebook
https://www.facebook.com/wpbeginner

Check out our website for more WordPress Tutorials
http://www.wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner

State of WPBeginner Universe October

Last updated on November 4th, 2019 by andrei

Are you wanting to know what’s happening at WPBeginner and our sister sites? We handle many different plugins and tools that we thought you would like to know what is going on as well as what we’re doing on the WPBeginner site itself. If you’re ready, let’s take a look at what’s going on in the WPBeginner universe.

This video is sponsored by MonsterInsights, take a look at MonsterInsights here:
=================================
https://www.monsterinsights.com/
=================================

For the discount, use our code: WPBVIP

John Turner’s Interview on LifterLMS:
https://lifterlms.com/lifterlms-webinars/rafflepress/

WPForms VIP Facebook Group:
https://www.facebook.com/groups/wpformsvip/

WPBeginner Facebook Group:
https://www.facebook.com/groups/wpbeginner/

OptinMonster’s University:
https://optinmonster.com/university/

If you’re looking to join our company you can find our openings here:
https://awesomemotive.com/career/

Google Chrome will block mixed content article:
https://www.wpbeginner.com/news/google-chrome-will-block-mixed-content-are-you-ready-for-it/

How to save images for the web article:
https://www.wpbeginner.com/beginners-guide/speed-wordpress-save-images-optimized-web/

How to add anchor links in WordPress article:
https://www.wpbeginner.com/beginners-guide/how-to-easily-add-anchor-links-in-wordpress-step-by-step/

If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
https://www.youtube.com/subscription_center?add_user=wpbeginner

Feel free to take a look at the written version of this tutorial here:
https://www.wpbeginner.com/wp-tutorials/how-to-create-an-auto-loan-calculator-in-wordpress/

Check us out on Facebook
https://www.facebook.com/wpbeginner

Check out our website for more WordPress Tutorials
http://www.wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner

How to Create an Auto Loan / Car Payment Calculator in WordPress

Last updated on October 31st, 2019 by andrei

Are you wanting to add an auto loan or car payment calculator to your WordPress site? If you’re in the car dealership business, adding an auto loan payment calculator on your site can help increase your sales by giving your visitors an estimate. In this video, we will show you how to create an auto loan calculator in WordPress.

This video brought to you by WPForms, take a look at their site here:
=================================
https://wpforms.com/
=================================

For the discount, use our code: WPBVIP

For this specific tutorial we will be using Formidable Forms which you can purchase here:

https://formidableforms.com/

With the plugin installed, activated, and your license key has been added we can begin creating the calculator. Under forms, click Add New and scroll down to their car payment calculator form. Name and add a description that you would like your visitors to see when looking at the form and click the create button.

Formidable Forms will generate a form with the fields normally required for a car loan to be calculated as well as pre-set math so you don’t need to worry about setting that up yourself. Under Actions and notifications, you can set where a notification email is sent when the form is submitted.

Now you can go under Pages, Add New to add the form to the page. If you are using the classic editor the shortcode was shown in the form completion area. For the current editor, there is a Formidable Forms block that you can add and will give you the option to select which form to place in this area.

If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
https://www.youtube.com/subscription_center?add_user=wpbeginner

Feel free to take a look at the written version of this tutorial here:
https://www.wpbeginner.com/wp-tutorials/how-to-create-an-auto-loan-calculator-in-wordpress/

Check us out on Facebook
https://www.facebook.com/wpbeginner

Check out our website for more WordPress Tutorials
http://www.wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner

How to Create an Image Gallery in WordPress

Last updated on October 28th, 2019 by andrei

Do you want to create an image gallery on your WordPress site? An image gallery lets you add photos in rows and columns to display more photos with less space while still being visually appealing. In this video, we will show you how to easily create an image gallery in WordPress that makes your photos look even better.

This video is sponsored by MonsterInsights, take a look at MonsterInsights here:

https://www.monsterinsights.com/

To get a 50% discount, use our discount code WPBVIP

–Links–

►Written Tutorial – How to Create an Image Gallery in WordPress
https://www.wpbeginner.com/beginners-guide/how-to-create-an-image-gallery-in-wordpress/
►MonsterInsights https://www.monsterinsights.com/ Promo Code WPBVIP

–Top Resources–

Use Promo Code WPBVIP

►Best WordPress Contact Form Plugin https://wpforms.com/wpbeginner
►Best WordPress Analytics Plugin https://www.monsterinsights.com/
►Best Lead Generation Plugin https://optinmonster.com/
►Best WordPress SEO Plugin https://aioseo.com/
►Best Landing Page Builder for WordPress https://www.seedprod.com/
►Best WordPress Giveaway Plugin https://rafflepress.com/

–Related Videos–
►WordPress Tutorial – How to Make a WordPress Website for Beginners https://www.youtube.com/watch?v=DvbFBxKcORA
►WordPress Gutenberg Tutorial: How to Easily Work With the Block Editor https://www.youtube.com/watch?v=JjfrzGeB5_g
►What is SEO and How Does it Work? https://www.youtube.com/watch?v=JjfrzGeB5_g
►How to Install a WordPress Theme https://www.youtube.com/watch?v=ZIPQRQLAz90

Timestamps
0:00 Intro
0:20 Create a post for images
0:40 How to add a Gutenberg gallery block to your post
1:27 How to customize an image gallery in WordPress
4:40 How to create a gallery using Envira Gallery plugin
8:28 How to view your galleries on your website

For the first method in this guide, we will be using the default WordPress gallery block. Start by creating the post or page you would want to have it appear on and click the add block button and select gallery to add it in your content area.

You can now select the images you want to be included, you can use shift+click to select multiple files to upload at once. You’ll have the options to reorder and caption each of the images should you want or even add additional images. The standard gallery widget even includes a way to change how many images are in each column and where the gallery links to.

Should you want more control over the gallery, you would want to install and activate the Envira Gallery plugin found here:

https://wordpress.org/plugins/envira-gallery-lite/

Create a new gallery, name it whatever you like, and add your images to the gallery. The plugin allows you to link individual images in the gallery to specific URLs.

The same as the default gallery you can decide how many columns to use or have the column count be determined by the plugin. Envira gallery gives you the additional power to lazy load the images, that way the images are not loaded until your visitor scrolls down to the images which can improve loading speed on your site.

If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
https://www.youtube.com/subscription_center?add_user=wpbeginner

Check us out on Facebook
https://www.facebook.com/wpbeginner

Check out our website for more WordPress Tutorials
http://www.wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner

How to Create a Reusable Block in WordPress Block Editor

Last updated on October 24th, 2019 by andrei

Are you repeatedly using snippets of text on your WordPress site? If you do, then the reusable block feature will be very helpful to you. In this video, we will show you how to easily create a reusable block in the WordPress Gutenberg/Block editor.

To start, you would want to create the text that you want to repeat in your content in a single block. Now click the verticle ellipsis in the editing options for the block and click the Add to Reusable Blocks option. Name the block and click the save button to add it to the available blocks.

Now when looking to add a block you can go to the reusable blocks section and select the block you’ve added. This will add the block to your content and if you modify the block it will modify the content in the block everywhere it is placed on your site.

Another popular reusable block to add is a button block. You will want to style the button to the design you’re wanting, select the text you plan to add and add a link to where the button should send the user who clicks on it. Now when you add this to the reusable blocks area, it will be an option for placement and will have the same design and link for every place it is added.

Should you want to see all of your reusable blocks you would click add a block, open the reusable block area, and click the link titled Manage All Reusable Blocks. It will bring you to an area where you can delete, edit, or export the reusable block. This will allow you to import the block into other sites.

Check out this video for a complete beginner’s guide on how to use WordPress Gutenberg block editor. https://youtu.be/JjfrzGeB5_g

If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
https://www.youtube.com/subscription_center?add_user=wpbeginner

Feel free to take a look at the written version of this tutorial here:
https://www.wpbeginner.com/beginners-guide/how-to-create-a-reusable-block-in-wordpress/

Check us out on Facebook
https://www.facebook.com/wpbeginner

Check out our website for more WordPress Tutorials
http://www.wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner

How to Install and Set Up Facebook Comments in WordPress

Last updated on October 21st, 2019 by andrei

Facebook is one of the largest social networks in the world which is why some sites use Facebook comments instead of the default WordPress comments. This allows you to let your users who use Facebook comment on your site without needing to fill out their information while logged in to Facebook. In this video, we will show you how to install and setup Facebook comments on your WordPress site.

►partner affiliate link https://wpforms.com/
►written tutorial https://www.wpbeginner.com/plugins/how-to-install-and-setup-facebook-comments-in-wordpress/

–Top Resources–

–Related Videos–

For this guide, we’ll be using the Lazy Social Comments plugin you can find here:
https://wordpress.org/plugins/lazy-facebook-comments/

We’ll need to do a bit of developer setup which means we’ll need to to to Facebook’s developer tools found here:

https://developers.facebook.com/

Under My Apps, we will want to click the Create App link for what our plugin needs.

With the plugin installed and activated, we will go to Settings, Lazy FB Comments in our admin area to set up the plugin. Select a name as well as the email you should be contacted at should there be an issue with your app. You may need to complete a safety check to ensure you’re not a robot.

In the Settings, Basic area we will scroll down to the Add Platform area, select website, and add the URL in the added website field. Save your changes and scroll up to copy the App ID to bring it back to your WordPress site to paste into the ID box.

The plugin’s settings will also give you customization options for loading more comments on click or on scroll. With that set up you can click Moderate Comments to moderate comments added through this method. In the page it brings up, you will be able to customize your moderation settings to limit how many days after the first comment until replies are locked. You’ll also have the ability to add other users to moderate the comments on your site.

If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
https://www.youtube.com/subscription_center?add_user=wpbeginner

Check us out on Facebook
https://www.facebook.com/wpbeginner

Check out our website for more WordPress Tutorials
http://www.wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner