Wie neu zu ordnen Blöcke mit Layoutengine auf Square

Squarespace des Layoutengine ermöglicht es Ihnen, Blöcke auf verschiedene Weise zu positionieren. Der Prozess ist fast magisch. Die Wurzel des Layout Magie ist eine Spalte, Gitter, das regelt, wie Blöcke auf der Seite positioniert sind. Sie verwenden die Gitterblöcke perfekt ausrichten ordentlich organisiert Seiten zu erstellen, die optisch ansprechend für das Auge sind.

So verschieben und neu anordnen Blöcke auf einer Seite, gehen Sie wie folgt vor:

  1. Bewegen Sie den Mauszeiger über einen Block, bis der Cursor auf eine multidirektionale Pfeil ändert.

    bild0.jpg
  2. Klicken und halten Sie Ihre Maustaste auf den Block, den Sie verschieben möchten.

    Alle Blöcke auf der Seite in einem schwachen, bläulich zu leuchten umrissen werden, so dass Sie ihre Kanten zu sehen und zu positionieren genau den Block Sie sich bewegen.

    Eine multidirektionale Pfeil-Symbol erscheint in der oberen rechten Ecke bestimmter Blöcke, wenn Sie den Mauszeiger über ihnen schweben. Wenn Sie auf dieses Symbol angezeigt wird, müssen Sie darauf klicken um diesen Block zu ziehen.

  3. Ziehen Sie den Block an einen anderen Ort auf der Seite.

    Wenn Sie den Block näher an den Rand eines anderen Blocks ziehen, wird der Rand mit einer blauen Linie markiert ist, und einer von vier Anker-Optionen angezeigt. Sie können durch die Position des Cursors in der Nähe der Kante, welche Option steuern erscheint:

  4. Reihe: Fügt den Block auf eine neue Zeile. Positionieren Sie den Cursor näher an der unteren oder oberen Rand eines anderen Blocks.

  5. Einfügen: Hängt den Block nach oben oder unten in einem anderen Block. Positionieren Sie den Cursor weiter nach innen von der oberen oder unteren Rand des Blocks zu dem Sie den Baustein Sie sich bewegen anhängen möchten.

  6. Spalte: Fügt den Block neben einem anderen Block oder eine Reihe von Blöcken. Positionieren Sie den Cursor in die Nähe der linken oder rechten Rand eines anderen Blocks.

  7. Schweben: Sie können ein Bild Block oder eine Karte Block innerhalb eines Textblocks zu platzieren, so dass die Worte, die Seiten des schwimmenden Block umschlingen. Positionieren Sie den Cursor nach links oder rechts vom Absatz, den Sie das Bild wollen oder eine Karte neben zu schweben.

  8. Lassen Sie den Block an Ort und Stelle durch die Maustaste loslassen.

Wie Blöcke in Reihen zu trennen

Wenn Sie einen Block zu einer Seite hinzufügen, wird der Block auf eine neue Zeile hinzugefügt, und erstreckt sich von ganz links bis ganz rechts auf der Seite. Die Höhe des Blocks ist Flüssigkeit, die Erweiterung der Inhalte, die Sie ihm hinzufügen zu enthalten. Sie können Blöcke nach oben und unten auf der Seite neu anordnen.

Wenn Sie einen Block auf einer Seite sind hinzufügen, die bereits Blöcke enthält, wird der neue Block unter den bestehenden hinzugefügt werden.

Wenn Sie eine neue Seite oder einen neuen Blogeintrag erstellen, wird ein Textblock automatisch hinzugefügt.

Wie Spalten von Blöcken zu bilden

Wenn Sie Blöcke neu anordnen, können Sie sie nach links oder rechts von jedem anderen Ort, Spalten innerhalb einer Reihe zu schaffen. Diese Spalten wirken sich nur auf die Zeile, die Blöcke enthalten. Zum Beispiel könnten Sie drei Blöcke in einer Zeile, aber fünf Blöcke auf einer anderen Reihe anordnen.

Layoutengine verwendet eine 12-Säule Gitterstruktur. Wenn Sie Blöcke in einer Reihe sind die Anordnung und wollen, dass sie die gleiche Breite zu sein, müssen Sie verwenden 1, 2, 3, 4 oder 6 Blocks. (Diese Zahlen sind gleichmäßig teilbar in 12)

Um die Breite von zwei benachbarten Blöcke, positionieren Sie den Cursor zwischen den beiden Blöcken einzustellen. Eine dünne, vertikale Linie angezeigt, und der Cursor ändert sich in ein Resize-Cursor. Klicken Sie auf und ziehen Sie die Breite der Blöcke einzustellen. Ändern der Größe eines Blocks beeinflusst die Größe des benachbarten Blocks.

Wie zum Einfügen von Blöcken

Wenn Sie einen Block über oder unter einem anderen Block einfügen, können Sie diese Blöcke innerhalb der gleichen Spalte verbinden. Die Blöcke werden zusammen angezeigt werden, die hilfreich sein können, wenn Sie komplizierte Seitenlayouts erstellen.

Darüber hinaus, wenn Ihre Website die Breite eines mobilen Geräts passen die Größe, werden die Blöcke Reflow auf aufeinander zu stapeln.

image1.jpgimage2.jpg

Typischerweise fügen Sie Blöcke über oder unter einem anderen Block. Sie können jedoch auch Textblöcke mit einem anderen Block teilen, indem er einen Block zwischen den Absätzen im Textblock eingefügt wird.

Wie zu schweben Blöcke innerhalb Inhalt

Wenn Sie eine schwimmend Block, der Text auf der Seite wickelt sich um die Seiten des Blocks. Die einzigen Blöcke, die in einem Textblock sind Bildblöcke und Kartenblöcke schweben kann.

Sie können einen Block neben einem Absatz des Textes im Textblock schweben. So positionieren Sie Ihren Block, verwenden Sie die Symbole, die an der Spitze des Bildes oder Kartenblock erscheinen. Ihre Schwimm Optionen sind

  • Links: Floats den Block auf der linken Seite des Textes.

  • Kein Einschlag: Floats den Block im Text aber nicht Text auf der linken oder rechten Seite des Blocks anzuzeigen. Die Karte Block dehnt die volle Breite des Textblocks zu füllen.

    Der Bildblock wird das gleiche tun, wenn das Bild nicht groß genug ist, in welchem ​​Fall das Bild auf ihrer größten Größe angezeigt werden, in der vollen Breite des Textblocks zentriert.

  • Recht: Schwimmt den Block auf der rechten Seite des Textes.

Nun, da Sie haben gesucht, wie man hinzufügen, entfernen und neu anordnen Blöcke innerhalb Ihrer Seiten, es ist Zeit, sich zu Teil IV, wo Sie alle Blick auf die verschiedenen Arten von Blöcken Sie zu Ihrer Website hinzufügen können.

Menü