Use the new logic for alignwide and alignfull about sb HOT 12 OPEN

OK. I have no idea what I need to do in order to get the ability to choose Wide or Full width and what these Layout settings are.

Additionally, the Categories block below Structured Breakdown has encountered an error.

from sb.

I give up for tonight. Tomorrow have a look at WordPress/theme-experiments#234. Maybe the Site Editor's hasn't been updated so I'll need to edit the templates and template parts manually.

from sb.

It looks like you aren't running the latest version of the Gutenberg plugin. You'll need to be using the latest version of trunk to get the new alignments and the "inherit default layout" option.

from sb.

We'll have to write a lot more docs about this functionality, it's still very early and being proved. Judging by your screenshot if you want to define a global "layout" config that is used in the post editor and that can be "inherited" in the site editor containers, you'll have to define it in your experimental-theme.json default settings section, it doesn't look like it's the case in that screenshot.

from sb.

I still had "custom" in the experimental-theme.json file. Removing that enabled the toggle.

Now I need to understand which blocks are the ones which support the alignwide or alignfull width attribute.

from sb.

@scruffian I was using the latest build, just bad JSON. See the second screenshot in #5 (comment)

Here's the latest screenshot for the front end, with the [guts] shortcode expanded.

And here's the results with the background colour on the group block removed... the group block wasn't filling the whole of the window width. Is this expected?
But now the columns aren't full width.

Structure of this "Footer" template part is

Footer template part - full width with CSS defined background
  Group
    3 Columns
       Tag cloud for S-words
       Tag cloud for B-words
       Info area

Looks like I need guidance on how to set the Layout options for the Template part and Group.
I honestly don't understand the hint. "Customize the width for all elements that are assigned to the center or wide columns."

from sb.

So having resolved the Tag cloud problem - a temporary fix applied to stop wpautop() from running on template parts - I've now changed the align attribute on the columns block in the footer, template part page-footer.

It's looking better. Here's a diff of the relevant changes.

-<!-- wp:group {"align":"full","layout":{"inherit":true}} -->
-<div class="wp-block-group alignfull"><!-- wp:columns -->
-    <div class="wp-block-columns"><!-- wp:column -->
+<!-- wp:group {"layout":{"inherit":true}} -->
+<div class="wp-block-group"><!-- wp:columns {"align":"full"} -->
+    <div class="wp-block-columns alignfull"><!-- wp:column -->

Interpret this diff output as:

• Remove "align:full" from the Group block
• Set "align":"full" on the Columns block

Maybe I don't need the Group block any more!

Note: You can't really tell in the Site Editor whether or not what you want is what you're going to get.

from sb.

I think the problem comes down to understanding the "layout" feature, the documentation is not yet there. If I had to define it it's something like:

• Assigning a layout to a container (group, template part or post content block) doesn't impact it directly, it impacts its children, its means its children can be aligned wide/full and by default are centered according to its layout config.
• In theme.json, you can define a layout config that is going to be used by default in post editor but is not going to be used at all in site editor, unless a container decides that it "inherits" that config.

from sb.

thanks.

from sb.

Well I thought I had it working. My footer columns appeared to have reverted.

It turns out this was the customised template part, where the Group wasn't set to Full Width alignfull.

from sb.

I'm not going to close this yet.
Some of the templates and template parts are including template parts with what could be unnecessary align and layout attributes.

from sb.

Still leaving this open even though I've delivered v0.2.1.

from sb.