Tutorial: SITEX Editor
SITEX steht im Zentrum Ihrer redaktionellen Arbeit. Mit dem SITEX Editor des Content Management Systems erstellen und gestalten Sie die Seiten Ihre Website. Wie der Editor aufgebaut ist und welche Bearbeitungsmöglichkeiten Sie haben, erklären wir Ihnen in den Tutorials.
Für zusätzlichen persönlichen Support nehmen Sie Kontakt mit uns auf. Wir helfen Ihnen gerne weiter.
Hier haben wir die wichtigsten Stile für
- den CK-Editor,
- das rote Inhaltselement,
- die blaue Inhaltsfläche und
- die gelbe Inhaltszeile
zusammengefasst und zeigen Ihnen, wo Sie die Stile finden und welche Stile Ihnen in welchem Bereich zur Verfügung stehen.
Der "Innere Abstand" steht Ihnen bei Inhaltselement, Inhaltsfläche und Inhaltszeile in den Varianten klein, mittel, groß oder extra groß zur Verfügung.
Sehen wir uns das Verhalten am besten anhand eines Beispiels an.
Hier verwenden wir das Layout "2 Spalten | 50% | 50% | - begrenzt", damit wir uns den inneren Abstand gleich bei einem Bild und einem Text parallel ansehen können.
Wie sieht das ganz ohne Abstände aus? Wir verwenden hier noch zusätzlich einen Rahmen bei den Inhaltselementen und einen dezenten Hintergrund beim Text, damit wir es noch besser sehen...
😕 Naja, nicht gerade schön, wenn der Text direkt beim Bild "klebt". Das geht definitiv noch besser.
Wählen wir bei den beiden Inhaltselementen den Stil "Innerer Abstand mittel" rund um das Bild und den Text aus, wieder mit Rahmen bei den Inhaltselementen und dezentem Hintergrund beim Text damit man den Unterschied besser erkennt.
😊Das sieht doch schon besser aus.
Damit wir das Verhalten in den Bereichen Inhaltselement, Inhaltsfläche und Inhaltszeile noch besser sehen, erweitern wir die Inhaltsfläche auch noch um den "Inneren Abstand mittel" und legen hier einen weiteren Rahmen um die beiden Spalten und hinter den Text den dezenten Hintergrund. Wird der dezente Hintergrund bei der Inhaltsfläche verwendet, können Sie diesen beim Inhaltselement entfernen, da beide Bereiche über die Inhaltsfläche abgedeckt werden.
- Rahmen und Hintergründe müssen Sie natürlich nicht verwenden. Diese dienen hier im Beispiel nur der Visualisierung.
- Den inneren Abstand gibt es klein, mittel, groß oder extra groß. Mit px sind Pixel am Bildschirm gemeint. Der innere Abstand mittel hat default 20px im CMS, also 20 Pixel am Bildschirm.
- Hier bei den Beispielen haben wir den Abstand immer um den gesamten Bereich gelegt, also oben, links, unten, rechts. Sie können den Abstand z.B. auch nur oben und unten aktivieren und rechts sowie links deaktivieren, wenn das für Ihre Gestaltung besser passt. Ebenso kann auch nur bei einer Spalte ein Abstand verwendet werden und bei der anderen nicht.
- Je mehr Pixel von den Abständen dazukommen, desto mehr Wörter eines Textes werden in die nächste Zeile verschoben. Die Höhe der zwei Spalten richtet sich in den Auflösungen XL und L immer am Inhalt der Inhaltselemente aus, daher sind die Rahmen hier nicht exakt gleich. Bei den mobilen Auflösungen S und XS rutschen die Spalten untereinander, hier gleicht sich die Höhe der Spalten nicht an.
Hier gibt es jede Menge Gestaltungsmöglichkeiten 😄.
Sie haben Fragen zu den Stilen? Dann melden Sie sich bei uns. Wir helfen Ihnen gerne weiter.