Community Forums › Forums › Archived Forums › Design Tips and Tricks › Genesis Sample Newbie Questions
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.
December 31, 2013 at 11:25 am #82329
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?
TomDecember 31, 2013 at 12:10 pm #82346
What do you need to do?
December 31, 2013 at 12:32 pm #82351
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.
TomDecember 31, 2013 at 1:07 pm #82356
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">
TomDecember 31, 2013 at 1:37 pm #82362
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/
December 31, 2013 at 1:54 pm #82365
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">?
TomDecember 31, 2013 at 4:17 pm #82392
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.
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.