WPBeginner » Videos » andrei » Page 83

andrei

How to Add a Mega Menu on Your WordPress Site

Looking to add a mega menu to your WordPress site? Mega menus allow you to add multi-column drop-down menus to your navigation with media items such as images and videos. In this video, we will show you how to add a mega menu to your WordPress site.

Mega Menus are helpful for sites that have a massive amount of content and are designed to show more content in the top menu. WordPress navigation menus by default let you add drop-down submenus and image icons but can take up a large amount of space. A mega menu allows you to bulk add items to your menu.

For this tutorial we will be using the plugin Max Mega Menu found here:

https://wordpress.org/plugins/megamenu/

With the plugin installed and activated you will want to go to the Mega Menu section to go to the plugin’s settings. The default settings for most should work but you will normally need to update the colors of the menu. To do that you will go to Menu Themes, Menu Bar, and find the menu background settings.

You can use inspect element to determine the color of your current menu. If you do not know how to use Inspect element, we cover how to in our article:

http://www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/

Don’t forget to save your changes to your Mega Menu settings and go to Appearance, Menus. Add some top-level menu items as you would normally add to your menu then click on the mega menu button that appears when you hover over a menu item. This will cause a new popup for editing the mega menu specific options.

In here you can add any WordPress widget that you would like to appear in your menu area. To modify the settings for a specific widget you would want to click the wrench icon in the top right of each widget.

Text version of this tutorial
http://www.wpbeginner.com/plugins/how-to-add-a-mega-menu-on-your-wordpress-site-step-by-step/

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

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

Follow us on Twitter
http://twitter.com/wpbeginner

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

How to Change the Default Search URL Slug in WordPress

Are you looking to change your search URL slug in WordPress? WordPress search URLs are not user friendly normally and some users want to change this for SEO or other reasons. In this video, we will show you how to easily change the default search URL slug in WordPress to make it SEO and user friendly.

–Links–

►partner affiliate link https://aioseo.com/
►written tutorial https://www.wpbeginner.com/wp-tutorials/how-to-change-the-default-search-url-slug-in-wordpress/

–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

Normally the search URL starts with a question mark with text afterward which can be mildly confusing when viewing and not always the best for SEO. The difference between this URL structure and the normal URL structure can also be a strange experience for visitors.

For this tutorial, we will be recommending you use FTP to edit your files. If you do not know how to use FTP we would recommend taking a look at our article:

http://www.wpbeginner.com/beginners-guide/how-to-use-ftp-to-upload-files-to-wordpress-for-beginners/

The first method we will be editing the functions file for your theme. You would want to create a child theme so your changes are not removed when your theme updates. For creating a child theme you would want to take a look at:

http://www.wpbeginner.com/wp-themes/how-to-create-a-wordpress-child-theme-video/

Your functions file you would want to go into the wp-content folder then the themes folder and find the folder with your theme’s name on it. Next, open the file with the text editor of your choice, we use Notepad++ in this video. Download the file from your live site, make your changes at the bottom of the file, and reupload the functions.php to your site.

A second option would be to edit your htaccess rather than your theme’s functions file so the setting stays if you change themes. You would want to go back to the root folder by using the ellipses(…) or double dots depending on your FTP program until you see the folders wp-admin and wp-content. Here you should see the .htaccess file to edit, if not you would want to show hidden files in your FTP program.

Text version of this tutorial
http://www.wpbeginner.com/wp-tutorials/how-to-change-the-default-search-url-slug-in-wordpress/

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

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

Follow us on Twitter
http://twitter.com/wpbeginner

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

How to Fix Destination Folder Already Exists Error in WordPress

Are you running into the error ‘Destination folder already exists’ when installing a plugin or theme? This can be due to a failed uninstall of a plugin or possibly an error when installing a new plugin but it can be confusing when you first run into this error. In this video, we will show you how to fix the destination folder already exists error in WordPress.

The most common reason for the destination folder already exists error is due to how plugins are added to your site. The plugin extracts the zip file into a folder named after the file itself but if there is already a folder with that name then WordPress aborts the installation and gives you the error message that the destination folder already exists.

The first thing you should do is go to your all themes or all plugins section in your wp-admin depending on what you are currently trying to install on your site. You may have already succeeded in adding the plugin or theme so you would want to ensure there is not an inactive version of what you are trying to install already on your site.

If you do not have a version installed on your website currently then it could be an issue when it was uninstalled where we would need to use an FTP client. If you do not know about FTP you would want to take a look at our article:

http://www.wpbeginner.com/beginners-guide/how-to-use-ftp-to-upload-files-to-wordpress-for-beginners/

Under your wp-content folder, you will see a plugins folder and a themes folder, depending on what is giving you the error you would want to go to the theme or plugins folder. While in the folder you should find the folder for your theme or plugin that is causing the error. Right-click and delete the folder and that will remove the folder to prevent that error from the plugin or theme.

Text version of this tutorial
http://www.wpbeginner.com/wp-tutorials/how-to-fix-destination-folder-already-exists-error-in-wordpress/

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

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

Follow us on Twitter
http://twitter.com/wpbeginner

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

How to Embed a Google Form in WordPress

Are you looking to embed a Google form on your WordPress site? Google Forms are easy to embed in multiple locations and useful when you need to share it with multiple methods. In this video, we will show you how to embed a Google Form in WordPress.

The first question would be why would you use Google Forms when there are so many other methods to create a form such as a form builder plugin? While there are plugins that can create forms for you, they are integrated into your WordPress site so it is required to be on your site for the form to work. When you want to send your form in something like an email or on multiple sites, that is where the Google Form has its strength.

To begin you would want to create the form by going to the Google Forms website:

https://www.google.com/forms/about/

While there you would need to create a form through Google’s form creation process. You would want to provide a form title, description, and then you will be able to add your form fields. Google will attempt to apply the correct field based on the question you ask and if it sets the wrong type of field it has the option to select different field types.

Once you have set up the form how you want you will need to click the send button in the top right of the builder. There is a tab with brackets that look like arrows that you will want to click to get the embed tab and copy the iframe code. There should be a copy link in the bottom right that will copy the entire code to your clipboard.

With the code copied you will want to go to a post or page that you want your form to appear on. Ensure you are open in the text rather than the visual editor and paste the code. This way when you swap back to the visual editor or view your post you will see your form embedded on your site.

Text version of this tutorial
http://www.wpbeginner.com/wp-tutorials/how-to-embed-a-google-form-in-wordpress/

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

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

Follow us on Twitter
http://twitter.com/wpbeginner

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

How to Add Title and NoFollow to the Insert Link Popup in WordPress

Are you looking to add a title or nofollow tag to your WordPress links? WordPress adds an open in new window option for your links but as you learn about SEO and other topics you may decide you need to add nofollow to your links or a title for better accessibility. In this video, we will show you how to add a title and nofollow to your insert link popup in WordPress.

When you add a link and open the link options, the default options are to modify the link text, open the link in a new tab, and select what the text should link to. This is a visual representation of the HTML of the link itself and we can add more options to customize the link.

A nofollow on a link tells search engines that they can view these links but you don’t want to share any of your link authority to their websites. Meanwhile, a title attribute allows you to add a description to your link of the page that you are linking to.

One simple method to add the options for nofollow and the title would be the plugin Title and Nofollow For Links found here:

https://wordpress.org/plugins/title-and-nofollow-for-links/

After you install that plugin under Plugins, Add New, you would activate it and there are no settings to configure. With that plugin active when you try to add a link you will have added the option to add a title and nofollow to the popup.

Text version of this tutorial
http://www.wpbeginner.com/plugins/how-to-add-title-and-nofollow-to-insert-link-popup-in-wordpress/

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

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

Follow us on Twitter
http://twitter.com/wpbeginner

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

How to Add Single or Double Line Spacing in WordPress Easily

Are you wanting control over your single and double line spacing on your WordPress site? When using word processors like Microsoft Word you have the ability to control how your lines of text are being spaced on your site but not in WordPress. In this video, we will show you how to add single and double line spacing in WordPress.

More than anything else, the line spacing for your site is controlled by the theme that you have active. You may want to reach out to the contact for your theme for if there is a built-in option to edit this first.

By default when you press Enter on your keyboard to add a line break, WordPress will consider it the end of a paragraph and add a double line space. The only time you would not have this is if your theme overrides this feature. To only have a single line you would use the Shift key and Enter then you will not have the extra space between the lines.

To attempt to override the settings in the theme itself you will need to add some CSS to your WordPress site. You would want to start by going under Appearance, Customize and at the bottom there should be a section called ‘Additional CSS’. For the CSS that we are adding to the site, you would want to visit our written article where you can copy and paste the code without issue.

The line-height will change the spacing of each line so your single spacing will be changed based on what em value you set. For changing the spacing of the double line spacing you would want to change the padding-bottom value and for that, we normally use px rather than em.

Text version of this tutorial
http://www.wpbeginner.com/beginners-guide/how-to-add-single-double-line-spacing-in-wordpress

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

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

Follow us on Twitter
http://twitter.com/wpbeginner

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

Featured WordPress Plugin

How to Easily Embed Videos in WordPress Blog Posts

Are you looking to add videos to your site on WordPress? Videos help draw attention to your site and are a great way to boost user engagement on posts and pages when placed there. These videos can take up a large amount of space if you upload them directly which is why we recommend embedding them. In this video, we will show you how to easily embed videos in WordPress.

WordPress comes with an auto-embed feature to make embedding videos on your site a simple process. For YouTube, you would start by going to the video you are wanting to embed and copying the URL in the address bar. Log in and edit the post that you would like the video embedded on and paste the URL there.

Your WordPress site should automatically change the link into a video in your editor and you should be able to move it as you would be able to move text. WordPress allows you to embed more than just videos from YouTube such as embedding tweets from twitter.

For embedding tweets from twitter you would want to go to where the tweet is located and if it is on a page you would want to click the drop-down arrow for the specific tweet and copy the link to the tweet. Go back to the post or page you are editing and paste the link there. Just as with the Youtube link it should automatically transform the link into an embed in your editor.

Instagram works using the same method where you visit the post directly and copy the URL on the page. When you paste it into your WordPress post editor and your site will attempt to transform it into an embed similar to YouTube and Twitter.

Text version of this tutorial
http://www.wpbeginner.com/beginners-guide/how-to-easily-embed-videos-in-wordpress-blog-posts/

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

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

Follow us on Twitter
http://twitter.com/wpbeginner

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

How to Remove the Powered by WordPress Footer Links

Do you want to remove the Powered by WordPress link from your site’s footer? We’ve had many questions about removing this from your site as it is normally added in most WordPress themes but what is involved in removing it or if you are allowed to remove it. In this video, we will show you how to remove the powered by WordPress footer links from your site.

–Links–

►Written Tutorial – How to Remove the Powered by WordPress Footer Links
http://www.wpbeginner.com/wp-themes/how-to-remove-the-powered-by-wordpress-footer-links/

–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

Many themes use the footer area to display the “Proudly powered by WordPress” link and it is legal to remove this from your site. WordPress is free and is under the GPL license which allows you to use, modify, and redistribute WordPress.

Before digging into the code of your specific theme, check your theme customization options as well as your theme’s documentation. Some theme authors have started giving the option to remove the Powered by WordPress link in these areas for this specific reason.

Should your theme not have a built-in option to remove the Powered by WordPress footer links then we will need to edit your footer.php file. To get there we will use the FTP program FileZilla. If you do not know how to use FTP you would want to take a look at our article:

http://www.wpbeginner.com/beginners-guide/how-to-use-ftp-to-upload-files-to-wordpress-for-beginners/

Go under wp-content, themes, and then the folder that has the name of your theme in the file manager and we want to download the footer.php file to edit. To edit the file in the video we used the program Notepad++ found on the site:

https://notepad-plus-plus.org/

In the footer.php file, you want to find the section where there is the text ‘Proudly powered by’ in between a div and a div with a forward slash in front of it. You can either change the text or fully remove the div to remove the powered by. If you are not comfortable removing the code you would want to reach out to your specific theme’s support and they should be able to assist.

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

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

Follow us on Twitter
http://twitter.com/wpbeginner

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

How to Add Custom Fonts in WordPress Manually and Using a Plugin

Are you looking to customize the font on your WordPress site to make its design exactly how you like? Not all themes have a built in method to edit the font of your site and you may be looking to change this. In this video, we will show you how to add custom fonts to your WordPress site.

–Links–

►Written Tutorial – How to Add Custom Fonts in WordPress Manually and Using a Plugin
https://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-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

Font Pair website: https://fontpair.co

For selecting the fonts to use on your site you can use the Font Pair website for what would work well together and then you can visit the Google Fonts website at: https://fonts.google.com

Select the fonts you want to add and there should be a new section at the bottom of the page where you can see the fonts you selected to add to your WordPress site. Expand that area and ensure you are under the Embed section for the correct code that you will need to add to your header.

For adding the code you would want to use the plugin Insert Headers and Footers found here:

https://wordpress.org/plugins/insert-headers-and-footers/

Under Settings, Insert Headers and Footers you will add the first set of code to add the fonts to your site. With that added and saved you will want to go under Appearance, Customize, Additional CSS and there you would be able to add the second code which lets the font be visible to you and your visitors.

A second method would be using the Easy Google Fonts plugin: https://wordpress.org/plugins/easy-google-fonts/

The plugin will add a new section under Appearance, Typography and there you will be able to select the font to use for each style location. We would still recommend only two fonts to prevent confusing your users.

Our third method for this would be the plugin Typekit Fonts for WordPress: https://wordpress.org/plugins/typekit-fonts-for-wordpress/

With that plugin, you would be able to select fonts from the Typekit website, add the ID from the popup, and select where you want the custom font for your WordPress site to appear in your Appearance, Customize, Additional CSS section.

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

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

Follow us on Twitter
http://twitter.com/wpbeginner

Checkout our website for more WordPress Tutorials
http://www.wpbeginner.com

How to Add Your WordPress Site to Google Search Console

An important step to optimize your site for search engines is to add your site to Google Search Console which can also be called Google Webmaster Tools. There are many suggestions for tips and tools to increase search traffic on their site, using Google Webmaster tools with these tips can be incredibly helpful. In this video we will show you how to add your WordPress site to Google Search Console.

–Links–

►Written Tutorial – How to Add Your WordPress Site to Google Search Console
https://www.wpbeginner.com/beginners-guide/how-to-add-your-wordpress-site-to-google-webmaster-tools/

►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
http://www.wpbeginner.com/beginners-guide/how-to-add-your-wordpress-site-to-google-webmaster-tools/
►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

Start by visiting the Google Search Console site:

https://search.google.com/search-console

This will ask you to add a property to your Search Console and you will be wanting to add your website for your data to be tracked properly. The first offered method would be to upload a file to your site but we will be using a different method so you would want to go under the Alternate methods tab. The specific method we will be using is the HTML tag method so you will want to select that option.

For adding the tag to your site it will need to be added into the header of your site and to do this we will be installing and activating the Insert Headers and Footers plugin found here:

https://wordpress.org/plugins/insert-headers-and-footers/

You will add the code into the header section of your site for Google to be able to find it. For that you would copy and paste the code from your search console into the top code block and save it to your site.

Be sure to clear any caching for Google Search Console to be able to verify the code was added to your site properly. It may take a few days for the data to be fully collected but your site should now be added to Google Search Console.

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

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

Follow us on Twitter
http://twitter.com/wpbeginner

Checkout our website for more WordPress Tutorials
http://www.wpbeginner.com #WordPress #WordPressTutorial #WordPressTips