When you’re done, select Save at the bottom. First thing you need to do is to install and activate the Menu Image plugin. If you consent to us contacting you for this purpose, please enter your name and email address above. Our free eBooks and easy-to-follow checklists will have your website fully optimized in just a few hours. Almost all themes will have a Footer widget area at the very least. How to Add Social Media Icons to Header or Footer, How to Use the Advanced Design Bar Option for Custom Classes, Margins and Padding, https://docs.layerswp.com/location/header/, https://docs.layerswp.com/location/footer/, Custom Controls section of the developer guide, Fixed Image Ratio button in the Post widget. See the following references: To add custom controls to the Customizer for setting links in a child theme or plugin that does not require hard-coding urls with HTML, see our example in the Custom Controls section of the developer guide. First you need to copy a file called social_icons.php into your child theme (if you don’t know how to set up a child theme, see Geno’s tutorial here). To do this, extract the Divi theme file downloaded from the Elegant Themes Website, locate the “includes” folder and “social_icons.php” file and then upload it to the “includes” folder of your child theme via FTP or cPanel. Will Morris is a staff writer at WordCandy.co. If you want some freebies, check out our free speed and security ebooks, webinars for WordPress professionals, WordPress blog or WordPress podcast all about building monthly recurring revenue. This is an effective option if you’re not comfortable working with code or don’t want to use a plugin. How to Add Social Media Icons to a WordPress Footer There are a variety of ways you can add social media icons to your WordPress footer. However, if you want to add a single image, such as a logo, you can do so by dragging and dropping the ‘Image’ widget to the footer section. MH Magazine) have a social icons menu in the header and/or footer included (depending on your theme). Click on Install Now, followed by Activate: Once you activate the plugin, you can locate it by going to Appearance > Header Footer & Blocks: Select Add New. If your theme doesn’t give you the option of using the Customizer, there are other methods you can use. Ultimately, a carefully crafted, feature-rich footer can boost customers’ perception of your brand. Check out Jetpack and improve your site's security, speed and reliability. Documentation and Self-Help for the Layers WP Theme Framework, Join our mailing list and be the first to find out about new products, useful advice and free downloads :). However, the default footer settings of your theme may not offer the best use of the space, in which case you can change them. Social links can be added to any menu location using the Layers Pro extension, which adds an array of icons to the Custom Link tab in the Menus admin page. Select Add a Widget. Social Icons Widget is an amazing WordPress plugin by WPZOOM builds to link users profile from different social networks. However, whether this tool is available to you depends on the theme you’re using, although most do. In this post, we’ll explain what a footer in WordPress is and reasons for changing it. Hopefully, you now feel confident that you know how to edit a footer in WordPress. Use the Icon Library to choose the Social Network icon of your choice, and enter a link URL to the social network. We’ll also walk you through four ways you can edit the footer in WordPress, show you how to add social media icons to it, and answer some Frequently Asked Questions (FAQs). Shape – Choose an Icon Shape. Upon activation, you need to visit Appearance » Menus page and create a new menu. Steps to Add Social Media Icons to the Footer of the Storefront Theme For this brief tutorial, we are going to use the Simple Social Icons plugin. For further guidance, check out Elementor’s documentation. You can see this  in action in the Footer menu on this site and our demos. Also, the size of the icons and padding is adjustable as per your need. Located at the top of the site, the header is one of the first things website visitors notice: It’s essentially the masthead of your site and typically appears on every page. Insert Social Icons in WordPress. You can use the controls at the bottom left to see how it looks on different screen sizes: When you’re done making changes, select the Publish button. In which case, a good workaround is to add social media icons to WordPress header menus instead. No thanks, I have other ways to stay updated with WP. Edit the WordPress footer code. You just need right tools to deliver it. Some examples include: The footer content of your website is (logically) stored in the footer.php file of your WordPress theme. Social_icons.php can be found in the “includes” folder in your Divi theme files so you need to create an “includes” folder in your child theme and then copy the php file into it. Action steps you can implement in minutes. In this post, we discussed how to edit a footer in WordPress with the following four methods: Updating your WordPress footer is one of the many enhancements you can make to your site. Step 2 – Locate the ‘Display Social Icons In The Footer’ option and select On.. You can see this in action in the Footer menu on this site and our demos. Beyond the copyright and credit text, other motivations for editing the footer may include: Learning how to edit a footer in WordPress can help you maximize engagement and reduce bounce rates. ✔️ Vote on receipient of $200 donation and WP Buffs merch giveaways, ✔️ Fully curated so you only receive the best 5% of content. Footer Social Icon Color – Controls the color of the footer social icons. Social Icons – Click to add a Social network icon. See how to set up the social icons in the header or footer layout and how to add the correct links to your social sites. You can modify it for both aesthetic and functional purposes, including replacing the WordPress-branded copyright text, adding links, and adjusting the format. Honed and proven strategies we've used successfully 500+ times to help you sell your first care plans. 12 Best Social Links Widget WordPress Plugins 2020 1. How to Edit a Footer in WordPress (4 Methods), How to Add Social Media Icons to a WordPress Footer, Changing the Footer Settings via Theme Customizer. Finally, get your website 99.9999% secure and loading in under 1 second. What CSS should I use to change the size of these icons? Plus, there are a variety of methods you can use. Brand colors will use the exact brand color of each network for the icons or boxes. There are a variety of plugins you can use depending on what you’re trying to achieve. As we’ll discuss throughout this post, your theme influences your footer formatting, styling, and feature options. To adjust the size of the social icons: Add one of the CSS rules below, depending on where your social icons appear. However, if you don’t have access to this, you can still use WordPress widgets to change your footer. From time to time, we would like to contact you about our products and services, as well as other content that may be of interest to you. You can strategically organize it so visitors are able to quickly find what they’re looking for. Installation. To locate the footer.php file of your WordPress theme, navigate to Appearance > Theme Editor: Make sure your current theme is selected. Considering the footer appears on every page of your site, incorporating your own branding is a more effective use of the space. This includes removing the footer credit text and replacing it with your brand name and company information. Tagged: footer, social icons Viewing 17 posts - 1 through 17 (of 17 total) Author Posts January 16, 2016 at 9:13 am #566506 michael_world2cycleParticipant Dear reader, I would like to use the following social incons in the footer of every page and post. Depending on your theme, you might be able to incorporate social media links and menus from the Customizer. To do so, browse to Appearance > Widgets from your WordPress dashboard: All available widgets are listed to the left. You can customize where on your site the footer will display and implement specific display and exclusion rules. Simply search for the plugin via the Plugins -> Add New dialog and click install, or download and extract the plugin, and copy the plugin folder into your wp-content/plugins directory and activate.. After that go to the Widgets page and add the widget Social Icons by WPZOOM to a … WordPress plugins are an effective way to expand the features and functionality of your site, including the footer area. Yes, you can remove the default footer copyright and WordPress branded credit text without worry. We use cookies to ensure that we give you the best experience on our website. I’ve highlighted the icons on the screenshot below…. On the right is a list of your theme files. In the left panel, you will find the ‘Header Footer & Blocks’ section, where you can drag and drop footer widgets into the builder: In this page and template builder, you’ll find a plethora of layout, features, and customization options for building a custom footer for your WordPress site. Change the footer settings via the Customizer, which is available with most but not all themes. Also, before proceeding with this method, it’s important to note that you should avoid removing any lines of code from the file. Example: Check the menu location where you would like the icons to appear. How to open social links in new tab in Divi and Extra theme Want to give your feedback or join the conversation? Several action hooks in the header and footer use adding social icons or other custom HTML as an example. Each of the four templates has example sections included to guide users through the process of customization and so on. Footer Social Icon Color Type – Custom colors allow you to choose a color for icons and boxes. One to consider is the Elementor Header, Footer, and Blocks template builder plugin: This free extension, an add-on to the Elementor Page Builder plugin, lets you quickly and easily change the footer in WordPress via its drag-and-drop builder. Upon activation, go to Appearance » Widgets page and add the Social Icons widget to your footer widget area. Social Icons. Some also have sidebar widgets or other widget areas. Another way is to edit your footer code. Whenever a user adds a link to the social profile the icons will be displayed automatically in the site. Both are usually fixed sections that display across your site’s pages, and contain important information. Simply, install and activate the Social Icons Widget plugin. Step 3 – Under this tab, there are also several options that you can use to customize the appearance of the footer social media icons.. Select the widget area where you want to display your social icons, for example Blog Sidebar or Footer 1. Here, you can configure a variety of settings, including the icon colors, alignment, and size: At the end of the dropdown, you can select which social icons to include and insert the URLs to your social accounts in the respective fields: When you’re done, click the Save button. And, if you want to use a plugin that lets you add social icons to your footer, then you can use the Social Icons plugin. By clicking submit above, you consent to allow WP Buffs, LLC to store and process the personal information submitted above to provide you the content requested. Depending on your theme, you might be able to incorporate social media links and menus from the Customizer. Check out the free trial version of the plugin from Elfsight. Another good way to utilize the footer space in your WordPress theme is by adding social media icons there. This color will be used for all social icons in the footer. WordPress websites consist of four sections: the header, body, and footer, and sometimes a sidebar. You can add the Elementor Header, Footer, and Block plugin by going to Plugins > Add New, then searching for “Elementor footer”. As such, it’s where you want to put critical elements such as your logo, menu, and Call To Action (CTA). Go to My Site(s) → Appearance → Customize; Click on Widgets and you’ll see the different widget areas your theme supports. Adding Social Media Icons to WordPress Menus. You can also use the Dynamic Content selection to choose a link dynamically if you prefer. That’s it! If you’re trying to figure out how to edit a footer in WordPress without dealing with code or the Customizer, consider using a plugin. It offers Social Media buttons in the header and footer area. Changes will apply to the footer.php file. When he's not writing about WordPress, he likes to gig his stand-up comedy routine on the local circuit. I went to the Enfold settings and have selected the box Social Icons … However, depending on how many sites you have, it can be time-consuming. For more details, see our step by step guide on how to install a WordPress plugin.. Conversely, you can add a widget by dragging it from the list on the left and dropping it under the appropriate footer section. However, the name “Social Icons” may confuse you. While some WordPress themes like Divi and Avada make this a simple task to achieve through the theme settings, most themes don’t. Yet, this option would only allow you to add social icons of Facebook, Twitter, and Instagram. Navigiere zu Meine Website(s) → Design → Anpassen. This plugin is very easy to use and offers you a customizable way to display icons that link visitors to your various social profiles. I just want to increase the distance between the two icons. No thanks, I can already sell as many care plans as I want. ↑ Table of Contents ↑ Add the Social Icons Widget. Let’s take a look at how to edit a footer in WordPress using the following four methods: The quickest and most beginner-friendly way to edit a footer in WordPress is through the WordPress Theme Customizer. So, to customize your site and make the most of your social media channels, you can add social media icons to your WordPress menu. Use the footer widgets to add, replace, or remove text and other elements. WP Buffs, LLC is committed to protecting and respecting your privacy, and we’ll only use your personal information to administer your account and to provide the products and services you requested from us. Check them out today! However, arguably just as important yet sometimes overlooked, is learning how to edit a footer in WordPress.