Position Container Block Examples


Le 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.

Plusieurs variantes de blocs sont présentées ci-dessous. Chaque variation peut être copiée dans votre presse-papiers et collée directement dans votre éditeur de blocs WordPress. Cependant, le bloc Blocs organiques est nécessaire.

A noter : Il s'agit d'exemples de variations de style créés pour illustrer la flexibilité du bloc. Chaque variation peut être modifiée à votre guise et des variations entièrement nouvelles peuvent être créées à l'aide des paramètres du bloc.

Variante 1

Bloc de position

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

Copiez cette variation de bloc à l'aide du bouton et collez-la dans votre éditeur de blocs WordPress. Le bloc Blocs organiques est nécessaire.

Bloc de copies
Bloc copié dans le presse-papiers !

Variante 2

Bloc de position

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

Copiez cette variation de bloc à l'aide du bouton et collez-la dans votre éditeur de blocs WordPress. Le bloc Blocs organiques est nécessaire.

Bloc de copies
Bloc copié dans le presse-papiers !

Variation 3

Bloc de position

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

Copiez cette variation de bloc à l'aide du bouton et collez-la dans votre éditeur de blocs WordPress. Le bloc Blocs organiques est nécessaire.

Bloc de copies
Bloc copié dans le presse-papiers !

Variation 4

Bloc de position

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

Copiez cette variation de bloc à l'aide du bouton et collez-la dans votre éditeur de blocs WordPress. Le bloc Blocs organiques est nécessaire.

Bloc de copies
Bloc copié dans le presse-papiers !

Variante 5

Bloc de position

In this example, the scale is reduced to 0.7.

Copiez cette variation de bloc à l'aide du bouton et collez-la dans votre éditeur de blocs WordPress. Le bloc Blocs organiques est nécessaire.

Bloc de copies
Bloc copié dans le presse-papiers !

Variation 6

Bloc de position

In this example, the scale is increased to 1.3.

Copiez cette variation de bloc à l'aide du bouton et collez-la dans votre éditeur de blocs WordPress. Le bloc Blocs organiques est nécessaire.

Bloc de copies
Bloc copié dans le presse-papiers !

Retour en haut