Position Container Block Examples


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

Im Folgenden werden mehrere Blockvarianten vorgestellt. Jede Variante kann in die Zwischenablage kopiert und direkt in Ihren WordPress-Block-Editor eingefügt werden. Allerdings ist die Organische Blöcke Plugin ist erforderlich.

Bitte beachten: Es handelt sich um Beispielvariationen, die die Flexibilität des Blocks verdeutlichen sollen. Jede Variante kann nach Belieben geändert werden, und mithilfe der Blockeinstellungen können völlig neue Varianten erstellt werden.

Variante 1

Position Block

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

Kopieren Sie diese Blockvariante über die Schaltfläche und fügen Sie sie in Ihren WordPress-Blockeditor ein. Die Organische Blöcke Plugin ist erforderlich.

Block kopieren
Block in die Zwischenablage kopiert!

Variante 2

Position Block

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

Kopieren Sie diese Blockvariante über die Schaltfläche und fügen Sie sie in Ihren WordPress-Blockeditor ein. Die Organische Blöcke Plugin ist erforderlich.

Block kopieren
Block in die Zwischenablage kopiert!

Variante 3

Position Block

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

Kopieren Sie diese Blockvariante über die Schaltfläche und fügen Sie sie in Ihren WordPress-Blockeditor ein. Die Organische Blöcke Plugin ist erforderlich.

Block kopieren
Block in die Zwischenablage kopiert!

Variante 4

Position Block

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

Kopieren Sie diese Blockvariante über die Schaltfläche und fügen Sie sie in Ihren WordPress-Blockeditor ein. Die Organische Blöcke Plugin ist erforderlich.

Block kopieren
Block in die Zwischenablage kopiert!

Variante 5

Position Block

In this example, the scale is reduced to 0.7.

Kopieren Sie diese Blockvariante über die Schaltfläche und fügen Sie sie in Ihren WordPress-Blockeditor ein. Die Organische Blöcke Plugin ist erforderlich.

Block kopieren
Block in die Zwischenablage kopiert!

Variante 6

Position Block

In this example, the scale is increased to 1.3.

Kopieren Sie diese Blockvariante über die Schaltfläche und fügen Sie sie in Ihren WordPress-Blockeditor ein. Die Organische Blöcke Plugin ist erforderlich.

Block kopieren
Block in die Zwischenablage kopiert!

Nach oben scrollen