Position Container Block Examples


Il Position Container Block features options to scale and move the position of any content within the container. It’s a useful design tool for breaking the grid, and designing outside the box. Any combination of moving, scaling, and pulling can be used together. Additionally, the position can be optionally be reset in mobile, so it does not break the layout on mobile devices.

Di seguito sono illustrate diverse varianti di blocco. Ogni variante può essere copiata negli appunti e incollata direttamente nell'editor di blocchi di WordPress. Tuttavia, il Blocchi organici è necessario il plugin.

Nota bene: Queste sono variazioni di stile di esempio create per mostrare la flessibilità del blocco. Ogni variante può essere modificata a proprio piacimento e si possono creare varianti completamente nuove utilizzando le impostazioni del blocco.

Variante 1

Blocco di posizione

In this example, the position is moved left 200 pixels.

Copiare questa variazione di blocco utilizzando il pulsante e incollarla nell'editor di blocchi di WordPress. Il Blocchi organici è necessario il plugin.

Blocco copia
Blocco copiato negli appunti!

Variante 2

Blocco di posizione

In this example, the position is moved down 120 pixels.

Copiare questa variazione di blocco utilizzando il pulsante e incollarla nell'editor di blocchi di WordPress. Il Blocchi organici è necessario il plugin.

Blocco copia
Blocco copiato negli appunti!

Variante 3

Blocco di posizione

In this example, the position is moved right 400 pixels.

Copiare questa variazione di blocco utilizzando il pulsante e incollarla nell'editor di blocchi di WordPress. Il Blocchi organici è necessario il plugin.

Blocco copia
Blocco copiato negli appunti!

Variante 4

Blocco di posizione

In this example, the position is pulled left 260 pixels.

Copiare questa variazione di blocco utilizzando il pulsante e incollarla nell'editor di blocchi di WordPress. Il Blocchi organici è necessario il plugin.

Blocco copia
Blocco copiato negli appunti!

Variation 5

Blocco di posizione

In this example, the scale is reduced to 0.7.

Copiare questa variazione di blocco utilizzando il pulsante e incollarla nell'editor di blocchi di WordPress. Il Blocchi organici è necessario il plugin.

Blocco copia
Blocco copiato negli appunti!

Variation 6

Blocco di posizione

In this example, the scale is increased to 1.3.

Copiare questa variazione di blocco utilizzando il pulsante e incollarla nell'editor di blocchi di WordPress. Il Blocchi organici è necessario il plugin.

Blocco copia
Blocco copiato negli appunti!

Torna in alto