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.
-
AuthorPosts
-
December 31, 2013 at 11:25 am #82329
Tom88
MemberHi 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,
TomDecember 31, 2013 at 12:10 pm #82346Brad Dalton
ParticipantDecember 31, 2013 at 12:32 pm #82351Tom88
MemberI 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.
TomDecember 31, 2013 at 1:07 pm #82356Tom88
MemberThis 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,
TomDecember 31, 2013 at 1:37 pm #82362Brad Dalton
ParticipantAll 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 #82365Tom88
MemberBrad:
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,
TomDecember 31, 2013 at 4:17 pm #82392Brad Dalton
ParticipantYou'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.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.