• 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

Genesis Sample Newbie Questions

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 › Genesis Sample Newbie Questions

This topic is: resolved

Tagged: code, genesis sample theme, Page Hierarchy

  • This topic has 6 replies, 2 voices, and was last updated 9 years, 2 months ago by Brad Dalton.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 31, 2013 at 11:25 am #82329
    Tom88
    Member

    Hi All,

    I am trying to figure out the template hierarchy for the Genesis Sample Theme. Is there a way to identify what PHP files are being used to construct the web page. For example in Firebug, when I look at the code; Where does the page code come from?
    I know there is a header.php, sidebar.php, and footer.php, but how do you know what is creating the overall page like index.php or page.php??? When I look at those files they are just calling genesis() function?

    Thank you,
    Tom

    December 31, 2013 at 12:10 pm #82346
    Brad Dalton
    Participant

    What do you need to do?


    Tutorials for StudioPress Themes.

    December 31, 2013 at 12:32 pm #82351
    Tom88
    Member

    I am trying to figure out the flow of Genesis Framework, currently the Genesis Framework 2.0.1, and Genesis Sample 2.0.1. I would like to modify the actual page contents for example Home Page. I know I can create a home page and place an image with some text to the right of it. But how do I know what PHP files it actually uses? I would like to see those in Firebug. Is there away to identify the PHP files, where Firebug identifies the css files on the right pane? BTW, I am trying to build a website from scratch without using the admin console, and code it so I can understand the hooks, and code of Genesis.

    Thank you.
    Tom

    December 31, 2013 at 1:07 pm #82356
    Tom88
    Member

    This Code Snippet came out of Firebug: For Genesis Framework 2.0.1, Genesis Sample theme 2.0.1:

    Where can I find this code in PHP? (This is the Home Page in Genesis Sample)

    <div class="site-inner">
      :before
     <div class="content-sidebar-wrap">
     <main class="content" role="main" itemprop="mainContentOfPage">
       <article class="post-533 page type-page status-publish entry" itemscope="itemscope" itemtype="http://schema.org">
        :before
       <header class="entry-header">
        <h1 class="entry-title"> itemprop="headline">HOME</h1>
        </header>
        <div class="entry-content" itemprop="text">
    

    Thank you,
    Tom

    December 31, 2013 at 1:37 pm #82362
    Brad Dalton
    Participant

    All of this is in Genesis however each child theme also includes CSS to style Genesis differently.

    You can hook in content using any hook or filter the output of an existing function using filters.

    Take a look at this page and the links on the right hand side http://my.studiopress.com/docs/hook-reference/


    Tutorials for StudioPress Themes.

    December 31, 2013 at 1:54 pm #82365
    Tom88
    Member

    Brad:

    So in Genesis never edit the PHP code, and just use the Genesis Hooks to modify how your pages Look? How are those specific <divs> created? is there somewhere you can actually read a file with those <divs>? <div class="site-inner">?

    Thank you,
    Tom

    December 31, 2013 at 4:17 pm #82392
    Brad Dalton
    Participant

    You'll find everything in Genesis however you only need to use the hooks and filters in your child themes functions file.

    You can also modify the CSS in the child themes style sheet and never modify Genesis.


    Tutorials for StudioPress Themes.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

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

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 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