StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

making use of Gutenberg specific features

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › making use of Gutenberg specific features

This topic is: not resolved

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 13, 2018 at 6:52 am #222430
    stinkykong
    Participant

    Is there anything general or specific (information, add-ons, plugins, additional layout options, tutorials) on how to adapt current Genesis child themes to work with Gutenberg's new features such as align wide and align full images, etc? I wonder if I need to come up with a new page template on my own, re-design main containers to 100% width and add additional widths to smaller elements such .content p, .content ul, etc.

    This sort of reminds me of when Genesis went to v 2.0 and we had some revamping to convert existing sites and child themes.

    Web Design by Websentia Web Services
    http://websentia.com

    August 13, 2018 at 11:00 am #222448
    Victor Font
    Moderator

    Pre-Gutenberg posts will be opened in the Classic Guten-block. You have to cut and paste what you want into the new blocks or add the Guntenberg comments to the Classic HTML and save it all as blocks. There is no easy way to do this.

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    August 14, 2018 at 6:47 am #222469
    stinkykong
    Participant

    Thanks for that info. What I'm asking is to see if there is anything from StudioPress, either for functions.php or CSS styles that they recommend to make the new image blocks work in themes which most commonly have width rules applied to containers such as .site-inner, that keep an image from spanning the full screen. There are other new blocks that will need to be accommodated and I wonder if anyone has heard from StudioPress on how this may be attained.

    Web Design by Websentia Web Services
    http://websentia.com

    August 14, 2018 at 9:54 am #222476
    Victor Font
    Moderator

    There's no reason to make any changes to the Genesis Framework or the child theme you are using. Gutenberg works out of the box with Genesis as is.

    The CSS Gutenberg uses on the backend is only for the backend. Once displayed on the front end, the theme CSS displays.

    The only issue I've encountered with images is with SVGs. You have to apply an explicit dimension to view them in the Gutenberg editor. SVGs will only work as featured images if you are not sharing the post or page to social media. For social media shares, you still have to use bitmap images as the featured image.

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.