If you're not familiar with it, you can use this guide as If you are looking for a tutorial that explains how you can add sidebars/widgets to the footer of your WordPress theme then keep reading. The dynamic_sidebar() takes one paramater being the unique id that you gave your widget area in the register_sidebar() function. You Have To Register The Footer Widgets In The functions.php file. Edit the code of your footer.php file in the Theme Editor. At this point you could start filling your widget area’s from within the WordPress admin. If you save the code above to your themes functions.php file and go to Appearance > Widgets in your WordPress admin you will notice a new Widget area called “footer area one” like shown below: That’s great but we need four widget area’s for our footer so let’s extend what we have so far by adding three more calls the the register_sidebar() function. Once you've created the child theme, you need to create two additional files. Here’s the snippet that goes into functions.php. Register the footer widget area. Now youâll need to add the WPForms widget to your footer widget area by going to Appearance » Widgets. The Widgets page appears. The above shows a couple of widgets on the Twenty Fifteen Child footer sidebar and you can see that text was too close to the top of the container and the widgets’ bottom margin was too high. As your theme grows in complexity so does your functions.php file and it can quickly become hard to maintain. Change the code in your functions.php file to match the code below. So how does one add a widget to the footer area when your theme doesnât support widgets? The default WordPress theme in 2014 was Twenty Fifteen, a template with a fixed sidebar to the left that turns into a header in mobile view, a minimal footer area, great typography, and a nice featured image area. Ensure that the name is exactly the same as the parent theme’s folder name (letter case, or any spaces, dashes, underscores, etc. Most websites have a footer area that is devided into multiple areas like shown in the html code below. To add a new widget to your sidebar or footer, follow these steps: 1 Choose AppearanceâWidgets from the Dashboard. You can now start filling your widget area’s from within the WordPress admin. Widget areas are on the right. The safest way to code a WordPress template file is to start from a ready-made template, then add what you want and/or delete what you don’t want. 1. If your theme doesnât have a widget area in the place ⦠The file that will be used to perform changes in the CSS styles should be called style.css. Click on Footer 1 or Footer 2 as you want Click on Add Widget The easiest one is to simply drag and drop them to your sidebar. This site is proudly powered by FAST VPS InMotion Servers and given an insane speed thanks to StackPath CDN! Simply select the sidebar where you want to add the widget, and then click on Add widget button to add it. footer_area_one or footer_area_two etc…. If you view the Widgets screen you'll see them all there, along with any others you've already registered: Adding the Widget Areas to Your Theme. Adding widgets to your WordPress themeâs. Itâs a very easy plugin to get started with. So if the parent is called twentyfifteen, the child must be called twentyfifteen-child. It is important that the child theme follows the naming convention of the parent them though. Here we use the add_action() function to add an action to the widgets_init hook, and register the callback function register_widget_areas(). add_action( 'widgets_init', 'tutsplus_widgets_init' ); This will add four footer widget areas to your theme. How to Add Widgets to the Sidebar and Footer in WordPress. The concept of a child theme is quite straightforward - we don't want to break the possibility of upgrading the theme to any newly released versions. Because the widget area is to be added to the theme footer, you need to have a file for the footer code. Now we need to add the code to define the footer widget area. This means if you click on a link and purchase an item we link to, we will receive a small sum out of that sale. Open footer.php in a code editor and enter this snippet just below this line of code: