• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Adding Responsive Widget Area Above Page Content

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Adding Responsive Widget Area Above Page Content

This topic is: resolved

Tagged: make widget area, widget, widget area

  • This topic has 2 replies, 2 voices, and was last updated 9 years, 3 months ago by TonySan1.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 16, 2017 at 8:31 pm #201360
    TonySan1
    Member

    Hi. Thanks to the help of this community I am making some headway in editing my Generate Pro theme. What I would like help with now is the best way to add a widget area directly above the content area of my home page. I would like the widget area to be the same with as the content area not the with of my home page. Can you help?

    Tony

    February 16, 2017 at 11:33 pm #201364
    Victor Font
    Moderator

    There are 3 things you need to do. First, you register the widget area. Second, you display the widget area. Third, add or modify CSS to adjust the appearance of the new widget area.

    There's a lot of real estate above the content area on the home page. You've got several hooks where you could possibly load the new area. I suggest you familiarize yourself with the layout of the hooks: https://genesistutorials.com/visual-hook-guide/

    If you open the theme's functions.php and look at line 134, this is the code for registering the featured widget area for the home page. Registering the widget area allows you to add widgets to it in the admin area. It does not display the contents on the page.

    At line 112, you'll see the code for displaying the featured widget area on the home page. If you want the new widget area to be in the same hook as the featured widget area, you can copy the code you see and rename the appropriate strings to match the new widget area. If you want the new widget area in a different hook, duplicate the whole function and add_action. Make sure you rename the new function so there's no issue with PHP.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    February 17, 2017 at 11:12 pm #201447
    TonySan1
    Member

    Thanks Victor the information you gave is very helpful. Also much easier to understand than a lot of the information I've run across doing internet searches. 😉

    Thanks Again!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Adding Responsive Widget Area Above Page Content’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble