How to Add Social Media Icons to WordPress Menus


Do you want to add social media icons in your WordPress menus? While WordPress does not come with a built-in social media profile section, you can easily use your WordPress menus to add and display social icons on any widget-ready area in WordPress. In this video, we’ll show you how to add social media icons to WordPress menus.

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

https://wordpress.org/plugins/menu-image/

With that plugin installed and activated, you can now go under Appearance, Menus to create your social media menu. We’ll be creating a new menu by clicking the create a new menu link and naming it Social media.

We’ll add a few custom links to our different social media profiles using the Custom Links section. With the plugin being active, you should now see a Menu image button that you can click to upload an image of your choice if you don’t have an icon you want to use we have a list of free icon sets you can use here:

https://www.wpbeginner.com/showcase/16-best-free-social-media-icon-sets-for-wordpress/

Now that you have an uploaded image you can select the image size, the plugin generates image sizes for you to select from. You can decide if you want the title visible with your icon or if you want to completely hide the text and only have the icon visible. Now when you visit your site, you can see the icons in your menu area instead of text.

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-add-social-media-icons-to-wordpress-menus/

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

Read more: youtube.com

Read More

How to Show Before and After Photo in WordPress


Are you looking to display before and after photos on your site? These before and after photos can help give a side by side comparison of two identical images in an appealing way. In this video, we will show you how to easily show a before and after photo in WordPress.

For this tutorial we will be using the plugin ‘Twenty20 Image Before-After’ found here:

https://wordpress.org/plugins/twenty20/

With the plugin installed and activated you can now add or edit any of your WordPress posts or pages and see a button titled ‘Add Twenty20’ above the text editor. Put your text cursor where you want the image to be inserted then click the ‘Add Twenty20’ button to select the two images you want side by side.

The first image you select will be on the left while the second will be on the right. With the images selected click the insert button in the bottom right to insert it into your post/page. It will bring up a new popup for choosing the text above the images, the width of the slider, and other options to customize it.

There is also the option to add a widget under Appearance, Widgets where you can add the Twenty20 widget to your sidebar. The options for the widget should be the same as the ones for an insert into a post or page.

Now when you visit where the comparison is located you will see the image with a slider handle in the middle that you or your users can move it to see the comparison.

Text version of this tutorial
https://www.wpbeginner.com/plugins/how-to-show-before-and-after-photo-in-wordpress/

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

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

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

Read more: youtube.com

Read More

How to Add an Image in the WordPress Sidebar Widget: 4 Simple Ways


Are you looking to add an image to your WordPress site in the sidebar? WordPress has methods to easily upload images including into widgets and we will walk you through few methods to add the image to your site. In this video, we will show you how to add an image in the WordPress sidebar widget.

For the first method, we will use the built-in image widget. You can set the title then click the add image button to have the choice of using an image from your media library or upload an entirely new image. You will even have the option to add a link to the image to point wherever you would like.

For a second method, you could use a text widget and click the add media button to add the image as you would with a page or post and have the option to add additional text to the widget that does not require it to be connected specifically to your image in the sidebar.

The third method is to use the Custom HTML widget. Start by going to your media library and copying the location of the image. Next, add the widget and include the img tag with the src and alt attributes. Add the location of the image for the src and a description of the image for the alt.

With the fourth method, we will be using an image widget plugin found here:

https://wordpress.org/plugins/image-widget/

If you do not know how to install a plugin, take a look at our article:

http://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/

Once activated it will add a new widget called Image Widget that you can add to your widget area. Click the Select Image button to upload or choose the image and be sure to insert the image to your sidebar using the Insert to Widget button. The plugin also allows a link, link title, link ID, alt text, image size, and a caption compared to the normal image widget.

As with all of the methods you would want to ensure you save the widget for it to appear on your site.

Text version of this tutorial
http://www.wpbeginner.com/beginners-guide/how-to-add-an-image-in-wordpress-sidebar-widget/

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

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

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

Read more: youtube.com

Read More
Scroll Up