GeneratePress 2.3

This release focuses on performance and usability. We aimed to solve complex questions we see in our forums frequently with simple solutions. SVG Icons You can now choose to replace the standard font icons used throughout the theme with SVG icons. This removes the requests for the font files and also makes the icons slightly

May 27, 2019

This release focuses on performance and usability. We aimed to solve complex questions we see in our forums frequently with simple solutions.

SVG Icons

You can now choose to replace the standard font icons used throughout the theme with SVG icons. This removes the requests for the font files and also makes the icons slightly sharper.

For now, using the icon fonts will remain enabled by default.

This option can be found in Customize > General.

Combine CSS

By default, GeneratePress will now combine unsemantic-grid.css, style.css and mobile.css into one file. This results in fewer HTTP requests.

Existing sites will turn this option off by default to prevent any potential conflicts.

When combined, GeneratePress will use a slimmed down version of unsemantic-grid.css, which only includes the classes that are needed by the theme to function.

This option can be found in Customize > General.

Container Alignment

GeneratePress has always used a box alignment to display your content and sidebars. This means the edges of the boxes align with the header/footer.

The red lines show the box alignment.

This can become an issue when your body and content background colors match. For example:

Our new Container Alignment option fixes this for us.

This option can be found in Customize > Layout > Container.

Inline the Logo & Site Branding

We’ve added an option to inline your logo and site branding (site title/tagline). This gives you a much better layout for those of you who wish to use both in their header.

This option can be found in Customize > Site Identity.

Better Post Meta Ordering

Currently, it’s difficult to re-order your post meta. For example, if you want to move the list of categories above your content inline with your author and date, it requires a very complicated filter.

We’ve simplified this in 2.3, so it’s as easy as doing this:

add_filter( 'generate_header_entry_meta_items', function() {
    return array(
        'date',
        'author',
        'categories',
    );
} );

The same applies for the footer meta area. Right now, it displays your categories, tags and comments link. You can now adjust that:

add_filter( 'generate_footer_entry_meta_items', function() {
    return array(
        'date',
        'categories',
        'comments-link',
    );
} );

Mobile Menu Breakpoint

Previously, we had to use CSS to change when the mobile menu initiated. Now, we can use a simple filter to choose:

add_filter( 'generate_mobile_menu_media_query', function() {
    return '(max-width: 1000px)';
} );

Full Changelog

2.3 – Release date: June 18, 2019

  • New: Add SVG icon option
  • New: Add option to inline the logo and site branding
  • New: Add combine CSS option
  • New: Add container alignment option
  • New: Add generate_header_entry_meta_items filter for defining/ordering header entry meta
  • New: Add generate_footer_entry_meta_items filter for defining/ordering footer entry meta
  • New: Add generate_header_items_order filter to order header elements
  • New: Add wp_body_open hook
  • New: Add generate_after_primary_menu hook
  • New: Add generate_mobile_menu_media_query filter
  • New: Add generate_after_loop hook
  • New: Add generate_show_block_editor_styles filter
  • New: Add generate_google_font_display filter
  • New: Add support for future mobile separating space option
  • Tweak: Remove footer widget placeholders
  • Tweak: Properly filter comment_form() defaults
  • Tweak: Check for container_class variable existence
  • Tweak: Align header to center on mobile even if aligned right
  • Tweak: Check for option existence in generate_get_option()
  • Tweak: Simplify separate container margin CSS
  • Tweak: Make navLinks a11y selector more specific
  • Tweak: Hook archive description in so it can be moved
  • Tweak: Set X-UA-Compatible in wp_headers filter
  • Tweak: Move Layout metabox to the sidebar by default
  • Tweak: Use generate_not_mobile_menu_media_query filter in nav drop point
  • Tweak: Target headings in blocks not necessarily in core heading block
  • Tweak: Increase tap targets of entry meta on mobile
  • Tweak: Remove negative margin from align-wide/full items when they’re first block
  • Fix: generate_search_label filter
  • Fix: Sub-menu direction in right sidebar
  • Fix: Heading selector in block editor
  • Fix: Sub-menu dropdown on tablets/touch screens
  • Fix: Sub-menu dropdown click issue when no menu location is set

34 responses

  1. Carolyn

    Nice! I’m going to give it a shot on my live site. Don’t worry, I’ll give you all of the credit if it goes right, and none of the blame if it doesn’t LOL

  2. Dominic

    Awesome work Tom! I’ll install this today, make some changes and let you know that everything is ok 🙂

  3. Tom

    SVG icons are an absolutely fantastic thing… Some time ago I wanted to suggest it in the forum. I didn’t get to it… but here it comes 🙂
    I also wish it was possible to paste inline SVG as site logo in the customizer…. Perhaps, it will also come one day 🙂
    Cheers!

    1. Sebastien

      Very very nice SVG option !
      +1 Tom ==> I also wish it was possible to paste inline SVG as site logo in the customizer

      1. Tom

        Pretty easy to do with a filter right now. Could happen as an option one day 🙂

      2. Heike

        +
        And another wish of mine, Tom:
        It would be fantastic if we could easily add custom icons. I use a home button and had to create a font for it in the child theme.

  4. Ivan

    Awesome update as always! But I really like SVG icons and combine CSS options 🙂

  5. Gloria Barr

    can you recommend any articles describing what SVG icons are? Are they icons or fonts?

    1. Tom

      An SVG file is actually just code which is rendered as an image. If you do some searches on “what is SVG” you should find quite a few resources 🙂

  6. Sven

    How do you do it, Tom? How do you keep making it better and better without adding bloat and clutter? Very nice job, will put it up for a spin on a staging site rightaway 🙂

  7. Melanie

    Hello,

    really appreciate your great work. The SVG/Fonts improvements, combining files for less request and the alignment stuff is exactly what I need. Thanks for listening.

    I still have some question regarding future updates and the current one.

    current:
    Do I still need the Safe SVG plugin?

    future:
    1. Section/Gutenberg extension: Do you have a rough time frame when you implement it? Does it work with other Gutenberg plugins such as Kadence block, bokez, Advanced Gutenberg plugin?

    2. I would love to use Divi on my main pages (Gutenberg on posts). I have heard you are developing a framework for all page builders. Do you have a rough time (6-12month) frame for that? My wife is using Divi at the moment with Generatepress what would be the difference between the framework and the current situation?

    Thanks Oliver

    1. Tom

      Glad you like it!

      Yes, you still need the Safe SVG plugin so WordPress allows SVGs to be uploaded.

      1. We’re working on a complete (lightweight) blocks plugin. It’s in heavy development at the moment and is our highest priority.

      2. You can use the Divi page builder with GP if you want to – they should work great together. We aren’t doing much to integrate with other page builders at the moment as GP is built to work with any of them by default 🙂

  8. Tom

    The main issue I have with this update is that I can’t wait the day when it goes out of beta, so I can use it on live sites.

  9. Manish Sharma

    Amazing tom this was superb update will update soon.

  10. Michael

    Very nice, I especially like that you implemented the new wp_body_open hook. Perfect for adding the Google Tag Manager (even though it probably isn’t that important, that the Tag Manager is in exactly that place 😉 ).

  11. Sven

    Hi there,

    sorry I’m a little late to the party. Just checked out the new version and I/we really like it. The new box/text alignment feature is great! However, I’ve noticed it seems to be missing the separating space setting in the container layout case? Is that a bug or has it been (re)moved? I’ve always found that to be very helpful in laying down a basic amount of space in the design by keeping the boxes separate but having body, content and sidebar background the same color. It’s hard to describe but it always looked better than anything I could do with the other settings combined.

    Another thought from our little agency’s point of view. I think the default padding on mobiles is too extreme. Space is nice and all but real-world text in a readable size never looks good with the default settings. At least we change this setting on every single site we build since we rarely ever use more than 15-20px padding left and right. If we don’t, the paragraphs are completely effed up on anything above font size 15px for most fonts as the padding makes the lines break “too early” (not really but looks that way). Perhaps test it with some paragraphs from random Wikipedia articles, they’re a great example for the kind of writing and killer-word-combos-they-make-up-on-the-go you get from clients every day.

    Another thought that keeps popping into my head is: I haven’t seen a case in which the Footer Widgets needed a different padding/margin to the left (or right or none, surely) sides than the content and header do? That’s something we don’t really understand and often thought, why isn’t there ONE alignment line going from the header all the way into the footer, like a general setting?

    This and the content padding stuff would really save us some (lots of) time.

    And finally but by no means least: We’re LOVING the new inline logo feature. That’ll come in very handy!

    Okay, that’s it. Thanks for reading 🙂
    Sven

    1. Tom

      The separating space option should still be there. Is the Spacing module activated?

      We can provide a simple filter which changes the default spacing for you if you post in our forum. That way you can just plug the filter into each new build and everything will be set up and ready to go 🙂

  12. Paul

    is the new wp_body_open hook located in the legacy hooks section? Would it be possible to put it there if it’s not?

    1. Tom

      We’ll be adding it to Elements in the next GPP update 🙂

  13. JOSE

    Do you think it’s good idea installing it in a site online?

    1. Tom

      We’re very close to an official release, so you should be good to go 🙂

  14. Ogi22

    Great job.
    You’re very handy.

    Please could you add an advanced search?
    For example: search in certain categories and search by author?

  15. James

    Wow. Another great (and useful) update.

    I have used many page builders and themes over the years (running a web agency) and I have never been as impressed as I am by Tom and his team @ GeneratePress. The product you produce is fantastic and the support you offer is top notch. It is now our default theme option (with Elementor) on over 90% of all our new builds.

    Keep up the great work!

  16. Peter Müller

    > Fix: Sub-menu dropdown on tablets/touch screens

    I can now customize the dropdown to open on :hover and still use it on tablet/touch? That’s great. Is there any more information about how this was implemented?

    1. Tom

      Not yet, sorry! This just fixed an existing bug on touch screens. We’re working on a solution for this in the next update 🙂

      1. Peter Müller

        But it works 😉

        on desktop
        – menu-item »Blog« is a link to show all posts
        – on :hover with mouse the dropdown menu for »Blog« is shown
        – a click on a submenu item then shows a post per category
        – a click on »Blog« then shows all posts

        on touch
        – menu-item »Blog« is a link to show all posts (just as on desktop)
        – a first tap opens the dropdown menu for »Blog«
        – a tap on a submenu item then shows post per category

        1. Tom

          Ah yes – that’s default behavior which was broken in the last version 🙂

  17. Teuvo Väisänen

    Hi, just updated to 2.3.
    I can’t find any of the new hooks, where are they?
    Not found in legacy hooks, nor in elements in my installation.

    Using GP 2.3 fi as a child
    GPP 1.3 fi
    WP 5.2.2 fi

    1. Tom

      The new hooks will be added to Elements in the next GPP update.

  18. Leif

    Great update, I´ve seen some performance gains on a project that I right now just have a landing page with just text right now, at https://pressroom.news , looking forward to these gains on my other domains to .. Thanks Tom for the efforts you put in to this theme.

  19. Akash Joshi

    I am using generatepress and its looking dope. <3

  20. Jason

    SVG Icons are amazing. Amazing Updates. Thanks, TOM!

  21. David Novys

    Thanks for this update. I’m using Generatepress on many websites and its awesome 🙂

  22. Maxwell

    Loving the new updates 🙂 So far one of the best theme I can suggest to any of my friends. Thanks, Developers 🙂

Leave a comment

Your email won’t be published. Fields marked * are required.