Where/How does Genesis store/generate the HTML?

[clintongallagher]

Very 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...

[Brad Dalton]

Specifically, what exactly do you need to do?

---

Tutorials for StudioPress Themes.

[Victor Font]

If you're fluent in WordPress actions and filters, you'll have a shorter learning curve. Here are a couple of sites that may help:

Genesis Developer Roadmap

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?

[clintongallagher]

I 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.

[clintongallagher]

Thanks 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.

[Victor Font]

Start 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?

[clintongallagher]

Victor 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.

[Victor Font]

Sorry, 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?

[carasmo]

In 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.

---

Genesis Theme Customization and Help

[carasmo]

That is the hamburger menu icon (which is three spans in Bootstrap) is in nav.php but the walker (the menu markup) is another file.

---

Genesis Theme Customization and Help

[clintongallagher]

Hi 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.

[Author]

Posts