15 version is major update and it’s last stage of code refactoring. Here is few things which are changed
Table of Contents
Header panels
Previously, all icons were in mobile header
But this creates too much problems in case if you use more bigger logo. So, we added mobile toolbox. It’s panel with icons which are fixed to bottom of page. if you have more than 2 icons in header, they will be placed in footer. In header panel, you will find only centered logo, menu trigger and search. You can set colors for mobile and toolbox panel in customizer or in theme options – mobile and amp
If you have less than 2 icons – no changes. You will have only header panel
Deprecated: in the same time we removed possibility to add cart and login blocks inside menus. It’s just useless option because you can enable our updated Logo + menu in one row layout in theme options – header options. This layout has possibility to add cart, login and many other things, so, if you search for compact style of header, this layout is your choice.
Review meta panels
WordPress 5.7 added even more improvements for Gutenberg editor. For example, drag and drop options, better button block and cover block. Finally, we decided to move to Block based workflow and remove Post format panel. Why? We just want to make more easy and confortable workflow. You should not scroll down and up to fill meta panels and you should not be limited by Post formats. So, we totally removed Format panel. This can affect your review, video posts. You have few options now.
- You can enable old panel in theme option – global enable
- You can keep panel as disabled. All old posts are safe. If you don’t touch them, they will be without changes. For new posts, use new workflow
New workflow for reviews
Instead of adding reviews from review panel, you can use Reviewbox in Gutenberg. Just type
/review
and choose reviewbox.
Add review in any part of content. Now, if you want to save this data to post meta, click on next button in right section of Reviewbox
This will save data also to meta fields. When do you need meta fields? Only if you plan to use any kind of review, scorebox, listing shortcodes on site. This requires to store review data in post. If you just need to show reviewbox in post – you don’t need to save data to post meta.
Post formats
And what about old post formats? Fact is that you don’t need them at all. if you want to have something similar to video Post format, just disable featured image in right panel
Now, you can add anything in top of post: video block, cover block, music, etc. Gutenberg gives you much more freedom, just start to use it and you will love it. We also added few new blocks in Gutenberg framework of theme, we will make tutorial for them soon. Here is our current overview of our unique Gutenberg framework
Gallery Images
WordPress doesn’t support old outdated classic editor. If you use any kind of plugins which remove Gutenberg editor and enable old Classic Editor, you should understand that you are using outdated and deprecated things which are not guaranteed to work properly. One of such thing is old gallery shortcodes. You need to use Gutenberg galleries. If you need classic galleries, you need to use insert styles for them
.gallery { margin-bottom: 20px; }
.gallery-item { float: left; margin: 0 12px 12px 0; overflow: hidden; position: relative; }
.gallery-item img { height: auto }
.gallery-columns-1 .gallery-item { max-width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 12px); max-width: calc(50% - 12px); }
.gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 12px); max-width: calc(33.3% - 12px); }
.gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 12px); max-width: calc(25% - 12px); }
.gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 12px); max-width: calc(20% - 12px); }
.gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 12px); max-width: calc(16.7% - 12px); }
.gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 12px); max-width: calc(14.28% - 12px); }
.gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 12px); max-width: calc(12.5% - 12px); }
.gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 12px); max-width: calc(11.1% - 12px); }
.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; }
.gallery-caption { background-color: rgba(0, 0, 0, 0.7); color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; }
.gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; }
.gallery-item:hover .gallery-caption { opacity: 1; }
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; }place in theme options – general options – custom css