[{"data":1,"prerenderedAt":95},["ShallowReactive",2],{"help-article-\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Flayout-grid":3},{"id":4,"title":5,"body":6,"category":82,"description":83,"extension":84,"keywords":85,"meta":86,"navigation":87,"order":88,"path":89,"rawbody":90,"seo":91,"stem":92,"updated":93,"__hash__":94},"helpDe\u002Fhelp\u002Fdesign-elements-and-tools\u002Flayout-grid.de.md","Layout-Raster",{"type":7,"value":8,"toc":75},"minimark",[9,13,18,26,33,37,48,52,63,68,72],[10,11,12],"p",{},"Das Layout-Raster ist eine Reihe von Hilfslinien, an denen Elemente einrasten, sodass alles ausgerichtet bleibt, egal welche Inhalte dein Template füllen.",[14,15,17],"h2",{"id":16},"raster-anzeigen","Raster anzeigen",[10,19,20,21,25],{},"Klicke auf die Raster-Schaltfläche in der ",[22,23,24],"strong",{},"Toolbar",", um das Raster und seine Lineale ein- oder auszublenden.",[10,27,28],{},[29,30],"img",{"alt":31,"src":32},"","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F2463f611-c20f-4c75-8b91-b857c94c4600\u002Fmax",[14,34,36],{"id":35},"eine-rasterlinie-hinzufügen","Eine Rasterlinie hinzufügen",[10,38,39,40,43,44,47],{},"Klicke bei eingeblendetem Raster auf ein Lineal, um eine Hilfslinie hinzuzufügen: Das ",[22,41,42],{},"obere"," Lineal fügt eine vertikale Linie hinzu, das ",[22,45,46],{},"linke"," Lineal eine horizontale.",[14,49,51],{"id":50},"eine-rasterlinie-verschieben-oder-bearbeiten","Eine Rasterlinie verschieben oder bearbeiten",[10,53,54,55,58,59,62],{},"Ziehe eine Rasterlinie, um sie neu zu positionieren. Um eine exakte Position festzulegen oder sie zu entfernen, ",[22,56,57],{},"doppelklicke"," die Linie direkt auf dem Lineal, um ihren Editor zu öffnen, in dem du ihre Position in Pixeln eingeben oder sie mit ",[22,60,61],{},"Delete"," entfernen kannst.",[10,64,65],{},[29,66],{"alt":31,"src":67},"https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F70d03d1a-5914-4c5e-621b-67e1fbf50a00\u002Fmax",[14,69,71],{"id":70},"einrasten","Einrasten",[10,73,74],{},"Wenn du ein Element in die Nähe einer Rasterlinie ziehst, rastet seine Kante an der Linie ein. So bleiben Elemente über jede Version deines Designs hinweg an denselben Hilfslinien ausgerichtet.",{"title":31,"searchDepth":76,"depth":76,"links":77},2,[78,79,80,81],{"id":16,"depth":76,"text":17},{"id":35,"depth":76,"text":36},{"id":50,"depth":76,"text":51},{"id":70,"depth":76,"text":71},"design-elements-and-tools","Richte einrastende Raster und Hilfslinien ein, sodass Elemente in jeder Variation, die deine Nutzer erstellen, konsistent ausgerichtet sind.","md",[],{},true,40,"\u002Fhelp\u002Fdesign-elements-and-tools\u002Flayout-grid.de","---\ntitle: \"Layout-Raster\"\ndescription: \"Richte einrastende Raster und Hilfslinien ein, sodass Elemente in jeder Variation, die deine Nutzer erstellen, konsistent ausgerichtet sind.\"\ncategory: design-elements-and-tools\norder: 40\nkeywords: []\n---\nDas Layout-Raster ist eine Reihe von Hilfslinien, an denen Elemente einrasten, sodass alles ausgerichtet bleibt, egal welche Inhalte dein Template füllen.\n\n## Raster anzeigen\n\nKlicke auf die Raster-Schaltfläche in der **Toolbar**, um das Raster und seine Lineale ein- oder auszublenden.\n\n![](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F2463f611-c20f-4c75-8b91-b857c94c4600\u002Fmax)\n\n## Eine Rasterlinie hinzufügen\n\nKlicke bei eingeblendetem Raster auf ein Lineal, um eine Hilfslinie hinzuzufügen: Das **obere** Lineal fügt eine vertikale Linie hinzu, das **linke** Lineal eine horizontale.\n\n## Eine Rasterlinie verschieben oder bearbeiten\n\nZiehe eine Rasterlinie, um sie neu zu positionieren. Um eine exakte Position festzulegen oder sie zu entfernen, **doppelklicke** die Linie direkt auf dem Lineal, um ihren Editor zu öffnen, in dem du ihre Position in Pixeln eingeben oder sie mit **Delete** entfernen kannst.\n\n![](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F70d03d1a-5914-4c5e-621b-67e1fbf50a00\u002Fmax)\n\n## Einrasten\n\nWenn du ein Element in die Nähe einer Rasterlinie ziehst, rastet seine Kante an der Linie ein. So bleiben Elemente über jede Version deines Designs hinweg an denselben Hilfslinien ausgerichtet.\n",{"title":5,"description":83},"help\u002Fdesign-elements-and-tools\u002Flayout-grid.de","2026-06-12","AUio9tCd7TZkVgyLIFtF0nwn3InJsA4fM3-nhvSfZkQ",1789292813192]