Community Forums › Forums › Archived Forums › General Discussion › CSS Grid and Studiopress / Genesis themes
Tagged: CSS grid
- This topic has 5 replies, 5 voices, and was last updated 6 years ago by ashleyf.
-
AuthorPosts
-
December 23, 2017 at 2:12 pm #214772jhguynnMember
I've been off the web design grid for a while, only to return and find "CSS Grid" is the new thing. Curious if someone here can comment in what manner this new CSS design standard will work its way into Studiopress theme code?
For anyone not aware of CSS Grid, here are some points of reference:
Rachel Andrews “Grid by example”
https://gridbyexample.comRachel Andrew: CSS grid layout
Coding Tech: CSS Grid Changes Everything
December 23, 2017 at 2:52 pm #214773Victor FontModeratorQuestions on this forum are answered by community volunteers with no affiliation to Studio Press. Other than the information Studio Press makes public, we have no insight into their plans or development goals. Here's a tutorial I did that teaches how to replace the standard Genesis header with CSS Grid: https://victorfont.com/customize-the-genesis-header-with-css-grid-layout/
Of greater concern to me is how Gutenburg in WordPress 5 will impact the Genesis Framework.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?December 24, 2017 at 10:54 am #214784Andrea RennickMemberOf greater concern to me is how Gutenburg in WordPress 5 will impact the Genesis Framework.
Have you tried it? It's a post editor, for the admin side.
It doesn't change anything in Genesis. All the options show.
**forum signature**
If you need technical support for your theme please file a ticket.The forums are community based. Staff only monitors the forum for issues relating to the forum itself and to redirect users to where they need to go.
December 25, 2017 at 7:09 am #214798Victor FontModerator@Andrea, What you say is true about today's version of Gutenburg. In his last State of the Word address, Matt Mullenweg said it's going through at least 12 more iterations before it's released in WP5 and the plans for Gutenburg are to make a lot more than just a post editor. Gutenburg is planning to take over metabox creation, custom fields, shortcodes, the customizer, etc. The way we create customization options for Genesis themes will change. Gutenburg is moving code away from php and into js.
While it allows the use of front end style sheets with the click of a button, even the way it stores content is changing. The content blocks are delimited by HTML comments embedded in the source. Its reusable content blocks will probably eliminate the need for code snippet plugins. It is literally going to change the way themes are created in the future. I suspect that it will render the majority of theme builders obsolete. I could be totally wrong, but with what I understand about the future of Gutenburg, there will be an impact to Genesis and the way we build out themes in the future.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?January 11, 2018 at 3:58 pm #215307Mark CorpuzParticipantCSS Grid is very powerful when used in combination with Genesis. Just like any CSS code, it's something you simply add into your CSS to control or manipulate the way in which your content appears.
But what CSS Grid can even do is literally move things around in ways that Genesis code always tried to work around. For example, if I wanted to move the header and make it a vertical column on the left, CSS Grid can do this easily.
But to make such a change with your Genesis theme, it still helps to have a good understanding of the Genesis structural framework. Because the most of CSS Grid effects can move things around as long as they are within the same area relative to one another.
It's quite confusing but also very wonderful if you learn how to use it well. It makes doing simple things like turning your blog posts into a regular grid just by using CSS alone pretty straightforward. I encourage you to look more into it.
When it comes to Genesis Themes, I use CSS Grid when building child themes. It's become a core component that controls the layout of how things appear depending on the purpose it might serve.
As for Guttenberg press, I'm really excited to see what it can do as I haven't tried it yet. Anything that gives people the option for modifying content that makes it convenient for clients to use is always a plus.
Mark Corpuz
626-590-6190
https://SmarterWebPackages.comMarch 31, 2018 at 4:42 pm #218504ashleyfMemberI just started working with Genesis and a studio press theme, and I just saw a video on Guttenberg and the future by Morten Rand Hendrickson. I’m concerned about what I should learn to customize both my theme/genesis. Guttenberg seems to bypass a lot of need for theme-specific php and css from this overview. I’m not sure the timeframe though.
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.