Лучшие сайты для малого бизнеса на планете!

Block category: Layout Elements

Array
(
    [blockName] => core/group
    [attrs] => Array
        (
            [customBackgroundColor] => #d8f6ec
        )

    [innerBlocks] => Array
        (
            [0] => Array
                (
                    [blockName] => core/paragraph
                    [attrs] => Array
                        (
                        )

                    [innerBlocks] => Array
                        (
                        )

                    [innerHTML] => 

The Layout Elements category includes the following blocks: Group, Button, Columns, Media & Text, separator, spacer, read more, and page break.

[innerContent] => Array ( [0] =>

The Layout Elements category includes the following blocks: Group, Button, Columns, Media & Text, separator, spacer, read more, and page break.

) ) [1] => Array ( [blockName] => core/paragraph [attrs] => Array ( ) [innerBlocks] => Array ( ) [innerHTML] =>

This group block has a light green background color.

[innerContent] => Array ( [0] =>

This group block has a light green background color.

) ) [2] => Array ( [blockName] => core/button [attrs] => Array ( ) [innerBlocks] => Array ( ) [innerHTML] => [innerContent] => Array ( [0] => ) ) [3] => Array ( [blockName] => core/paragraph [attrs] => Array ( ) [innerBlocks] => Array ( ) [innerHTML] =>

The read more block should be right below this text, but only on list pages of themes that show the full content. It won't show on the single page or on themes showing excerpts.

[innerContent] => Array ( [0] =>

The read more block should be right below this text, but only on list pages of themes that show the full content. It won't show on the single page or on themes showing excerpts.

) ) ) [innerHTML] =>
[innerContent] => Array ( [0] =>
[1] => [2] => [3] => [4] => [5] => [6] => [7] => [8] =>
) )
Array
(
    [blockName] => 
    [attrs] => Array
        (
        )

    [innerBlocks] => Array
        (
        )

    [innerHTML] => 






    [innerContent] => Array
        (
            [0] => 






        )

)
Array
(
    [blockName] => core/columns
    [attrs] => Array
        (
            [className] => has-4-columns
        )

    [innerBlocks] => Array
        (
            [0] => Array
                (
                    [blockName] => core/column
                    [attrs] => Array
                        (
                        )

                    [innerBlocks] => Array
                        (
                            [0] => Array
                                (
                                    [blockName] => core/paragraph
                                    [attrs] => Array
                                        (
                                        )

                                    [innerBlocks] => Array
                                        (
                                        )

                                    [innerHTML] => 

The columns:

[innerContent] => Array ( [0] =>

The columns:

) ) ) [innerHTML] =>
[innerContent] => Array ( [0] =>
[1] => [2] =>
) ) [1] => Array ( [blockName] => core/column [attrs] => Array ( ) [innerBlocks] => Array ( [0] => Array ( [blockName] => core/paragraph [attrs] => Array ( ) [innerBlocks] => Array ( ) [innerHTML] =>

Column two.

[innerContent] => Array ( [0] =>

Column two.

) ) ) [innerHTML] =>
[innerContent] => Array ( [0] =>
[1] => [2] =>
) ) [2] => Array ( [blockName] => core/column [attrs] => Array ( ) [innerBlocks] => Array ( [0] => Array ( [blockName] => core/paragraph [attrs] => Array ( ) [innerBlocks] => Array ( ) [innerHTML] =>

Column three.

[innerContent] => Array ( [0] =>

Column three.

) ) ) [innerHTML] =>
[innerContent] => Array ( [0] =>
[1] => [2] =>
) ) [3] => Array ( [blockName] => core/column [attrs] => Array ( ) [innerBlocks] => Array ( [0] => Array ( [blockName] => core/paragraph [attrs] => Array ( ) [innerBlocks] => Array ( ) [innerHTML] =>

Column four.

[innerContent] => Array ( [0] =>

Column four.

) ) ) [innerHTML] =>
[innerContent] => Array ( [0] =>
[1] => [2] =>
) ) ) [innerHTML] =>
[innerContent] => Array ( [0] =>
[1] => [2] => [3] => [4] => [5] => [6] => [7] => [8] =>
) )
Array
(
    [blockName] => 
    [attrs] => Array
        (
        )

    [innerBlocks] => Array
        (
        )

    [innerHTML] => 


    [innerContent] => Array
        (
            [0] => 


        )

)
Array
(
    [blockName] => core/media-text
    [attrs] => Array
        (
            [mediaId] => 757
            [mediaType] => image
        )

    [innerBlocks] => Array
        (
            [0] => Array
                (
                    [blockName] => core/paragraph
                    [attrs] => Array
                        (
                            [placeholder] => Content…
                            [fontSize] => large
                        )

                    [innerBlocks] => Array
                        (
                        )

                    [innerHTML] => 

Media &Text

[innerContent] => Array ( [0] =>

Media &Text

) ) [1] => Array ( [blockName] => core/paragraph [attrs] => Array ( ) [innerBlocks] => Array ( ) [innerHTML] =>

For displaying media and text next to each other. By default, the media is to the left.

[innerContent] => Array ( [0] =>

For displaying media and text next to each other. By default, the media is to the left.

) ) ) [innerHTML] =>
Boardwalk
[innerContent] => Array ( [0] =>
Boardwalk
[1] => [2] => [3] => [4] =>
) )
Array
(
    [blockName] => 
    [attrs] => Array
        (
        )

    [innerBlocks] => Array
        (
        )

    [innerHTML] => 


    [innerContent] => Array
        (
            [0] => 


        )

)
Array
(
    [blockName] => core/media-text
    [attrs] => Array
        (
            [align] => full
            [customBackgroundColor] => #ebf5fe
            [mediaPosition] => right
            [mediaId] => 755
            [mediaType] => image
            [isStackedOnMobile] => 1
        )

    [innerBlocks] => Array
        (
            [0] => Array
                (
                    [blockName] => core/paragraph
                    [attrs] => Array
                        (
                            [placeholder] => Content…
                            [fontSize] => large
                        )

                    [innerBlocks] => Array
                        (
                        )

                    [innerHTML] => 

This time our block is full width, and the image is to the right.

[innerContent] => Array ( [0] =>

This time our block is full width, and the image is to the right.

) ) [1] => Array ( [blockName] => core/paragraph [attrs] => Array ( ) [innerBlocks] => Array ( ) [innerHTML] =>

The background color is a pale blue. 

[innerContent] => Array ( [0] =>

The background color is a pale blue. 

) ) ) [innerHTML] =>
Golden Gate Bridge
[innerContent] => Array ( [0] =>
Golden Gate Bridge
[1] => [2] => [3] => [4] =>
) )
Array
(
    [blockName] => 
    [attrs] => Array
        (
        )

    [innerBlocks] => Array
        (
        )

    [innerHTML] => 


    [innerContent] => Array
        (
            [0] => 


        )

)
Array
(
    [blockName] => core/paragraph
    [attrs] => Array
        (
        )

    [innerBlocks] => Array
        (
        )

    [innerHTML] => 

Test to make sure that the editor and the front match. To test the Stack on mobile setting, reduce the browser window width.

[innerContent] => Array ( [0] =>

Test to make sure that the editor and the front match. To test the Stack on mobile setting, reduce the browser window width.

) )
Array
(
    [blockName] => 
    [attrs] => Array
        (
        )

    [innerBlocks] => Array
        (
        )

    [innerHTML] => 


    [innerContent] => Array
        (
            [0] => 


        )

)
Array
(
    [blockName] => core/paragraph
    [attrs] => Array
        (
        )

    [innerBlocks] => Array
        (
        )

    [innerHTML] => 

The control these settings, the block uses the css classes "has-media-on-the-right" and "is-stacked-on-mobile".

[innerContent] => Array ( [0] =>

The control these settings, the block uses the css classes "has-media-on-the-right" and "is-stacked-on-mobile".

) )
Array
(
    [blockName] => 
    [attrs] => Array
        (
        )

    [innerBlocks] => Array
        (
        )

    [innerHTML] => 


    [innerContent] => Array
        (
            [0] => 


        )

)
Array
(
    [blockName] => core/paragraph
    [attrs] => Array
        (
        )

    [innerBlocks] => Array
        (
        )

    [innerHTML] => 

The separator has three styles: default, wide line, and dots.

[innerContent] => Array ( [0] =>

The separator has three styles: default, wide line, and dots.

) )
Array
(
    [blockName] => 
    [attrs] => Array
        (
        )

    [innerBlocks] => Array
        (
        )

    [innerHTML] => 


    [innerContent] => Array
        (
            [0] => 


        )

)
Array
(
    [blockName] => core/separator
    [attrs] => Array
        (
        )

    [innerBlocks] => Array
        (
        )

    [innerHTML] => 

[innerContent] => Array ( [0] =>
) )
Array
(
    [blockName] => 
    [attrs] => Array
        (
        )

    [innerBlocks] => Array
        (
        )

    [innerHTML] => 


    [innerContent] => Array
        (
            [0] => 


        )

)
Array
(
    [blockName] => core/separator
    [attrs] => Array
        (
            [className] => is-style-wide
        )

    [innerBlocks] => Array
        (
        )

    [innerHTML] => 

[innerContent] => Array ( [0] =>
) )
Array
(
    [blockName] => 
    [attrs] => Array
        (
        )

    [innerBlocks] => Array
        (
        )

    [innerHTML] => 


    [innerContent] => Array
        (
            [0] => 


        )

)
Array
(
    [blockName] => core/separator
    [attrs] => Array
        (
            [className] => is-style-dots
        )

    [innerBlocks] => Array
        (
        )

    [innerHTML] => 

[innerContent] => Array ( [0] =>
) )
Array
(
    [blockName] => 
    [attrs] => Array
        (
        )

    [innerBlocks] => Array
        (
        )

    [innerHTML] => 


    [innerContent] => Array
        (
            [0] => 


        )

)
Array
(
    [blockName] => core/paragraph
    [attrs] => Array
        (
        )

    [innerBlocks] => Array
        (
        )

    [innerHTML] => 

The spacer block has a default height of 100 pixels:

[innerContent] => Array ( [0] =>

The spacer block has a default height of 100 pixels:

) )
Array
(
    [blockName] => 
    [attrs] => Array
        (
        )

    [innerBlocks] => Array
        (
        )

    [innerHTML] => 


    [innerContent] => Array
        (
            [0] => 


        )

)
Array
(
    [blockName] => core/spacer
    [attrs] => Array
        (
        )

    [innerBlocks] => Array
        (
        )

    [innerHTML] => 


    [innerContent] => Array
        (
            [0] => 


        )

)
Array
(
    [blockName] => 
    [attrs] => Array
        (
        )

    [innerBlocks] => Array
        (
        )

    [innerHTML] => 


    [innerContent] => Array
        (
            [0] => 


        )

)
Array
(
    [blockName] => core/paragraph
    [attrs] => Array
        (
        )

    [innerBlocks] => Array
        (
        )

    [innerHTML] => 

And finally, the page break:

[innerContent] => Array ( [0] =>

And finally, the page break:

) )
Array
(
    [blockName] => 
    [attrs] => Array
        (
        )

    [innerBlocks] => Array
        (
        )

    [innerHTML] => 


    [innerContent] => Array
        (
            [0] => 


        )

)

The Layout Elements category includes the following blocks: Group, Button, Columns, Media & Text, separator, spacer, read more, and page break.

This group block has a light green background color.

The read more block should be right below this text, but only on list pages of themes that show the full content. It won’t show on the single page or on themes showing excerpts.

The columns:

Column two.

Column three.

Column four.

Boardwalk

Media &Text

For displaying media and text next to each other. By default, the media is to the left.

Golden Gate Bridge

This time our block is full width, and the image is to the right.

The background color is a pale blue. 

Test to make sure that the editor and the front match. To test the Stack on mobile setting, reduce the browser window width.

The control these settings, the block uses the css classes «has-media-on-the-right» and «is-stacked-on-mobile».

The separator has three styles: default, wide line, and dots.




The spacer block has a default height of 100 pixels:

And finally, the page break: