Community Forums › Forums › Archived Forums › General Discussion › Where/How does Genesis store/generate the HTML?
Tagged: html
- This topic has 10 replies, 4 voices, and was last updated 7 years, 7 months ago by
clintongallagher.
-
AuthorPosts
-
July 3, 2017 at 3:28 pm #208626
clintongallagher
MemberVery experienced with web development per se. I am still clueless how Genesis actually works and especially what files contain the HTML needed to generate a page and where they are located. I need access to the HTML to mod certain statements and such but can't find the HTML source code. Documentation? Videos? Blogs? I'm ready to learn...
July 3, 2017 at 3:54 pm #208629Brad Dalton
ParticipantJuly 3, 2017 at 4:31 pm #208632Victor Font
ModeratorIf you're fluent in WordPress actions and filters, you'll have a shorter learning curve. Here are a couple of sites that may help:
https://victorfont.com/understanding-genesis-dynamic-apply_filters-part-1/
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?July 3, 2017 at 7:44 pm #208640clintongallagher
MemberI consider the context of the question to remain 'specific' so basically it still remains unanswered. I get the finely grained 'hook' functional programming architecture but only one of the two postulations that follow can be true:
First, Genesis generates each line of HTML w/ scant dependency of raw HTML tags in any of its libs.
Alternatively, Genesis includes well formed partial or entire lines of HTML which are acted upon functionally.Now specifically as it pertains to a work-flow objective I'm using a BootStrap child theme. I wanted to find and take a look at the HTML that is used for two container elements in the page; the HTML for the hamburger menu and the HTML that displays the navbar-brand.
I've been looking through the libs for the child theme and I've been looking through the libs for Genesis and I'm trying to nail down how the HTML is actually generated.
July 3, 2017 at 7:50 pm #208641clintongallagher
MemberThanks Victor,
Tonya Mork dba KnowTheCode is up-state from me and one day I hope to work with her as an LLC member in my company but I need another year building out the startup before she'll believe it.
July 3, 2017 at 8:21 pm #208642Victor Font
ModeratorStart with the genesis_markup function. Nothing is generated through the child theme unless you write a custom function to override the framework. All the functionality is in the framework, primarily in the lib directory. Virtually all generated HTML is modifiable through filters. For the menu details look at the menu functions.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?July 3, 2017 at 9:14 pm #208644clintongallagher
MemberVictor I've read through your article and get the point about structural wraps but there is no genesis_structural_wrap() function in genesis/lib/structure/layout.php installed on my project. My genesis/lib/structure/header.php is also completely different that the source you use in the article you referred me to. These are reasons causing me to be confused about my question regadring HTML.
July 4, 2017 at 6:49 am #208658Victor Font
ModeratorSorry, my bad. The corrected directories are genesis/lib/functions/layout.php and genesis/header.php. Sorry to confuse you. I've corrected the article.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?July 4, 2017 at 7:15 am #208659carasmo
ParticipantIn the case of a Bootstrap child theme, the markup specific to Bootstrap components is in the child theme.
I either search a directory, or if in GitHub, search the repo. If you want the hamburger menu, then you search for the class that Bootstrap uses:
navbar-toggle
.https://github.com/salcode/bootstrap-genesis/search?utf8=%E2%9C%93&q=navbar-toggle&type=
Then you'll see that in this situation, the markup is in lib/nav.php in the child theme.
July 4, 2017 at 7:20 am #208660carasmo
ParticipantThat is the hamburger menu icon (which is three spans in Bootstrap) is in nav.php but the walker (the menu markup) is another file.
July 4, 2017 at 2:09 pm #208673clintongallagher
MemberHi to all this Independence Day and thank you for ganging up on me 🙂
So now I can conclude Genesis generates each line of HTML w/ scant dependency of raw HTML in any of its libs with help from your deeper dives. Notably markup.php as Victor recommended.carasmo reminding me of the usefulness of searching GitHub source was also helpful because search is still part of my learning curve. I'm now using PhpStorm for the first time too and I'm not yet as efficient as using Visual Studio but do tell this off-topic question: is there a PhpStorm External Tool that will search GitHub? External Tools are very impressive. I just did a quick google that did not return anything the 1st SERP.
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.