WordPress Tutorial Videos by WP101®

175+ WordPress tutorial videos for non-techies.

  • About Us
    • Top WordPress Products
    • Testimonials
  • WordPress Tutorials
    • Intro to WordPress
    • WordPress 101
    • AIOSEO 101
    • WP Mail SMTP 101
    • Easy Digital Downloads 101
    • WPCode 101
    • WP Simple Pay 101
    • RafflePress 101
    • Elementor 101
    • WPForms 101
    • Spectra 101
    • How to Blog Better
    • WooCommerce 101
    • Beaver Builder 101
    • Ninja Forms 101
    • WP Rocket 101
  • Help Forum
    • Hire a WordPress Expert
  • Blog
  • Contact
  • Sign In

How can I add a footer like this site (WP101.com) to my theme?

Get answers to your WordPress questions!

Tired of wasting time scouring Google for answers to your WordPress questions? Since 2008, we've helped countless WordPress site owners just like you get unstuck. Get answers to your WordPress questions — plus unlimited access to our entire library of 150+ WordPress tutorial videos. Why not join us today?

View Membership Options
WordPress Questions and Answers › How can I add a footer like this site (WP101.com) to my theme?
0 Vote Up Vote Down
d
maddavid888
asked 4 years ago

Hi everyone,

I am using the StudioPress Monochrome theme for my website: akiyas.jp

Here's a link to the Monochrome demo from StudioPress: https://demo.studiopress.com/monochrome/

In the footer area, it has a black and blue section. In the Widgets panel, it includes widget areas for “Before Footer CTA” and “After Entry”. Widgets in the After Entry area will display after single entries.

I would like to create a footer area like this site (WP101.com). I have tried a few footer and code snippet plugins but can't get them to work. Maybe I need to have some custom code written to add a new widget area to the footer? Any help or advice would be great. Thanks!

1 Answers
0 Vote Up Vote Down
Shawn Hesketh answered 4 years ago
Hi David, I'm familiar with the Monochrome theme, and this site currently uses another StudioPress theme that is no longer available for purchase. You're right... in order to create a footer area like the one you see below, you'll need to edit your theme. And that does require coding expertise — specifically, experience with the Genesis theme framework, which all StudioPress themes utilize. There are three parts to the project:
  1. First, you'll need to add some code to the functions.php file in your theme which will tell WordPress to create a new widget area.
  2. Next, you'll need to add some CSS to the style.css file in your theme to add the formatting of any widgets you add to this area: the layout, positioning, heading, text, link color, background color, etc.
  3. Finally, you'll be ready to add some widgets to your new widget area, which will show up in the Widgets panel.
This can be quite tricky, if you're not a coder. But, you can hire a WordPress developer to edit your theme, and they should be able to complete these changes in just an hour or two. You can click here to chat with a WordPress expert in just a few minutes, with no obligation to hire them. If you don't want to hire a coder, you might consider purchasing a membership to Sridhar Katakam's excellent website that's filled with code snippets and tutorials just for Genesis sites. In fact, he's created a tutorial on precisely what you're looking for... “How to Create a Flexible Footer Widget Area in Monochrome Pro.” You'll need to purchase a membership to his site in order to access the tutorial. Still, it may be less expensive to buy a 1-month membership to Sridhar's tutorial site than hiring a WordPress developer. Alternatively, you can find a different theme that includes a footer area that looks more like you envision. Or, consider a theme like Astra or Blocksy, which enable you to create just about any type of footer you want. I hope this helps point you in the right direction!

Please login or register to join the conversation!

Share this with someone?

FacebookTweetLinkedIn

Most Recent Questions

  • I took the Sprectra 101 course. Now I’m building my won web site but I still have the Specra Style Guide and I think it’s causing an issue with Sprectra One. How do I get rid of the Style guide? asked by Mallis01, 1 year ago
  • Can you offer any tips, or best practices, on how to redesign and upgrade an old website? asked by FSAuthor, 1 year ago
  • How to create a blog in Spectra? asked by TJ, 1 year ago
  • How do I make all the words show Uppercase? asked by iLoveToLiveWell.com, 1 year ago
  • Why does my right side dashboard top look different than course. asked by Blues1947, 2 years ago

Site Links

  • About Us
  • Your Account
  • Products We ❤️
  • Affiliates
  • Testimonials
  • Blog
  • Contact Us

Courses

  • WordPress 101
  • WooCommerce
  • Elementor
  • Spectra
  • WPForms
  • Ninja Forms
  • View All →

Products

  • WP101.com
  • WP101 Plugin
  • Embed our videos on your site!

Recent Posts

  • Best WordPress Order Form Plugins 2025 – Expert Review & Comparison
  • Find Your Ideal Domain Name: Best Registrars in 2025
  • MonsterInsights Review: Best Google Analytics Plugin for WordPress (2025)
  • WordPress SEO 101: Complete Beginner’s Guide in an AI Era
  • 13 Best Payment Plugins for WordPress Sites (Expert Review)

Connect with Us

  • Email
  • Facebook
  • Twitter

WordPress Tutorials by WP101© 2008-2025 WP101® LLC. All rights reserved.
WP101® is a registered trademark with the U.S. Patent and Trademark Office.
WP101® is hosted by SiteGround.
Privacy Policy | Terms of Use | Disclosure | WP101 Coupon