https://www.websozicms.de/api.php?action=feedcontributions&feedformat=atom&user=MarhagggeWebSoziCMS Handbuch - Benutzerbeiträge [de]2026-06-15T09:27:39ZBenutzerbeiträgeMediaWiki 1.43.8https://www.websozicms.de/index.php?title=Wie_erstelle_ich_eine_Datenschutzerkl%C3%A4rung&diff=1263Wie erstelle ich eine Datenschutzerklärung2026-01-21T09:19:33Z<p>Marhaggge: </p>
<hr />
<div>Die Datenschutzerklärung lässt sich erstellen bzw. bearbeiten, in dem ihr entweder<br />
<br />
* die Datenschutzerklärung im eingeloggten Zustand aufruft und dann dort auf "Datenschutzerklärung bearbeiten" klickt<br />
<br />
* im Admin-Menü im Tab "Nachrichten und Seiten" auf "Datenschutzerklörung bearbeiten" klickt.<br />
<br />
Das Modul funktioniert auf die gleiche Weise wie das Impressumsmodul.<br />
<br />
Es öffnet sich ein Editor, in dem sich die Datenschutzerklärung erfassen lässt.<br />
<br />
Leider ist es uns nicht möglich, euch eine Vorlage an die Hand zu geben - das hat zum einen rechtliche Gründe - wir können keine Haftung für solch einen vorgegebenen Text übernehmen - zum anderen aber auch ganz praktische: Bei der Erstellung der Datenschutzerklärung kommt es stark auf die individuellen Verhältnisse auf der Seite an - also z.B. sind Drittanbieterdienste vorhanden und wie sind sie eingebunden, sind Formulare vorhanden und wenn ja was wird abgefragt. Das lässt sich zentral nicht ermitteln und solche Dienste nicht in der Datenschutzerklärung zu erwähnen kann juristisch Probleme bereiten (genauso wie allerdings auch etwas zu erwähnen, was gar nicht vorhanden ist). Zentral eine Datenschutzerklärung vorzugeben würde also letztendlich bedeuteten, die Möglichkeiten, die das WebSoziCMS bietet massiv beschneiden zu müssen, damit es auf euerer Webseite nichts von der Datenschutzerklärung abweichendes geben kann.<br />
<br />
Im Internet gibt es eine Vielzahl von Generatoren, die einem dabei helfen eine Datenschutzerklärung zu erstellen und die die Standardfälle meist recht gut abdecken . z.B. https://datenschutz-generator.de oder die Tools von erecht24 ( https://www.e-recht24.de )<br />
<br />
Im internen Bereich auf spd.de ( kampagne.spd.de ) gibt es zudem eine Kachel "Alle Infos zur DSGVO", unter der sich eine Übersicht und ein FAQ mit den Anforderungen für Ortsvereine befindet.<br />
<br />
== Was ist in der Datenschutzerklärung zu berücksichtigen ==<br />
<br />
* Logfiles<br />
Informationen zur Handhabung der Logfiles bei uns finden sich hier: https://support.unaone.net/hc/300841047/12/welche-logfiles-werden-gespeichert-und-wie-lange?category_id=3 Da dieses zur Gefahrenabwehr bzw. identifizierung technischer Störungen erfolgt ist diese Speicherung der DSVGO nach erlaubt. (Beim WebSoziCMS besteht die Besonderheit, dass Logfiles des WebSoziCMS-Auftrittes nicht in den eigenen Webspace kopiert werden können, die Einstellungen, die hierzu in der FAQ beschrieben werden haben also für die Domain der WebSozCMS-Installation keine Auswirkung)<br />
<br />
* Cookies<br />
Das WebSoziCMS nutzt - wie die meisten Webprogramme - sogenannte Session-Cookies. Diese lassen sich nicht personenbezogen auswerten und werden in aller Regel beim schließen des Browserfensters automatisch durch den Browser gelöscht. Session-Cookies sind eine Technologie, die sich in sehr vielen Web-Programmen (den meisten?) wiederfindet. Es ist umstritten, ob man diese Art von Cookies überhaupt erwähnen muss, aus Sicherheitsgründen würden wir es aber empfehlen (deswegen ist u.a. auch zentral der Cookie-Hinweis aktiviert worden)<br />
<br />
Sollte ihr das Umfragen-Modul verwendet werden wird dort zur Verhinderung von Mehrfachabstimmungen ein Cookie gesetzt, sobald an einer Umfrage teilgenommen wurde. Auch mit diesem Cookie sind keinerlei Auswertungen oder dgl. möglich (der Cookie enthält nur ein Kürzel für die Seite, auf der die Umfrage läuft und die ID der jeweiligen Umfrage)<br />
<br />
Bitte denkt auch daran, dass eingebundene Drittanbieterdienste häufig Cookies setzen - häufig auch im Sinne einer Datenschutzerklärung kritischere Dinge. Diese müssen selbstverständlich in der Datenschutzerklärung auch erwähnt werden (ob solche Cookies gesetzt werden kann man z.B. mit entsprechenden Plugins im Browser überprüfen, manche Browser (der Firefox z.B.) bieten auch in den Datenschutzeinstellungen eine Übersicht über die gespeicherten Cookies.<br />
<br />
* Formulare<br />
In den allermeisten Auftritten dürften Formulare enthalten sein - denkt daher daran, dass auch diese und die Behandlung der über das Formular eingegebene Daten in einer Datenschutzerklärung erwähnt werden sollen. Im WebSoziCMS selber wird davon nichts gespeichert, die Daten werden direkt per Mail (sofern von der Empfängermailadresse unterstützt über einen verschlüsselten Transport) an die im Formular definierte Mail-Adresse übermittelt<br />
<br />
* Kommentare + Gästebuch<br />
Solltet ihr Kommentare unter Artikeln erlauben bzw. das Gästebuch verwenden werden die eingegeben Namen und Mail-Adressen gespeichert (allerdings nicht überprüft, was auch gar nicht möglich wäre - es ist also problemlos möglich, irgendwelche Phantasiedinge einzugeben, die Mailadresse muss nur vom Aufbau her den Regel entsprechen)<br />
<br />
* Selbst eingebundene Dienste<br />
<br />
Weitergehende Auswertungen oder in einer Datenschutzerklärung zu erwähnenden Handlungen unsererseits erfolgen nicht, das WebSoziCMS selber speichert ansonsten weiter keine im Sinne einer Datenschutzerklärung relevanten Daten, also insbesondere auch keine IP-Adressen (nichtsdestotrotz müsst ihr natürlich Dienste erwähnen, die ihr selber eingebunden habt, also z.B. Analysesoftware wie Matomo oder Widgets von Sozialen Netzwerken oder ähnlichem)<br />
<br />
== Verlinkung der Datenschutzerklärung ==<br />
In moderneren Layouten (allen responsiven z.B.) ist die Datenschutzerklärung ähnlich wie das Impressum automatisch verlinkt. Nutzt ihr auf der Seite ein älteres Layout, müsst ihr diesen Menüpunkt evtl. manuell erstellen. Dazu ruft ihr im Tab "Blöcke" den Menüpunkt "Hauptmenü, neuer Menüpunkt" auf und wählt dort aus den öffentlichen Modulen das Modul "Datenschutzerklärung" aus. Da die Datenschutzerklärung leicht erreichbar sein soll empfielt es sich, den Menüpunkt in der Ebene 1 zu belassen, wenn das nicht geht ist eine Unterordnung z.B. unter einem Menüpunkt "Kontakt" z.B. evtl. auch noch in Ordnung.<br />
[[Kategorie:FAQ]]</div>Marhagggehttps://www.websozicms.de/index.php?title=Versionshistorie&diff=1251Versionshistorie2025-10-13T12:19:05Z<p>Marhaggge: </p>
<hr />
<div>Wir verwenden seit Ende 2020 ein sogenanntes Rolling-Release-Verfahren, d.h. es gibt im Prinzip keine Versionsnummern mehr. Größere Neuerungen werden im Newsbereich direkt in der Admin-Oberfläche im CMS angezeigt, ab 08/25 gibt es auch hier wieder ein Changelog.<br />
<br />
=== '''13.10.2025''' ===<br />
Die Reply-To Mail-Adresse wird jetzt zuverlässiger erkannt, z.B. auch wenn das Feld nicht als "email", sondern als "Text" deklariert wurde<br />
<br />
=== '''01.09.2025''' ===<br />
Diverse Anpasungen und Bugfixing bei Themes<br />
<br />
==== '''18.08.2025''' ====<br />
Mit dem Update heute gab es Veränderungen am Formularmodul:<br />
- die Übersicht der Formulare wurde gefixt und ist jetzt wieder übersichtlicher (was so ein kleines </div> an der falschen Stelle doch ausmachen kann)<br />
<br />
- das Feld mail_two, was eigentlich nur für interne Zwecke gedacht ist wird in der versendeten Mail nun nicht mehr ausgegeben<br />
<br />
- es gibt jetzt die Möglichkeit, unter einem selbst erstellten Formular einen Hinweis auf die Datenschutzerklärung einblenden zu lassen (siehe dazu auch Hinweis im News-Bereich innerhalb des WebSozICMSes vom 23.06.2025 "Änderungen bei der Datenschutzerklärung für automatisch generierte Formulare") - das ganze beim Erstellen des Formulars im letzten Schritt, wo z.B. auch die Ziel-Mail-Adresse festgelegt wird<br />
<br />
- Beim Feld reply-to gab es einen Bug, sodass dieses Feld meistens nicht ordentlich gesetzt wurde - dieser wurde gefixt. Was bedeutet das ganze? Normalerweise gehen Antworten auf eine Mail an den Absender der Mail, auf die geantwortet werden soll. Nun gibt es aber Probleme, wenn man bei einem Webformular einfach die eingegebene Mail-Adresse als Absender setzt - die Mails werden ja über den Mailserver (in diesem Fall) vom WebSoziCMS versendet, der aber unter Umständen für die eingegebene Mail-Adresse gar nicht zuständig ist. Das würde nicht funktionieren und selbst wenn man es durchlassen würde spätestens beim Empfänger der Mail dafür sorgen, dass die Mail als Spam aussortiert wird. Daher setzt das WebSoziCMS einen "Systemabsender", Mails vom WebSoziCMS kommen immer vom Absender no-reply@wscms.de. Soweit so gut, wenn man jetzt aber im Mail-Programm auf "Antworten" klickt würde auch die Antwort an no-reply@wscms.de gehen, man müsste die Mail-Adresse, an die die Mail gehen soll manuell austauschen. Das ist natürlich eher Sub-Optimal, dafür gibt es das Feld "reply-to" in einer Mail - damit kann eine vom Versender abweichende Mail-Adresse für Antworten auf diese Mail gesetzt werden. Dieses Feld gab es auch im WebSoziCMS schon immer, aber nun wird es auch auf jeden Fall ordentlich gesetzt (übrigens immer mit dem ersten "email"-Feld in einem Formular)<br />
<br />
== Ältere Versionen ==<br />
* [[Version 3.9]]<br />
* [[Version 3.8]]<br />
* [[Version 3.7]]<br />
* [[Version 3.6]]<br />
* [[Version 3.5]]<br />
* [[Version 3.4]]<br />
* [[Version 3.3]]<br />
* [[Version 3.2]]<br />
* [[Version 3.1]]<br />
* [[Version 3.0]]<br />
<br />
<br />
__NOTOC__</div>Marhagggehttps://www.websozicms.de/index.php?title=Versionshistorie&diff=1250Versionshistorie2025-09-02T18:14:18Z<p>Marhaggge: /* 01.09.2025 */</p>
<hr />
<div>Wir verwenden seit Ende 2020 ein sogenanntes Rolling-Release-Verfahren, d.h. es gibt im Prinzip keine Versionsnummern mehr. Größere Neuerungen werden im Newsbereich direkt in der Admin-Oberfläche im CMS angezeigt, ab 08/25 gibt es auch hier wieder ein Changelog.<br />
<br />
=== '''01.09.2025''' ===<br />
Diverse Anpasungen und Bugfixing bei Themes<br />
<br />
==== '''18.08.2025''' ====<br />
Mit dem Update heute gab es Veränderungen am Formularmodul:<br />
- die Übersicht der Formulare wurde gefixt und ist jetzt wieder übersichtlicher (was so ein kleines </div> an der falschen Stelle doch ausmachen kann)<br />
<br />
- das Feld mail_two, was eigentlich nur für interne Zwecke gedacht ist wird in der versendeten Mail nun nicht mehr ausgegeben<br />
<br />
- es gibt jetzt die Möglichkeit, unter einem selbst erstellten Formular einen Hinweis auf die Datenschutzerklärung einblenden zu lassen (siehe dazu auch Hinweis im News-Bereich innerhalb des WebSozICMSes vom 23.06.2025 "Änderungen bei der Datenschutzerklärung für automatisch generierte Formulare") - das ganze beim Erstellen des Formulars im letzten Schritt, wo z.B. auch die Ziel-Mail-Adresse festgelegt wird<br />
<br />
- Beim Feld reply-to gab es einen Bug, sodass dieses Feld meistens nicht ordentlich gesetzt wurde - dieser wurde gefixt. Was bedeutet das ganze? Normalerweise gehen Antworten auf eine Mail an den Absender der Mail, auf die geantwortet werden soll. Nun gibt es aber Probleme, wenn man bei einem Webformular einfach die eingegebene Mail-Adresse als Absender setzt - die Mails werden ja über den Mailserver (in diesem Fall) vom WebSoziCMS versendet, der aber unter Umständen für die eingegebene Mail-Adresse gar nicht zuständig ist. Das würde nicht funktionieren und selbst wenn man es durchlassen würde spätestens beim Empfänger der Mail dafür sorgen, dass die Mail als Spam aussortiert wird. Daher setzt das WebSoziCMS einen "Systemabsender", Mails vom WebSoziCMS kommen immer vom Absender no-reply@wscms.de. Soweit so gut, wenn man jetzt aber im Mail-Programm auf "Antworten" klickt würde auch die Antwort an no-reply@wscms.de gehen, man müsste die Mail-Adresse, an die die Mail gehen soll manuell austauschen. Das ist natürlich eher Sub-Optimal, dafür gibt es das Feld "reply-to" in einer Mail - damit kann eine vom Versender abweichende Mail-Adresse für Antworten auf diese Mail gesetzt werden. Dieses Feld gab es auch im WebSoziCMS schon immer, aber nun wird es auch auf jeden Fall ordentlich gesetzt (übrigens immer mit dem ersten "email"-Feld in einem Formular)<br />
<br />
== Ältere Versionen ==<br />
* [[Version 3.9]]<br />
* [[Version 3.8]]<br />
* [[Version 3.7]]<br />
* [[Version 3.6]]<br />
* [[Version 3.5]]<br />
* [[Version 3.4]]<br />
* [[Version 3.3]]<br />
* [[Version 3.2]]<br />
* [[Version 3.1]]<br />
* [[Version 3.0]]<br />
<br />
<br />
__NOTOC__</div>Marhagggehttps://www.websozicms.de/index.php?title=Versionshistorie&diff=1249Versionshistorie2025-09-02T18:13:50Z<p>Marhaggge: /* ‘‘‘01.09.2025‘‘‘ */</p>
<hr />
<div>Wir verwenden seit Ende 2020 ein sogenanntes Rolling-Release-Verfahren, d.h. es gibt im Prinzip keine Versionsnummern mehr. Größere Neuerungen werden im Newsbereich direkt in der Admin-Oberfläche im CMS angezeigt, ab 08/25 gibt es auch hier wieder ein Changelog.<br />
<br />
=== 01.09.2025 ===<br />
Diverse Anpasungen und Bugfixing bei Themes<br />
<br />
==== '''18.08.2025''' ====<br />
Mit dem Update heute gab es Veränderungen am Formularmodul:<br />
- die Übersicht der Formulare wurde gefixt und ist jetzt wieder übersichtlicher (was so ein kleines </div> an der falschen Stelle doch ausmachen kann)<br />
<br />
- das Feld mail_two, was eigentlich nur für interne Zwecke gedacht ist wird in der versendeten Mail nun nicht mehr ausgegeben<br />
<br />
- es gibt jetzt die Möglichkeit, unter einem selbst erstellten Formular einen Hinweis auf die Datenschutzerklärung einblenden zu lassen (siehe dazu auch Hinweis im News-Bereich innerhalb des WebSozICMSes vom 23.06.2025 "Änderungen bei der Datenschutzerklärung für automatisch generierte Formulare") - das ganze beim Erstellen des Formulars im letzten Schritt, wo z.B. auch die Ziel-Mail-Adresse festgelegt wird<br />
<br />
- Beim Feld reply-to gab es einen Bug, sodass dieses Feld meistens nicht ordentlich gesetzt wurde - dieser wurde gefixt. Was bedeutet das ganze? Normalerweise gehen Antworten auf eine Mail an den Absender der Mail, auf die geantwortet werden soll. Nun gibt es aber Probleme, wenn man bei einem Webformular einfach die eingegebene Mail-Adresse als Absender setzt - die Mails werden ja über den Mailserver (in diesem Fall) vom WebSoziCMS versendet, der aber unter Umständen für die eingegebene Mail-Adresse gar nicht zuständig ist. Das würde nicht funktionieren und selbst wenn man es durchlassen würde spätestens beim Empfänger der Mail dafür sorgen, dass die Mail als Spam aussortiert wird. Daher setzt das WebSoziCMS einen "Systemabsender", Mails vom WebSoziCMS kommen immer vom Absender no-reply@wscms.de. Soweit so gut, wenn man jetzt aber im Mail-Programm auf "Antworten" klickt würde auch die Antwort an no-reply@wscms.de gehen, man müsste die Mail-Adresse, an die die Mail gehen soll manuell austauschen. Das ist natürlich eher Sub-Optimal, dafür gibt es das Feld "reply-to" in einer Mail - damit kann eine vom Versender abweichende Mail-Adresse für Antworten auf diese Mail gesetzt werden. Dieses Feld gab es auch im WebSoziCMS schon immer, aber nun wird es auch auf jeden Fall ordentlich gesetzt (übrigens immer mit dem ersten "email"-Feld in einem Formular)<br />
<br />
== Ältere Versionen ==<br />
* [[Version 3.9]]<br />
* [[Version 3.8]]<br />
* [[Version 3.7]]<br />
* [[Version 3.6]]<br />
* [[Version 3.5]]<br />
* [[Version 3.4]]<br />
* [[Version 3.3]]<br />
* [[Version 3.2]]<br />
* [[Version 3.1]]<br />
* [[Version 3.0]]<br />
<br />
<br />
__NOTOC__</div>Marhagggehttps://www.websozicms.de/index.php?title=Versionshistorie&diff=1248Versionshistorie2025-09-02T18:13:02Z<p>Marhaggge: </p>
<hr />
<div>Wir verwenden seit Ende 2020 ein sogenanntes Rolling-Release-Verfahren, d.h. es gibt im Prinzip keine Versionsnummern mehr. Größere Neuerungen werden im Newsbereich direkt in der Admin-Oberfläche im CMS angezeigt, ab 08/25 gibt es auch hier wieder ein Changelog.<br />
<br />
=== ‘‘‘01.09.2025‘‘‘ ===<br />
Diverse Anpasungen und Bugfixing bei Themes<br />
<br />
==== '''18.08.2025''' ====<br />
Mit dem Update heute gab es Veränderungen am Formularmodul:<br />
- die Übersicht der Formulare wurde gefixt und ist jetzt wieder übersichtlicher (was so ein kleines </div> an der falschen Stelle doch ausmachen kann)<br />
<br />
- das Feld mail_two, was eigentlich nur für interne Zwecke gedacht ist wird in der versendeten Mail nun nicht mehr ausgegeben<br />
<br />
- es gibt jetzt die Möglichkeit, unter einem selbst erstellten Formular einen Hinweis auf die Datenschutzerklärung einblenden zu lassen (siehe dazu auch Hinweis im News-Bereich innerhalb des WebSozICMSes vom 23.06.2025 "Änderungen bei der Datenschutzerklärung für automatisch generierte Formulare") - das ganze beim Erstellen des Formulars im letzten Schritt, wo z.B. auch die Ziel-Mail-Adresse festgelegt wird<br />
<br />
- Beim Feld reply-to gab es einen Bug, sodass dieses Feld meistens nicht ordentlich gesetzt wurde - dieser wurde gefixt. Was bedeutet das ganze? Normalerweise gehen Antworten auf eine Mail an den Absender der Mail, auf die geantwortet werden soll. Nun gibt es aber Probleme, wenn man bei einem Webformular einfach die eingegebene Mail-Adresse als Absender setzt - die Mails werden ja über den Mailserver (in diesem Fall) vom WebSoziCMS versendet, der aber unter Umständen für die eingegebene Mail-Adresse gar nicht zuständig ist. Das würde nicht funktionieren und selbst wenn man es durchlassen würde spätestens beim Empfänger der Mail dafür sorgen, dass die Mail als Spam aussortiert wird. Daher setzt das WebSoziCMS einen "Systemabsender", Mails vom WebSoziCMS kommen immer vom Absender no-reply@wscms.de. Soweit so gut, wenn man jetzt aber im Mail-Programm auf "Antworten" klickt würde auch die Antwort an no-reply@wscms.de gehen, man müsste die Mail-Adresse, an die die Mail gehen soll manuell austauschen. Das ist natürlich eher Sub-Optimal, dafür gibt es das Feld "reply-to" in einer Mail - damit kann eine vom Versender abweichende Mail-Adresse für Antworten auf diese Mail gesetzt werden. Dieses Feld gab es auch im WebSoziCMS schon immer, aber nun wird es auch auf jeden Fall ordentlich gesetzt (übrigens immer mit dem ersten "email"-Feld in einem Formular)<br />
<br />
== Ältere Versionen ==<br />
* [[Version 3.9]]<br />
* [[Version 3.8]]<br />
* [[Version 3.7]]<br />
* [[Version 3.6]]<br />
* [[Version 3.5]]<br />
* [[Version 3.4]]<br />
* [[Version 3.3]]<br />
* [[Version 3.2]]<br />
* [[Version 3.1]]<br />
* [[Version 3.0]]<br />
<br />
<br />
__NOTOC__</div>Marhagggehttps://www.websozicms.de/index.php?title=Datei:Spdbw2021_iphone.png&diff=1083Datei:Spdbw2021 iphone.png2020-10-09T12:58:15Z<p>Marhaggge: Marhaggge lud eine neue Version von Datei:Spdbw2021 iphone.png hoch</p>
<hr />
<div></div>Marhagggehttps://www.websozicms.de/index.php?title=Datei:Spdbw2021.png&diff=1082Datei:Spdbw2021.png2020-10-09T12:54:24Z<p>Marhaggge: Marhaggge lud eine neue Version von Datei:Spdbw2021.png hoch</p>
<hr />
<div></div>Marhagggehttps://www.websozicms.de/index.php?title=Versionshistorie&diff=1081Versionshistorie2020-10-05T09:13:30Z<p>Marhaggge: </p>
<hr />
<div>== 3.9 am 5.10.2020 ==<br />
* verschiedene Bugfixes<br />
* Update verschiedener Fremd-Bibliotheken auf aktuelle Versionen<br />
* Auswahl 0 bei "Anzahl Nachrichten auf der Startseite" und "Anzahl weiterer Nachrichten in Kurzform" unter "Einstellungen/Einstellungen für die Durchreiche und Kommentare" deaktiviert jetzt die Artikelanzeige auf der Startseite vollkommen (inklusive Link zum Artikelarchiv und Link zum RSS-Feed)<br />
<br />
<br />
== Ältere Versionen ==<br />
* [[Version 3.8]]<br />
* [[Version 3.7]]<br />
* [[Version 3.6]]<br />
* [[Version 3.5]]<br />
* [[Version 3.4]]<br />
* [[Version 3.3]]<br />
* [[Version 3.2]]<br />
* [[Version 3.1]]<br />
* [[Version 3.0]]<br />
<br />
<br />
__NOTOC__</div>Marhagggehttps://www.websozicms.de/index.php?title=Version_3.8&diff=1080Version 3.82020-10-05T09:11:04Z<p>Marhaggge: Die Seite wurde neu angelegt: „* Neue Übersicht der eingerichteten Seiten bei "Seite bearbeiten" mit dynamischen Sortier- und Filtermöglichkeiten * die öffentliche Ansicht im Kalender ist…“</p>
<hr />
<div>* Neue Übersicht der eingerichteten Seiten bei "Seite bearbeiten" mit dynamischen Sortier- und Filtermöglichkeiten<br />
* die öffentliche Ansicht im Kalender ist leicht verändert - die Unterscheidung "öffentlich, parteiöffentlich, nicht öffentlich und privat" ist deutlicher zu sehen, ausserdem wurden die Exportmöglichkeiten verdeutlicht bzw. um einen Direkt-Export zum Google-Kalender ergänzt<br />
* es besteht nun die Möglichkeit, den Login zur Homepage durch einen 2-Faktor (per App, z.B. Google Authentifikator oder viele Passwort-Manager haben sowas eingebaut) abzusichern<br />
* Auf Wunsch wird ein Admin per Mail an die hinterlegte Mail-Adresse benachrichtigt, wenn sich mit seinem Login in der Homepage eingeloggt wurde<br />
* Das Gästebuch enthält nun eine Einwilligung in die Datenverarbeitung beim Schreiben eines Eintrages<br />
* auf Wunsch besteht die Möglichkeit, Einbindungen (derzeit nur Youtube und Vimeo) automatisch mit einer 2-Click-Lösung zu versehen. Der Benutzer muss damit die Datenübertragung an diese Dienste explizit erlauben, was mit dem Datenschutz eher verträglich sein dürfte als die direkte, sofortige Einbindung, wo es keine Möglichkeit gibt die Datenübertragung zu verhindern. Bei Youtube-Videos wird zudem automatisch der datensparsame Modus gesetzt<br />
* das Hilfe-System wurde begonnen zu überarbeiten (vor allem im Tab Einstellungen). Die Hilfetexte sind dort teilweise nicht mehr unterhalb der Seite zu finden, sondern direkt beim jeweiligen Abschnitt über einen Hilfe-Button in einem Fenster<br />
* das Projekt "Aufrischung der Icons" (also die Symbole zum Editieren, löschen etc.pp) wurde weiter durchgeführt</li></div>Marhagggehttps://www.websozicms.de/index.php?title=Versionshistorie&diff=1079Versionshistorie2020-10-05T09:10:58Z<p>Marhaggge: </p>
<hr />
<div>== 3.8 am 7.2.2019 ==<br />
* Neue Übersicht der eingerichteten Seiten bei "Seite bearbeiten" mit dynamischen Sortier- und Filtermöglichkeiten<br />
* die öffentliche Ansicht im Kalender ist leicht verändert - die Unterscheidung "öffentlich, parteiöffentlich, nicht öffentlich und privat" ist deutlicher zu sehen, ausserdem wurden die Exportmöglichkeiten verdeutlicht bzw. um einen Direkt-Export zum Google-Kalender ergänzt<br />
* es besteht nun die Möglichkeit, den Login zur Homepage durch einen 2-Faktor (per App, z.B. Google Authentifikator oder viele Passwort-Manager haben sowas eingebaut) abzusichern<br />
* Auf Wunsch wird ein Admin per Mail an die hinterlegte Mail-Adresse benachrichtigt, wenn sich mit seinem Login in der Homepage eingeloggt wurde<br />
* Das Gästebuch enthält nun eine Einwilligung in die Datenverarbeitung beim Schreiben eines Eintrages<br />
* auf Wunsch besteht die Möglichkeit, Einbindungen (derzeit nur Youtube und Vimeo) automatisch mit einer 2-Click-Lösung zu versehen. Der Benutzer muss damit die Datenübertragung an diese Dienste explizit erlauben, was mit dem Datenschutz eher verträglich sein dürfte als die direkte, sofortige Einbindung, wo es keine Möglichkeit gibt die Datenübertragung zu verhindern. Bei Youtube-Videos wird zudem automatisch der datensparsame Modus gesetzt<br />
* das Hilfe-System wurde begonnen zu überarbeiten (vor allem im Tab Einstellungen). Die Hilfetexte sind dort teilweise nicht mehr unterhalb der Seite zu finden, sondern direkt beim jeweiligen Abschnitt über einen Hilfe-Button in einem Fenster<br />
* das Projekt "Aufrischung der Icons" (also die Symbole zum Editieren, löschen etc.pp) wurde weiter durchgeführt</li><br />
<br />
<br />
== Ältere Versionen ==<br />
* [[Version 3.8]]<br />
* [[Version 3.7]]<br />
* [[Version 3.6]]<br />
* [[Version 3.5]]<br />
* [[Version 3.4]]<br />
* [[Version 3.3]]<br />
* [[Version 3.2]]<br />
* [[Version 3.1]]<br />
* [[Version 3.0]]<br />
<br />
<br />
__NOTOC__</div>Marhagggehttps://www.websozicms.de/index.php?title=Websozis2020&diff=1074Websozis20202020-10-02T08:21:42Z<p>Marhaggge: </p>
<hr />
<div>Das Layout websozis2020 ist eine Eigenentwicklung der WebSozis, also nicht an offizielle Layoute angelehnt (in der Farbgebung allerdings grob an die aktuelle Version von spd.de).<br />
<br />
Bei diesem Layout befinden sich die Block/Widget-Bereiche oben unter dem Kopfbanner / über dem Hauptinhalt sowie unten unter dem Hauptinhalt. <br />
<br />
Die Artikel werden dreispaltig nebeneinander angeordnet (Reihen entsprechend der Zahl der angezeigten Artikel), die Zahl der Artikel auf der Startseite (wie auch auf Folgeseiten) sollte daher '''3 oder ein vielfaches von 3 betragen''' (Tab "Einstellungen" -> "[[Einstellungen_für_die_Durchreiche_und_Kommentare|Einstellungen für die Durchreiche und Kommentare]]"<br />
<br />
'''Die "Teasertexte" (Text auf der Startseite / in der Durchreiche) für Artikel sollten bei diesem Layout sehr kurz gehalten sein, da es ansonsten zu unschönen langen Spalten kommen kann (die Höhe der Spalte orientiert sich am Inhalt der längsten Spalte einer Reihe)''' Das Artikelbild wird oberhalb des Textes als "Kopf" der Artikelbox angezeigt. Wir empfehlen für Artikelbilder eine Mindestbreite von 330Pixel, damit die "Kopfbildbox" voll ausgefüllt ist.<br />
<br />
Dieses Layout eignet sich von seinem Aufbau her sehr gut um Kachellayoute zu realisieren.<br />
<br />
__TOC__<br />
[[Datei:websozis2020.png|mini|600px|gerahmt|zentriert|Layout websozis2020 - in einem Desktopbrowser]]<br />
<br />
Es ist mit allen modernen Browsern kompatibel, lediglich der InternetExplorer muss die Version 10 oder höher haben.<br />
<br />
Das Layout kann mit in Abhängigkeit vom Menüpunkt wechselnden Header-Bildern eingerichtet werden (nur für die Menüpunkt der ersten Ebene). Dazu ladet ihr die gewünschte Grafik im Tab "Nachrichten und Seiten" bei "Bilder oder MP3s hochladen / ändern" in das WebSoziCMS. Als Suchbegriff im Bereich "Einstellungen" gebt ihr dann die Bezeichnung des Menüpunktes ein. Wichtig: die Grafik muss die absolut gleichen Abmessungen wie das Default-Header-Bild haben. Letzteres wird bei allen Menüpunkten angezeigt, für die kein individuelles Header-Bild definiert ist.<br />
<br />
Das Layout unterstützt die [[Wie_wird_die_Newsbox_genutzt|Newsbox]], diese befindet sich im Bereich des Headerbildes auf der Startseite<br />
<br />
<br />
== Responsives Layout ==<br />
websozis2020 ist ein responsives Layout, d.h. die Ansicht passt sich der Auflösung an, mit der die Webseite betrachtet wird. Auf Smartphones wandelt sich beispielsweise die Navigation von einer horizontalen Leiste zu einem Drop-Down-Menü. Bilder (vom System wie auch manuell eingefügte) werden ebenfalls automatisch in der Größe angepasst.<br />
<br />
[[Datei:websozis2020_iphone.png|mini|300px|zentriert|Layout websozis2020- auf einem IPhone]]<br />
<br />
Das Hauptmenü sollte in Abhängigkeit von der Länge der Menübezeichnungen nicht mehr als 4-5 Menüpunkte auf der ersten Ebene haben. Da sich das Layout der Größe des Ausgabegerätes anpasst kann es ansonsten auf kleineren Ausgabegeräten (Tablets z.B.) zu unschön aussehenden 2-reihigen Hauptmenüs kommen<br />
<br />
== Eingebettete Inhalte fremder Quellen (z.B. iframe) ==<br />
<br />
Bei eingebetteten Inhalten anderer Anbieter (z.B. Youtube-Videos, Facebook-Badges oder ähnliches) ist es nicht möglich, diese Inhalte schon systemseits rsponsiv zu machen (im Gegensatz zu den Grafiken/Bildern). Oft ist es möglich, von den Anbietern dieser Dienste auch responsiven Quell-Code zu erhalten. Sollte es das nicht geben besteht die Möglichkeit, diese Inhalte durch etwas zusätzliches HTML nach folgendem Muster responsiv zu machen:<br />
<br />
<pre><br />
<!-- 21:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-21by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 16:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-16by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 4:3 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-4by3"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 1:1 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-1by1"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
</pre><br />
<br />
Diese Ergänzungen sind für <iframe>, <embed>, <video> und <object>-HTML-Tags möglich.<br />
<br />
== Abmessungen ==<br />
<br />
Die Abmessungen sind die maximalen Werte in einer Bildschirmbreite größer als 1200 Pixel. Darunter erfolgt die responsive Darstellung, die ggf. automatisch auf kleinere Werte skaliert.<br />
<br />
{| class="wikitable"<br />
|-<br />
! Bildposition !! Breite !! Höhe !! Bildposition !! Breite !! Höhe<br />
|-<br />
| Logol || 100px || 100px || Kopfbanner || 1110px || 300px<br />
|-<br />
| Blöcke unter dem Kopfbanner|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|-<br />
| Blöcke unter dem Hauptinhalt|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|}<br />
<br />
Im Tab "Blöcke" -> "Blöcke unter dem Kopfbanner" kann ausgewählt werden, ob die "Blöcke unter dem Kopfbanner" nur auf der Startseite angezeigt werden sollen (Standard) oder auf allen Seiten.<br />
<br />
=== Kofbanner ===<br />
Bitte berücksichtigt bei der Erstellung eines individuellen Kopfbanners, dass dieses in diesem Layout bei kleineren Ausgabegrößen gleichmäßig von rechts und links ausgeblendet wird.<br />
<br />
Das Motiv sollte daher entsprechend gewählt werden, für die Aussagekraft des Kopfbanners wichtige Informationen sollten sich daher in der Mitte des Banners befinden.<br />
<br />
Ebenso sollte das Kopfbanner keinen in die Grafik integrierten Text enthalten, da dieser möglicherweise nicht vollständig angezeigt wird. Für die Beschriftung des Kopfbanners könnt ihr einen entsprechenden Text im Tab "Einstellungen" bei "Homepage einrichten" eingeben (Titel der Seite erscheint etwas größer als erste Zeile, Kurzbeschreibung ggf. etwas kleiner darunter). Dieser Text skaliert automatisch mit verschiedenen Bildschirmgrößen mit.<br />
<br />
== bekannte Probleme ==<br />
* beim anlegen einer Seite besteht die Möglichkeit, verschiedene Seitenlayoute auszuwählen. Hier sollten die Seitenlayoute "ohne Tabellen" gewählt werden, da es mit Tabellen zu Darstellungsproblemen kommen kann (die Darstellung mit Tabellen ist sowieso stark veraltet und sollte "neu" generell nicht mehr verwendet werden)<br />
<br />
== Modifikationen ==<br />
<br />
Das Layout websozis2020 steht auch als [[websozis2020_alternate]] zur Verfügung. Die Anordnung der Artikel erfolgt hierbei untereinander und nicht in Spalten.<br />
<br />
=== Ausblenden des Logos ===<br />
Wenn ihr das Logo ausblenden wollt könnt ihr folgenden Code verwenden (Eingabe im Tab "Einstellungen" bei "[[Metatags]]")<br />
<br />
<pre><br />
<style type="text/css" media="screen, projection"><br />
<!--<br />
<br />
#logo {<br />
display: none;<br />
}<br />
--><br />
</style><br />
</pre><br />
<br />
== Bootstrap ==<br />
Das Layout websozis2020 basiert auf Bootstrap in der Version 4.5, einem beliebten und weit verbreiteten CSS-Framework. Das hat den Vorteil, dass ihr viele CSS-Hilfsklassen aus dem Framework auch für eigene Inhalte nutzen könnt - z.B. für Tabellen hier: https://getbootstrap.com/docs/4.5/content/tables/<br />
<br />
== Wechsel des Themes / Layoutes einer Homepage ==<br />
<br />
Eine Anleitung findet sich [[Wechsel_des_Themes_(Layoutes)_einer_Homepage|hier]]</div>Marhagggehttps://www.websozicms.de/index.php?title=Websozis2020_alternate&diff=1073Websozis2020 alternate2020-10-02T08:21:17Z<p>Marhaggge: </p>
<hr />
<div>Das Layout websozis2020_alternate ist eine Eigenentwicklung der WebSozis, also nicht an offizielle Layoute angelehnt (in der Farbgebung allerdings grob an die aktuelle Version von spd.de).<br />
<br />
Bei diesem Layout befinden sich die Block/Widget-Bereiche oben unter dem Kopfbanner / über dem Hauptinhalt sowie unten unter dem Hauptinhalt.<br />
<br />
Die Artikel werden jeweils in einer Reihe untereinander angeordnet.Das Artikelbild wird links neben dem Text des Artikels anzeigt. Wir empfehlen für Artikelbilder eine Mindestbreite von 330 Pixel.<br />
<br />
Dieses Layout eignet sich von seinem Aufbau her sehr gut um Kachellayoute zu realisieren.<br />
<br />
__TOC__<br />
[[Datei:websozis2020_alternate.png|mini|600px|gerahmt|zentriert|Layout websozis2020_alternate - in einem Desktopbrowser]]<br />
<br />
Es ist mit allen modernen Browsern kompatibel, lediglich der InternetExplorer muss die Version 10 oder höher haben.<br />
<br />
Das Layout kann mit in Abhängigkeit vom Menüpunkt wechselnden Header-Bildern eingerichtet werden (nur für die Menüpunkt der ersten Ebene). Dazu ladet ihr die gewünschte Grafik im Tab "Nachrichten und Seiten" bei "Bilder oder MP3s hochladen / ändern" in das WebSoziCMS. Als Suchbegriff im Bereich "Einstellungen" gebt ihr dann die Bezeichnung des Menüpunktes ein. Wichtig: die Grafik muss die absolut gleichen Abmessungen wie das Default-Header-Bild haben. Letzteres wird bei allen Menüpunkten angezeigt, für die kein individuelles Header-Bild definiert ist.<br />
<br />
Das Layout unterstützt die [[Wie_wird_die_Newsbox_genutzt|Newsbox]], diese befindet sich im Bereich des Headerbildes auf der Startseite<br />
<br />
<br />
== Responsives Layout ==<br />
websozis2020_alternate ist ein responsives Layout, d.h. die Ansicht passt sich der Auflösung an, mit der die Webseite betrachtet wird. Auf Smartphones wandelt sich beispielsweise die Navigation von einer horizontalen Leiste zu einem Drop-Down-Menü. Bilder (vom System wie auch manuell eingefügte) werden ebenfalls automatisch in der Größe angepasst.<br />
<br />
[[Datei:websozis2020_alternate_iphone.png|mini|300px|zentriert|Layout websozis2020_alternate - auf einem IPhone]]<br />
<br />
Das Hauptmenü sollte in Abhängigkeit von der Länge der Menübezeichnungen nicht mehr als 4-5 Menüpunkte auf der ersten Ebene haben. Da sich das Layout der Größe des Ausgabegerätes anpasst kann es ansonsten auf kleineren Ausgabegeräten (Tablets z.B.) zu unschön aussehenden 2-reihigen Hauptmenüs kommen<br />
<br />
== Eingebettete Inhalte fremder Quellen (z.B. iframe) ==<br />
<br />
Bei eingebetteten Inhalten anderer Anbieter (z.B. Youtube-Videos, Facebook-Badges oder ähnliches) ist es nicht möglich, diese Inhalte schon systemseits responsiv zu machen (im Gegensatz zu den Grafiken/Bildern). Oft ist es möglich, von den Anbietern dieser Dienste auch responsiven Quell-Code zu erhalten. Sollte es das nicht geben besteht die Möglichkeit, diese Inhalte durch etwas zusätzliches HTML nach folgendem Muster responsiv zu machen:<br />
<br />
<pre><br />
<!-- 21:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-21by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 16:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-16by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 4:3 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-4by3"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 1:1 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-1by1"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
</pre><br />
<br />
Diese Ergänzungen sind für <iframe>, <embed>, <video> und <object>-HTML-Tags möglich.<br />
<br />
== Abmessungen ==<br />
<br />
Die Abmessungen sind die maximalen Werte in einer Bildschirmbreite größer als 1200 Pixel. Darunter erfolgt die responsive Darstellung, die ggf. automatisch auf kleinere Werte skaliert.<br />
<br />
{| class="wikitable"<br />
|-<br />
! Bildposition !! Breite !! Höhe !! Bildposition !! Breite !! Höhe<br />
|-<br />
| Logol || 100px || 100px || Kopfbanner || 1110px || 300px<br />
|-<br />
| Blöcke unter dem Kopfbanner|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|-<br />
| Blöcke unter dem Hauptinhalt|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|}<br />
<br />
Im Tab "Blöcke" -> "Blöcke unter dem Kopfbanner" kann ausgewählt werden, ob die "Blöcke unter dem Kopfbanner" nur auf der Startseite angezeigt werden sollen (Standard) oder auf allen Seiten.<br />
<br />
=== Kofbanner ===<br />
Bitte berücksichtigt bei der Erstellung eines individuellen Kopfbanners, dass dieses in diesem Layout bei kleineren Ausgabegrößen gleichmäßig von rechts und links ausgeblendet wird.<br />
<br />
Das Motiv sollte daher entsprechend gewählt werden, für die Aussagekraft des Kopfbanners wichtige Informationen sollten sich daher in der Mitte des Banners befinden.<br />
<br />
Ebenso sollte das Kopfbanner keinen in die Grafik integrierten Text enthalten, da dieser möglicherweise nicht vollständig angezeigt wird. Für die Beschriftung des Kopfbanners könnt ihr einen entsprechenden Text im Tab "Einstellungen" bei "Homepage einrichten" eingeben (Titel der Seite erscheint etwas größer als erste Zeile, Kurzbeschreibung ggf. etwas kleiner darunter). Dieser Text skaliert automatisch mit verschiedenen Bildschirmgrößen mit.<br />
<br />
== bekannte Probleme ==<br />
* beim anlegen einer Seite besteht die Möglichkeit, verschiedene Seitenlayoute auszuwählen. Hier sollten die Seitenlayoute "ohne Tabellen" gewählt werden, da es mit Tabellen zu Darstellungsproblemen kommen kann (die Darstellung mit Tabellen ist sowieso stark veraltet und sollte "neu" generell nicht mehr verwendet werden)<br />
<br />
== Modifikationen ==<br />
<br />
Das Layout websozis2020_alternate steht auch als [[websozis2020]] zur Verfügung. Die Anordnung der Artikel erfolgt hierbei in 3 Spalten nebeneinander (und Reihen entsprechend der Zahl der angezeigten Artikel)<br />
<br />
=== Ausblenden des Logos ===<br />
Wenn ihr das Logo ausblenden wollt könnt ihr folgenden Code verwenden (Eingabe im Tab "Einstellungen" bei "[[Metatags]]")<br />
<br />
<pre><br />
<style type="text/css" media="screen, projection"><br />
<!--<br />
<br />
#logo {<br />
display: none;<br />
}<br />
--><br />
</style><br />
</pre><br />
<br />
== Bootstrap ==<br />
Das Layout websozis2020_alternate basiert auf Bootstrap in der Version 4.5, einem beliebten und weit verbreiteten CSS-Framework. Das hat den Vorteil, dass ihr viele CSS-Hilfsklassen aus dem Framework auch für eigene Inhalte nutzen könnt - z.B. für Tabellen hier: https://getbootstrap.com/docs/4.5/content/tables/<br />
<br />
== Wechsel des Themes / Layoutes einer Homepage ==<br />
<br />
Eine Anleitung findet sich [[Wechsel_des_Themes_(Layoutes)_einer_Homepage|hier]]</div>Marhagggehttps://www.websozicms.de/index.php?title=Layout%C3%BCbersicht&diff=1065Layoutübersicht2020-09-28T12:27:37Z<p>Marhaggge: </p>
<hr />
<div>[[Kategorie:Layoute]]<br />
Hier findest Du eine Übersicht aller Layoute mit Hinweisen und User-Modifikationen. Alle Layoute (es sei denn es wäre anders vermerkt) sind responsiv, passen sich also unterschiedlichen Ausgabegrößen an<br />
<br />
Wie man ein Layout wechselt ist hier beschrieben: [[Wechsel_des_Themes_(Layoutes)_einer_Homepage|Wechsel des Themes einer Homepage]]<br />
<br />
== Layoute der WebSozis ==<br />
* [[websozis2020]] <br />
* [[websozis2020_alternate]] <br />
* [[websozis2018]]<br />
* [[websozis2018_cyan]] <br />
* [[websozis2017]] <br />
* [[websozis2017_bigheader]] <br />
* [[spd_bayern_2016r]]<br />
* [[websozis2015_r]] <br />
<br />
== Offizielle Layoute (spd.de nachempfunden) ==<br />
* [[spd2014]] (nicht responsiv)<br />
<br />
== "Technische" Layoute ==<br />
* [[inactive]]<br />
<br />
== nur regional verfügbare Layoute ==<br />
<br />
=== Baden-Württemberg ===<br />
* [[spdbw2021]] (noch nicht online)<br />
<br />
=== Schleswig-Holstein ===<br />
* [[spdsh2017_r]] <br />
<br />
=== Sachsen ===<br />
* [[sachsen2019]] <br />
<br />
== veraltete Layoute ==<br />
Diese Layoute können in den Auftritten noch eingestellt sein, sie sind aber nicht mehr als "neu" auswählbar <br />
<br />
* [[spd2012]] (nicht responsiv)<br />
* Alle anderen hier nicht genannten Layoute</div>Marhagggehttps://www.websozicms.de/index.php?title=Layout%C3%BCbersicht&diff=1064Layoutübersicht2020-09-28T12:27:16Z<p>Marhaggge: </p>
<hr />
<div>[[Kategorie:Layoute]]<br />
Hier findest Du eine Übersicht aller Layoute mit Hinweisen und User-Modifikationen. Alle Layoute (es sei denn es wäre anders vermerkt) sind responsiv, passen sich also unterschiedlichen Ausgabegrößen an<br />
<br />
Wie man ein Layout wechselt ist hier beschrieben: [[Wechsel_des_Themes_(Layoutes)_einer_Homepage|Wechsel des Themes einer Homepage]]<br />
<br />
== Layoute der WebSozis ==<br />
* [[websozis2020]] <br />
* [[websozis2020_alternate]] <br />
* [[websozis2018]] (<br />
* [[websozis2018_cyan]] <br />
* [[websozis2017]] <br />
* [[websozis2017_bigheader]] <br />
* [[spd_bayern_2016r]]<br />
* [[websozis2015_r]] <br />
<br />
== Offizielle Layoute (spd.de nachempfunden) ==<br />
* [[spd2014]] (nicht responsiv)<br />
<br />
== "Technische" Layoute ==<br />
* [[inactive]]<br />
<br />
== nur regional verfügbare Layoute ==<br />
<br />
=== Baden-Württemberg ===<br />
* [[spdbw2021]] (noch nicht online)<br />
<br />
=== Schleswig-Holstein ===<br />
* [[spdsh2017_r]] <br />
<br />
=== Sachsen ===<br />
* [[sachsen2019]] <br />
<br />
== veraltete Layoute ==<br />
Diese Layoute können in den Auftritten noch eingestellt sein, sie sind aber nicht mehr als "neu" auswählbar <br />
<br />
* [[spd2012]] (nicht responsiv)<br />
* Alle anderen hier nicht genannten Layoute</div>Marhagggehttps://www.websozicms.de/index.php?title=Layout%C3%BCbersicht&diff=1063Layoutübersicht2020-09-28T12:25:18Z<p>Marhaggge: </p>
<hr />
<div>[[Kategorie:Layoute]]<br />
Hier findest Du eine Übersicht aller Layoute (noch unvollständig) mit Hinweisen und User-Modifikationen.<br />
<br />
Wie man ein Layout wechselt ist hier beschrieben: [[Wechsel_des_Themes_(Layoutes)_einer_Homepage|Wechsel des Themes einer Homepage]]<br />
<br />
== Layoute der WebSozis ==<br />
* [[websozis2020]] (Responsive) <br />
* [[websozis2020_alternate]] (Responsive) <br />
* [[websozis2018]] (Responsiv)<br />
* [[websozis2018_cyan]] (Responsiv)<br />
* [[websozis2017]] (Responsiv)<br />
* [[websozis2017_bigheader]] (Responsiv)<br />
* [[spd_bayern_2016r]] (Responsiv)<br />
* [[websozis2015_r]] (Responsiv)<br />
<br />
== Offizielle Layoute (spd.de nachempfunden) ==<br />
* [[spd2014]]<br />
<br />
== "Technische" Layoute ==<br />
* [[inactive]]<br />
<br />
== nur regional verfügbare Layoute ==<br />
<br />
=== Baden-Württemberg ===<br />
* [[spdbw2021]] (responsiv) (noch nicht online)<br />
<br />
=== Schleswig-Holstein ===<br />
* [[spdsh2017_r]] (responsive)<br />
<br />
=== Sachsen ===<br />
* [[sachsen2019]] (responsiv)<br />
<br />
== veraltete Layoute ==<br />
Diese Layoute können in den Auftritten noch eingestellt sein, sie sind aber nicht mehr als "neu" auswählbar <br />
<br />
* [[spd2012]]<br />
* Alle anderen hier nicht genannten Layoute</div>Marhagggehttps://www.websozicms.de/index.php?title=Layout%C3%BCbersicht&diff=1062Layoutübersicht2020-09-28T12:24:18Z<p>Marhaggge: </p>
<hr />
<div>[[Kategorie:Layoute]]<br />
Hier findest Du eine Übersicht aller Layoute (noch unvollständig) mit Hinweisen und User-Modifikationen.<br />
<br />
Wie man ein Layout wechselt ist hier beschrieben: [[Wechsel_des_Themes_(Layoutes)_einer_Homepage|Wechsel des Themes einer Homepage]]<br />
<br />
== Layoute der WebSozis ==<br />
* [[websozis2020]] (Responsive) <br />
* [[websozis2020_alternate]] (Responsive) <br />
* [[websozis2018]] (Responsiv)<br />
* [[websozis2018_cyan]] (Responsiv)<br />
* [[websozis2017]] (Responsiv)<br />
* [[websozis2017_bigheader]] (Responsiv)<br />
* [[spd_bayern_2016r]] (Responsiv)<br />
* [[websozis2015_r]] (Responsiv)<br />
<br />
== Offizielle Layoute (spd.de nachempfunden) ==<br />
* [[spd2014]]<br />
<br />
== "Technische" Layoute ==<br />
* [[inactive]]<br />
<br />
== nur regional verfügbare Layoute ==<br />
<br />
=== Baden-Württemberg ===<br />
* [[spdbw2021]] (responsiv) (noch nicht online)<br />
<br />
=== Schleswig-Holstein ===<br />
* [[spdsh2017_r]] (responsive)<br />
<br />
=== Sachsen ===<br />
* [[sachsen2019]] (responsiv)<br />
<br />
== veraltete Layoute (können noch eingestellt sein, aber nicht mehr neu ausgewählt werden) ==<br />
* [[spd2012]]</div>Marhagggehttps://www.websozicms.de/index.php?title=Layout%C3%BCbersicht&diff=1061Layoutübersicht2020-09-28T12:24:01Z<p>Marhaggge: </p>
<hr />
<div>[[Kategorie:Layoute]]<br />
Hier findest Du eine Übersicht aller Layoute (noch unvollständig) mit Hinweisen und User-Modifikationen.<br />
<br />
Wie man ein Layout wechselt ist hier beschrieben: [[Wechsel_des_Themes_(Layoutes)_einer_Homepage|Wechsel des Themes einer Homepage]]<br />
<br />
== Layoute der WebSozis ==<br />
* [[websozis2020]] (Responsive) <br />
* [[websozis2020_alternate]] (Responsive) <br />
* [[websozis2018]] (Responsiv)<br />
* [[websozis2018_cyan]] (Responsiv)<br />
* [[websozis2017]] (Responsiv)<br />
* [[websozis2017_bigheader]] (Responsiv)<br />
* [[spd_bayern_2016r]] (Responsiv)<br />
* [[websozis2015_r]] (Responsiv)<br />
<br />
== Offizielle Layoute (spd.de nachempfunden) ==<br />
* [[spd2014]]<br />
<br />
== "Technische" Layoute ==<br />
* [[inactive]]<br />
<br />
== nur regional verfügbare Layoute ==<br />
<br />
=== Baden-Württemberg ===<br />
* [[spdbw2021]] (responsiv) (noch nicht online)<br />
<br />
=== Schleswig-Holstein ===<br />
* [[spdsh2017_r]] (responsive)<br />
<br />
=== Sachsen ===<br />
* [[sachsen2019]] (responsiv)<br />
<br />
== veraltete Layoute (können noch eingestellt sein, aber nicht mehr neu ausgewählt werden ===<br />
* [[spd2012]]</div>Marhagggehttps://www.websozicms.de/index.php?title=Layout%C3%BCbersicht&diff=1060Layoutübersicht2020-09-28T12:17:47Z<p>Marhaggge: </p>
<hr />
<div>[[Kategorie:Layoute]]<br />
Hier findest Du eine Übersicht aller Layoute (noch unvollständig) mit Hinweisen und User-Modifikationen.<br />
<br />
Wie man ein Layout wechselt ist hier beschrieben: [[Wechsel_des_Themes_(Layoutes)_einer_Homepage|Wechsel des Themes einer Homepage]]<br />
<br />
== Layoute der WebSozis ==<br />
* [[websozis2020]] (Responsive) <br />
* [[websozis2020_alternate]] (Responsive) <br />
* [[websozis2018]] (Responsiv)<br />
* [[websozis2018_cyan]] (Responsiv)<br />
* [[websozis2017]] (Responsiv)<br />
* [[websozis2017_bigheader]] (Responsiv)<br />
* [[spd_bayern_2016r]] (Responsiv)<br />
* [[websozis2015_r]] (Responsiv)<br />
<br />
== Offizielle Layoute (spd.de nachempfunden) ==<br />
* [[spd2014]]<br />
* [[spd2012]]<br />
<br />
== "Technische" Layoute ==<br />
* [[inactive]]<br />
<br />
== nur regional verfügbare Layoute ==<br />
<br />
=== Baden-Württemberg ===<br />
* [[spdbw2021]] (responsiv) (noch nicht online)<br />
<br />
=== Schleswig-Holstein ===<br />
* [[spdsh2017_r]] (responsive)<br />
<br />
=== Sachsen ===<br />
* [[sachsen2019]] (responsiv)</div>Marhagggehttps://www.websozicms.de/index.php?title=Datei:Websozis2020_iphone.png&diff=1059Datei:Websozis2020 iphone.png2020-09-28T12:17:17Z<p>Marhaggge: </p>
<hr />
<div></div>Marhagggehttps://www.websozicms.de/index.php?title=Datei:Websozis2020_alternate_iphone.png&diff=1058Datei:Websozis2020 alternate iphone.png2020-09-28T12:15:24Z<p>Marhaggge: </p>
<hr />
<div></div>Marhagggehttps://www.websozicms.de/index.php?title=Datei:Websozis2020_alternate.png&diff=1057Datei:Websozis2020 alternate.png2020-09-28T12:10:47Z<p>Marhaggge: Layout websozis2020_Alternate</p>
<hr />
<div>== Beschreibung ==<br />
Layout websozis2020_Alternate</div>Marhagggehttps://www.websozicms.de/index.php?title=Datei:Websozis2020.png&diff=1056Datei:Websozis2020.png2020-09-28T12:08:18Z<p>Marhaggge: </p>
<hr />
<div></div>Marhagggehttps://www.websozicms.de/index.php?title=Websozis2020_alternate&diff=1044Websozis2020 alternate2020-09-24T13:10:07Z<p>Marhaggge: Die Seite wurde neu angelegt: „Das Layout websozis2020_alternate ist eine Eigenentwicklung der WebSozis, also nicht an offizielle Layoute angelehnt (in der Farbgebung allerdings grob an die…“</p>
<hr />
<div>Das Layout websozis2020_alternate ist eine Eigenentwicklung der WebSozis, also nicht an offizielle Layoute angelehnt (in der Farbgebung allerdings grob an die aktuelle Version von spd.de).<br />
<br />
Bei diesem Layout befinden sich die Block/Widget-Bereiche oben unter dem Kopfbanner / über dem Hauptinhalt sowie unten unter dem Hauptinhalt.<br />
<br />
Die Artikel werden jeweils in einer Reihe untereinander angeordnet.Das Artikelbild wird links neben dem Text des Artikels anzeigt. Wir empfehlen für Artikelbilder eine Mindestbreite von 330 Pixel.<br />
<br />
Dieses Layout eignet sich von seinem Aufbau her sehr gut um Kachellayoute zu realisieren.<br />
<br />
__TOC__<br />
[[Datei:websozis2020_alternate.png|mini|600px|gerahmt|zentriert|Layout websozis2020_alternate - in einem Desktopbrowser]]<br />
<br />
Es ist mit allen modernen Browsern kompatibel, lediglich der InternetExplorer muss die Version 10 oder höher haben.<br />
<br />
Das Layout kann mit in Abhängigkeit vom Menüpunkt wechselnden Header-Bildern eingerichtet werden (nur für die Menüpunkt der ersten Ebene). Dazu ladet ihr die gewünschte Grafik im Tab "Nachrichten und Seiten" bei "Bilder oder MP3s hochladen / ändern" in das WebSoziCMS. Als Suchbegriff im Bereich "Einstellungen" gebt ihr dann die Bezeichnung des Menüpunktes ein. Wichtig: die Grafik muss die absolut gleichen Abmessungen wie das Default-Header-Bild haben. Letzteres wird bei allen Menüpunkten angezeigt, für die kein individuelles Header-Bild definiert ist.<br />
<br />
Das Layout unterstützt die [[Wie_wird_die_Newsbox_genutzt|Newsbox]], diese befindet sich im Bereich des Headerbildes auf der Startseite<br />
<br />
<br />
== Responsives Layout ==<br />
websozis2020_alternate ist ein responsives Layout, d.h. die Ansicht passt sich der Auflösung an, mit der die Webseite betrachtet wird. Auf Smartphones wandelt sich beispielsweise die Navigation von einer horizontalen Leiste zu einem Drop-Down-Menü. Bilder (vom System wie auch manuell eingefügte) werden ebenfalls automatisch in der Größe angepasst.<br />
<br />
[[Datei:websozis2020_alternate_iphone.png|mini|300px|zentriert|Layout websozis2020_alternate - auf einem IPhone]]<br />
<br />
Das Hauptmenü sollte in Abhängigkeit von der Länge der Menübezeichnungen nicht mehr als 4-5 Menüpunkte auf der ersten Ebene haben. Da sich das Layout der Größe des Ausgabegerätes anpasst kann es ansonsten auf kleineren Ausgabegeräten (Tablets z.B.) zu unschön aussehenden 2-reihigen Hauptmenüs kommen<br />
<br />
== Eingebettete Inhalte fremder Quellen (z.B. iframe) ==<br />
<br />
Bei eingebetteten Inhalten anderer Anbieter (z.B. Youtube-Videos, Facebook-Badges oder ähnliches) ist es nicht möglich, diese Inhalte schon systemseits responsiv zu machen (im Gegensatz zu den Grafiken/Bildern). Oft ist es möglich, von den Anbietern dieser Dienste auch responsiven Quell-Code zu erhalten. Sollte es das nicht geben besteht die Möglichkeit, diese Inhalte durch etwas zusätzliches HTML nach folgendem Muster responsiv zu machen:<br />
<br />
<pre><br />
<!-- 21:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-21by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 16:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-16by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 4:3 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-4by3"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 1:1 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-1by1"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
</pre><br />
<br />
Diese Ergänzungen sind für <iframe>, <embed>, <video> und <object>-HTML-Tags möglich.<br />
<br />
== Abmessungen ==<br />
<br />
Die Abmessungen sind die maximalen Werte in einer Bildschirmbreite größer als 1200 Pixel. Darunter erfolgt die responsive Darstellung, die ggf. automatisch auf kleinere Werte skaliert.<br />
<br />
{| class="wikitable"<br />
|-<br />
! Bildposition !! Breite !! Höhe !! Bildposition !! Breite !! Höhe<br />
|-<br />
| Logol || 100px || 100px || Kopfbanner || 1110px || 3000px<br />
|-<br />
| Blöcke unter dem Kopfbanner|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|-<br />
| Blöcke unter dem Hauptinhalt|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|}<br />
<br />
Im Tab "Blöcke" -> "Blöcke unter dem Kopfbanner" kann ausgewählt werden, ob die "Blöcke unter dem Kopfbanner" nur auf der Startseite angezeigt werden sollen (Standard) oder auf allen Seiten.<br />
<br />
== bekannte Probleme ==<br />
* beim anlegen einer Seite besteht die Möglichkeit, verschiedene Seitenlayoute auszuwählen. Hier sollten die Seitenlayoute "ohne Tabellen" gewählt werden, da es mit Tabellen zu Darstellungsproblemen kommen kann (die Darstellung mit Tabellen ist sowieso stark veraltet und sollte "neu" generell nicht mehr verwendet werden)<br />
<br />
== Modifikationen ==<br />
<br />
Das Layout websozis2020_alternate steht auch als [[websozis2020]] zur Verfügung. Die Anordnung der Artikel erfolgt hierbei in 3 Spalten nebeneinander (und Reihen entsprechend der Zahl der angezeigten Artikel)<br />
<br />
== Bootstrap ==<br />
Das Layout websozis2020_alternate basiert auf Bootstrap in der Version 4.5, einem beliebten und weit verbreiteten CSS-Framework. Das hat den Vorteil, dass ihr viele CSS-Hilfsklassen aus dem Framework auch für eigene Inhalte nutzen könnt - z.B. für Tabellen hier: https://getbootstrap.com/docs/4.5/content/tables/<br />
<br />
== Wechsel des Themes / Layouter einer Homepage ==<br />
<br />
Eine Anleitung findet sich [[Wechsel_des_Themes_(Layoutes)_einer_Homepage|hier]]</div>Marhagggehttps://www.websozicms.de/index.php?title=Websozis2020&diff=1043Websozis20202020-09-24T13:04:39Z<p>Marhaggge: </p>
<hr />
<div>Das Layout websozis2020 ist eine Eigenentwicklung der WebSozis, also nicht an offizielle Layoute angelehnt (in der Farbgebung allerdings grob an die aktuelle Version von spd.de).<br />
<br />
Bei diesem Layout befinden sich die Block/Widget-Bereiche oben unter dem Kopfbanner / über dem Hauptinhalt sowie unten unter dem Hauptinhalt. Die Artikel werden dreispaltig nebeneinander angeordnet, die Zahl der Artikel auf der Startseite (wie auch auf Folgeseiten) sollte daher '''3 oder ein vielfaches von 3 betragen''' (Tab "Einstellungen" -> "[[Einstellungen_für_die_Durchreiche_und_Kommentare|Einstellungen für die Durchreiche und Kommentare]]"<br />
<br />
'''Die "Teasertexte" (Text auf der Startseite / in der Durchreiche) für Artikel sollten bei diesem Layout sehr kurz gehalten sein, da es ansonsten zu unschönen langen Spalten kommen kann (die Höhe der Spalte orientiert sich am Inhalt der längsten Spalte einer Reihe)''' Das Artikelbild wird überhalb des Textes als "Kopf" der Artikelbox angezeigt. Wir empfehlen daher Bilder mit einer Mindestbreite von 330Pixel für Artikelbilder.<br />
<br />
Dieses Layout eignet sich von seinem Aufbau her sehr gut um Kachellayoute zu realisieren.<br />
<br />
__TOC__<br />
[[Datei:websozis2020.png|mini|600px|gerahmt|zentriert|Layout websozis2020 - in einem Desktopbrowser]]<br />
<br />
Es ist mit allen modernen Browsern kompatibel, lediglich der InternetExplorer muss die Version 10 oder höher haben.<br />
<br />
Das Layout kann mit in Abhängigkeit vom Menüpunkt wechselnden Header-Bildern eingerichtet werden (nur für die Menüpunkt der ersten Ebene). Dazu ladet ihr die gewünschte Grafik im Tab "Nachrichten und Seiten" bei "Bilder oder MP3s hochladen / ändern" in das WebSoziCMS. Als Suchbegriff im Bereich "Einstellungen" gebt ihr dann die Bezeichnung des Menüpunktes ein. Wichtig: die Grafik muss die absolut gleichen Abmessungen wie das Default-Header-Bild haben. Letzteres wird bei allen Menüpunkten angezeigt, für die kein individuelles Header-Bild definiert ist.<br />
<br />
Das Layout unterstützt die [[Wie_wird_die_Newsbox_genutzt|Newsbox]], diese befindet sich im Bereich des Headerbildes auf der Startseite<br />
<br />
<br />
== Responsives Layout ==<br />
websozis2020 ist ein responsives Layout, d.h. die Ansicht passt sich der Auflösung an, mit der die Webseite betrachtet wird. Auf Smartphones wandelt sich beispielsweise die Navigation von einer horizontalen Leiste zu einem Drop-Down-Menü. Bilder (vom System wie auch manuell eingefügte) werden ebenfalls automatisch in der Größe angepasst.<br />
<br />
[[Datei:websozis2020_iphone.png|mini|300px|zentriert|Layout websozis2020- auf einem IPhone]]<br />
<br />
Das Hauptmenü sollte in Abhängigkeit von der Länge der Menübezeichnungen nicht mehr als 4-5 Menüpunkte auf der ersten Ebene haben. Da sich das Layout der Größe des Ausgabegerätes anpasst kann es ansonsten auf kleineren Ausgabegeräten (Tablets z.B.) zu unschön aussehenden 2-reihigen Hauptmenüs kommen<br />
<br />
== Eingebettete Inhalte fremder Quellen (z.B. iframe) ==<br />
<br />
Bei eingebetteten Inhalten anderer Anbieter (z.B. Youtube-Videos, Facebook-Badges oder ähnliches) ist es nicht möglich, diese Inhalte schon systemseits rsponsiv zu machen (im Gegensatz zu den Grafiken/Bildern). Oft ist es möglich, von den Anbietern dieser Dienste auch responsiven Quell-Code zu erhalten. Sollte es das nicht geben besteht die Möglichkeit, diese Inhalte durch etwas zusätzliches HTML nach folgendem Muster responsiv zu machen:<br />
<br />
<pre><br />
<!-- 21:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-21by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 16:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-16by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 4:3 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-4by3"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 1:1 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-1by1"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
</pre><br />
<br />
Diese Ergänzungen sind für <iframe>, <embed>, <video> und <object>-HTML-Tags möglich.<br />
<br />
== Abmessungen ==<br />
<br />
Die Abmessungen sind die maximalen Werte in einer Bildschirmbreite größer als 1200 Pixel. Darunter erfolgt die responsive Darstellung, die ggf. automatisch auf kleinere Werte skaliert.<br />
<br />
{| class="wikitable"<br />
|-<br />
! Bildposition !! Breite !! Höhe !! Bildposition !! Breite !! Höhe<br />
|-<br />
| Logol || 100px || 100px || Kopfbanner || 1110px || 3000px<br />
|-<br />
| Blöcke unter dem Kopfbanner|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|-<br />
| Blöcke unter dem Hauptinhalt|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|}<br />
<br />
Im Tab "Blöcke" -> "Blöcke unter dem Kopfbanner" kann ausgewählt werden, ob die "Blöcke unter dem Kopfbanner" nur auf der Startseite angezeigt werden sollen (Standard) oder auf allen Seiten.<br />
<br />
== bekannte Probleme ==<br />
* beim anlegen einer Seite besteht die Möglichkeit, verschiedene Seitenlayoute auszuwählen. Hier sollten die Seitenlayoute "ohne Tabellen" gewählt werden, da es mit Tabellen zu Darstellungsproblemen kommen kann (die Darstellung mit Tabellen ist sowieso stark veraltet und sollte "neu" generell nicht mehr verwendet werden)<br />
<br />
== Modifikationen ==<br />
<br />
Das Layout websozis2020 steht auch als [[websozis2020_alternate]] zur Verfügung. Die Anordnung der Artikel erfolgt hierbei untereinander und nicht in Spalten.<br />
<br />
== Bootstrap ==<br />
Das Layout websozis2020 basiert auf Bootstrap in der Version 4.5, einem beliebten und weit verbreiteten CSS-Framework. Das hat den Vorteil, dass ihr viele CSS-Hilfsklassen aus dem Framework auch für eigene Inhalte nutzen könnt - z.B. für Tabellen hier: https://getbootstrap.com/docs/4.5/content/tables/<br />
<br />
== Wechsel des Themes / Layouter einer Homepage ==<br />
<br />
Eine Anleitung findet sich [[Wechsel_des_Themes_(Layoutes)_einer_Homepage|hier]]</div>Marhagggehttps://www.websozicms.de/index.php?title=Websozis2020&diff=1042Websozis20202020-09-24T13:02:16Z<p>Marhaggge: </p>
<hr />
<div>Das Layout websozis2020 ist eine Eigenentwicklung der WebSozis, also nicht an offizielle Layoute angelehnt (in der Farbgebung allerdings grob an die aktuelle Version von spd.de).<br />
<br />
Bei diesem Layout befinden sich die Block/Widget-Bereiche oben unter dem Kopfbanner / über dem Hauptinhalt sowie unten unter dem Hauptinhalt. Die Artikel werden dreispaltig nebeneinander angeordnet, die Zahl der Artikel auf der Startseite (wie auch auf Folgeseiten) sollte daher '''3 oder ein vielfaches von 3 betragen''' (Tab "Einstellungen" -> "[[Einstellungen_für_die_Durchreiche_und_Kommentare|Einstellungen für die Durchreiche und Kommentare]]"<br />
<br />
'''Die "Teasertexte" (Text auf der Startseite / in der Durchreiche) für Artikel sollten bei diesem Layout sehr kurz gehalten sein, da es ansonsten zu unschönen langen Spalten kommen kann (die Höhe der Spalte orientiert sich am Inhalt der längsten Spalte einer Reihe)''' Das Artikelbild wird überhalb des Textes als "Kopf" der Artikelbox angezeigt. Wir empfehlen daher Bilder mit einer Mindestbreite von 330Pixel für Artikelbilder.<br />
<br />
Dieses Layout eignet sich von seinem Aufbau her sehr gut um Kachellayoute zu realisieren.<br />
<br />
__TOC__<br />
[[Datei:websozis2020.png|mini|600px|gerahmt|zentriert|Layout websozis2020 - in einem Desktopbrowser]]<br />
<br />
Es ist mit allen modernen Browsern kompatibel, lediglich der InternetExplorer muss die Version 10 oder höher haben.<br />
<br />
Das Layout kann mit in Abhängigkeit vom Menüpunkt wechselnden Header-Bildern eingerichtet werden (nur für die Menüpunkt der ersten Ebene). Dazu ladet ihr die gewünschte Grafik im Tab "Nachrichten und Seiten" bei "Bilder oder MP3s hochladen / ändern" in das WebSoziCMS. Als Suchbegriff im Bereich "Einstellungen" gebt ihr dann die Bezeichnung des Menüpunktes ein. Wichtig: die Grafik muss die absolut gleichen Abmessungen wie das Default-Header-Bild haben. Letzteres wird bei allen Menüpunkten angezeigt, für die kein individuelles Header-Bild definiert ist.<br />
<br />
Das Layout unterstützt die [[Wie_wird_die_Newsbox_genutzt|Newsbox]], diese befindet sich im Bereich des Headerbildes auf der Startseite<br />
<br />
<br />
== Responsives Layout ==<br />
websozis2020 ist ein responsives Layout, d.h. die Ansicht passt sich der Auflösung an, mit der die Webseite betrachtet wird. Auf Smartphones wandelt sich beispielsweise die Navigation von einer horizontalen Leiste zu einem Drop-Down-Menü. Bilder (vom System wie auch manuell eingefügte) werden ebenfalls automatisch in der Größe angepasst.<br />
<br />
[[Datei:websozis2020_iphone.png|mini|300px|zentriert|Layout websozis2020- auf einem IPhone]]<br />
<br />
Das Hauptmenü sollte in Abhängigkeit von der Länge der Menübezeichnungen nicht mehr als 4-5 Menüpunkte auf der ersten Ebene haben. Da sich das Layout der Größe des Ausgabegerätes anpasst kann es ansonsten auf kleineren Ausgabegeräten (Tablets z.B.) zu unschön aussehenden 2-reihigen Hauptmenüs kommen<br />
<br />
=== Eingebettete Inhalte fremder Quellen (z.B. iframe) ===<br />
<br />
Bei eingebetteten Inhalten anderer Anbieter (z.B. Youtube-Videos, Facebook-Badges oder ähnliches) ist es nicht möglich, diese Inhalte schon systemseits rsponsiv zu machen (im Gegensatz zu den Grafiken/Bildern). Oft ist es möglich, von den Anbietern dieser Dienste auch responsiven Quell-Code zu erhalten. Sollte es das nicht geben besteht die Möglichkeit, diese Inhalte durch etwas zusätzliches HTML nach folgendem Muster responsiv zu machen:<br />
<br />
<pre><br />
<!-- 21:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-21by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 16:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-16by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 4:3 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-4by3"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 1:1 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-1by1"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
</pre><br />
<br />
Diese Ergänzungen sind für <iframe>, <embed>, <video> und <object>-HTML-Tags möglich.<br />
<br />
== Abmessungen ==<br />
<br />
Die Abmessungen sind die maximalen Werte in einer Bildschirmbreite größer als 1200 Pixel. Darunter erfolgt die responsive Darstellung, die ggf. automatisch auf kleinere Werte skaliert.<br />
<br />
{| class="wikitable"<br />
|-<br />
! Bildposition !! Breite !! Höhe !! Bildposition !! Breite !! Höhe<br />
|-<br />
| Logol || 100px || 100px || Kopfbanner || 1110px || 3000px<br />
|-<br />
| Blöcke unter dem Kopfbanner|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|-<br />
| Blöcke unter dem Hauptinhalt|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|}<br />
<br />
Im Tab "Blöcke" -> "Blöcke unter dem Kopfbanner" kann ausgewählt werden, ob die "Blöcke unter dem Kopfbanner" nur auf der Startseite angezeigt werden sollen (Standard) oder auf allen Seiten.<br />
<br />
== bekannte Probleme ==<br />
* beim anlegen einer Seite besteht die Möglichkeit, verschiedene Seitenlayoute auszuwählen. Hier sollten die Seitenlayoute "ohne Tabellen" gewählt werden, da es mit Tabellen zu Darstellungsproblemen kommen kann (die Darstellung mit Tabellen ist sowieso stark veraltet und sollte "neu" generell nicht mehr verwendet werden)<br />
<br />
== Modifikationen ==<br />
<br />
Das Layout websozis2020 steht auch als [[websozis2020_alternate]] zur Verfügung. Die Anordnung der Artikel erfolgt hierbei untereinander und nicht in Spalten.<br />
<br />
=== Bootstrap ===<br />
Das Layout websozis2020 basiert auf Bootstrap in der Version 4.5, einem beliebten und weit verbreiteten CSS-Framework. Das hat den Vorteil, dass ihr viele CSS-Hilfsklassen aus dem Framework auch für eigene Inhalte nutzen könnt - z.B. für Tabellen hier: https://getbootstrap.com/docs/4.5/content/tables/</div>Marhagggehttps://www.websozicms.de/index.php?title=Websozis2020&diff=1041Websozis20202020-09-24T13:01:46Z<p>Marhaggge: </p>
<hr />
<div>Das Layout websozis2020 ist eine Eigenentwicklung der WebSozis, also nicht an offizielle Layoute angelehnt (in der Farbgebung allerdings grob an die aktuelle Version von spd.de).<br />
<br />
Bei diesem Layout befinden sich die Block/Widget-Bereiche oben unter dem Kopfbanner / über dem Hauptinhalt sowie unten unter dem Hauptinhalt. Die Artikel werden dreispaltig nebeneinander angeordnet, die Zahl der Artikel auf der Startseite (wie auch auf Folgeseiten) sollte daher '''3 oder ein vielfaches von 3 betragen''' (Tab "Einstellungen" -> "[[Einstellungen_für_die_Durchreiche_und_Kommentare|Einstellungen für die Durchreiche und Kommentare]]"<br />
<br />
'''Die "Teasertexte" (Text auf der Startseite / in der Durchreiche) für Artikel sollten bei diesem Layout sehr kurz gehalten sein, da es ansonsten zu unschönen langen Spalten kommen kann (die Höhe der Spalte orientiert sich am Inhalt der längsten Spalte einer Reihe)''' Das Artikelbild wird überhalb des Textes als "Kopf" der Artikelbox angezeigt. Wir empfehlen daher Bilder mit einer Mindestbreite von 330Pixel für Artikelbilder.<br />
<br />
Dieses Layout eignet sich besonders gut, um Kachellayoute zu realisieren.<br />
<br />
__TOC__<br />
[[Datei:websozis2020.png|mini|600px|gerahmt|zentriert|Layout websozis2020 - in einem Desktopbrowser]]<br />
<br />
Es ist mit allen modernen Browsern kompatibel, lediglich der InternetExplorer muss die Version 10 oder höher haben.<br />
<br />
Das Layout kann mit in Abhängigkeit vom Menüpunkt wechselnden Header-Bildern eingerichtet werden (nur für die Menüpunkt der ersten Ebene). Dazu ladet ihr die gewünschte Grafik im Tab "Nachrichten und Seiten" bei "Bilder oder MP3s hochladen / ändern" in das WebSoziCMS. Als Suchbegriff im Bereich "Einstellungen" gebt ihr dann die Bezeichnung des Menüpunktes ein. Wichtig: die Grafik muss die absolut gleichen Abmessungen wie das Default-Header-Bild haben. Letzteres wird bei allen Menüpunkten angezeigt, für die kein individuelles Header-Bild definiert ist.<br />
<br />
Das Layout unterstützt die [[Wie_wird_die_Newsbox_genutzt|Newsbox]], diese befindet sich im Bereich des Headerbildes auf der Startseite<br />
<br />
<br />
== Responsives Layout ==<br />
websozis2020 ist ein responsives Layout, d.h. die Ansicht passt sich der Auflösung an, mit der die Webseite betrachtet wird. Auf Smartphones wandelt sich beispielsweise die Navigation von einer horizontalen Leiste zu einem Drop-Down-Menü. Bilder (vom System wie auch manuell eingefügte) werden ebenfalls automatisch in der Größe angepasst.<br />
<br />
[[Datei:websozis2020_iphone.png|mini|300px|zentriert|Layout websozis2020- auf einem IPhone]]<br />
<br />
Das Hauptmenü sollte in Abhängigkeit von der Länge der Menübezeichnungen nicht mehr als 4-5 Menüpunkte auf der ersten Ebene haben. Da sich das Layout der Größe des Ausgabegerätes anpasst kann es ansonsten auf kleineren Ausgabegeräten (Tablets z.B.) zu unschön aussehenden 2-reihigen Hauptmenüs kommen<br />
<br />
=== Eingebettete Inhalte fremder Quellen (z.B. iframe) ===<br />
<br />
Bei eingebetteten Inhalten anderer Anbieter (z.B. Youtube-Videos, Facebook-Badges oder ähnliches) ist es nicht möglich, diese Inhalte schon systemseits rsponsiv zu machen (im Gegensatz zu den Grafiken/Bildern). Oft ist es möglich, von den Anbietern dieser Dienste auch responsiven Quell-Code zu erhalten. Sollte es das nicht geben besteht die Möglichkeit, diese Inhalte durch etwas zusätzliches HTML nach folgendem Muster responsiv zu machen:<br />
<br />
<pre><br />
<!-- 21:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-21by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 16:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-16by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 4:3 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-4by3"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 1:1 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-1by1"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
</pre><br />
<br />
Diese Ergänzungen sind für <iframe>, <embed>, <video> und <object>-HTML-Tags möglich.<br />
<br />
== Abmessungen ==<br />
<br />
Die Abmessungen sind die maximalen Werte in einer Bildschirmbreite größer als 1200 Pixel. Darunter erfolgt die responsive Darstellung, die ggf. automatisch auf kleinere Werte skaliert.<br />
<br />
{| class="wikitable"<br />
|-<br />
! Bildposition !! Breite !! Höhe !! Bildposition !! Breite !! Höhe<br />
|-<br />
| Logol || 100px || 100px || Kopfbanner || 1110px || 3000px<br />
|-<br />
| Blöcke unter dem Kopfbanner|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|-<br />
| Blöcke unter dem Hauptinhalt|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|}<br />
<br />
Im Tab "Blöcke" -> "Blöcke unter dem Kopfbanner" kann ausgewählt werden, ob die "Blöcke unter dem Kopfbanner" nur auf der Startseite angezeigt werden sollen (Standard) oder auf allen Seiten.<br />
<br />
== bekannte Probleme ==<br />
* beim anlegen einer Seite besteht die Möglichkeit, verschiedene Seitenlayoute auszuwählen. Hier sollten die Seitenlayoute "ohne Tabellen" gewählt werden, da es mit Tabellen zu Darstellungsproblemen kommen kann (die Darstellung mit Tabellen ist sowieso stark veraltet und sollte "neu" generell nicht mehr verwendet werden)<br />
<br />
== Modifikationen ==<br />
<br />
Das Layout websozis2020 steht auch als [[websozis2020_alternate]] zur Verfügung. Die Anordnung der Artikel erfolgt hierbei untereinander und nicht in Spalten.<br />
<br />
=== Bootstrap ===<br />
Das Layout websozis2020 basiert auf Bootstrap in der Version 4.5, einem beliebten und weit verbreiteten CSS-Framework. Das hat den Vorteil, dass ihr viele CSS-Hilfsklassen aus dem Framework auch für eigene Inhalte nutzen könnt - z.B. für Tabellen hier: https://getbootstrap.com/docs/4.5/content/tables/</div>Marhagggehttps://www.websozicms.de/index.php?title=Websozis2020&diff=1040Websozis20202020-09-24T13:00:18Z<p>Marhaggge: </p>
<hr />
<div>Das Layout websozis2020 ist eine Eigenentwicklung der WebSozis, also nicht an offizielle Layoute angelehnt (in der Farbgebung allerdings grob an die aktuelle Version von spd.de).<br />
<br />
Bei diesem Layout befinden sich die Block/Widget-Bereiche oben unter dem Kopfbanner / über dem Hauptinhalt sowie unten unter dem Hauptinhalt. Die Artikel werden dreispaltig nebeneinander angeordnet, die Zahl der Artikel auf der Startseite (wie auch auf Folgeseiten) sollte daher '''3 oder ein vielfaches von 3 betragen''' (Tab "Einstellungen" -> "[[Einstellungen_für_die_Durchreiche_und_Kommentare|Einstellungen für die Durchreiche und Kommentare]]"<br />
<br />
'''Die "Teasertexte" (Texte auf der Startseite) für Artikel sollten bei diesem Layout sehr kurz gehalten sein, da es ansonsten zu unschönen langen Spalten kommen kann (die Höhe der Spalte orientiert sich am Inhalt der längsten Spalte einer Reihe)'''<br />
<br />
Dieses Layout eignet sich besonders gut, um Kachellayoute zu realisieren.<br />
<br />
__TOC__<br />
[[Datei:websozis2020.png|mini|600px|gerahmt|zentriert|Layout websozis2020 - in einem Desktopbrowser]]<br />
<br />
Es ist mit allen modernen Browsern kompatibel, lediglich der InternetExplorer muss die Version 10 oder höher haben.<br />
<br />
Das Layout kann mit in Abhängigkeit vom Menüpunkt wechselnden Header-Bildern eingerichtet werden (nur für die Menüpunkt der ersten Ebene). Dazu ladet ihr die gewünschte Grafik im Tab "Nachrichten und Seiten" bei "Bilder oder MP3s hochladen / ändern" in das WebSoziCMS. Als Suchbegriff im Bereich "Einstellungen" gebt ihr dann die Bezeichnung des Menüpunktes ein. Wichtig: die Grafik muss die absolut gleichen Abmessungen wie das Default-Header-Bild haben. Letzteres wird bei allen Menüpunkten angezeigt, für die kein individuelles Header-Bild definiert ist.<br />
<br />
Das Layout unterstützt die [[Wie_wird_die_Newsbox_genutzt|Newsbox]], diese befindet sich im Bereich des Headerbildes auf der Startseite<br />
<br />
<br />
== Responsives Layout ==<br />
websozis2020 ist ein responsives Layout, d.h. die Ansicht passt sich der Auflösung an, mit der die Webseite betrachtet wird. Auf Smartphones wandelt sich beispielsweise die Navigation von einer horizontalen Leiste zu einem Drop-Down-Menü. Bilder (vom System wie auch manuell eingefügte) werden ebenfalls automatisch in der Größe angepasst.<br />
<br />
[[Datei:websozis2020_iphone.png|mini|300px|zentriert|Layout websozis2020- auf einem IPhone]]<br />
<br />
Das Hauptmenü sollte in Abhängigkeit von der Länge der Menübezeichnungen nicht mehr als 4-5 Menüpunkte auf der ersten Ebene haben. Da sich das Layout der Größe des Ausgabegerätes anpasst kann es ansonsten auf kleineren Ausgabegeräten (Tablets z.B.) zu unschön aussehenden 2-reihigen Hauptmenüs kommen<br />
<br />
=== Eingebettete Inhalte fremder Quellen (z.B. iframe) ===<br />
<br />
Bei eingebetteten Inhalten anderer Anbieter (z.B. Youtube-Videos, Facebook-Badges oder ähnliches) ist es nicht möglich, diese Inhalte schon systemseits rsponsiv zu machen (im Gegensatz zu den Grafiken/Bildern). Oft ist es möglich, von den Anbietern dieser Dienste auch responsiven Quell-Code zu erhalten. Sollte es das nicht geben besteht die Möglichkeit, diese Inhalte durch etwas zusätzliches HTML nach folgendem Muster responsiv zu machen:<br />
<br />
<pre><br />
<!-- 21:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-21by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 16:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-16by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 4:3 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-4by3"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 1:1 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-1by1"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
</pre><br />
<br />
Diese Ergänzungen sind für <iframe>, <embed>, <video> und <object>-HTML-Tags möglich.<br />
<br />
== Abmessungen ==<br />
<br />
Die Abmessungen sind die maximalen Werte in einer Bildschirmbreite größer als 1200 Pixel. Darunter erfolgt die responsive Darstellung, die ggf. automatisch auf kleinere Werte skaliert.<br />
<br />
{| class="wikitable"<br />
|-<br />
! Bildposition !! Breite !! Höhe !! Bildposition !! Breite !! Höhe<br />
|-<br />
| Logol || 100px || 100px || Kopfbanner || 1110px || 3000px<br />
|-<br />
| Blöcke unter dem Kopfbanner|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|-<br />
| Blöcke unter dem Hauptinhalt|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|}<br />
<br />
Im Tab "Blöcke" -> "Blöcke unter dem Kopfbanner" kann ausgewählt werden, ob die "Blöcke unter dem Kopfbanner" nur auf der Startseite angezeigt werden sollen (Standard) oder auf allen Seiten.<br />
<br />
== bekannte Probleme ==<br />
* beim anlegen einer Seite besteht die Möglichkeit, verschiedene Seitenlayoute auszuwählen. Hier sollten die Seitenlayoute "ohne Tabellen" gewählt werden, da es mit Tabellen zu Darstellungsproblemen kommen kann (die Darstellung mit Tabellen ist sowieso stark veraltet und sollte "neu" generell nicht mehr verwendet werden)<br />
<br />
== Modifikationen ==<br />
<br />
Das Layout websozis2020 steht auch als [[websozis2020_alternate]] zur Verfügung. Die Anordnung der Artikel erfolgt hierbei untereinander und nicht in Spalten.<br />
<br />
=== Bootstrap ===<br />
Das Layout websozis2020 basiert auf Bootstrap in der Version 4.5, einem beliebten und weit verbreiteten CSS-Framework. Das hat den Vorteil, dass ihr viele CSS-Hilfsklassen aus dem Framework auch für eigene Inhalte nutzen könnt - z.B. für Tabellen hier: https://getbootstrap.com/docs/4.5/content/tables/</div>Marhagggehttps://www.websozicms.de/index.php?title=Websozis2020&diff=1039Websozis20202020-09-24T12:57:03Z<p>Marhaggge: </p>
<hr />
<div>Das Layout websozis2020 ist eine Eigenentwicklung der WebSozis, also nicht an offizielle Layoute angelehnt (in der Farbgebung allerdings grob an die aktuelle Version von spd.de).<br />
<br />
Bei diesem Layout befinden sich die Block/Widget-Bereiche oben unter dem Kopfbanner / über dem Hauptinhalt sowie unten unter dem Hauptinhalt. Die Artikel werden dreispaltig nebeneinander angeordnet, die Zahl der Artikel auf der Startseite (wie auch auf Folgeseiten) sollte daher 3 oder ein vielfaches von 3 betragen (Tab "Einstellungen" -> "[[Einstellungen_für_die_Durchreiche_und_Kommentare|Einstellungen für die Durchreiche und Kommentare]]"<br />
<br />
__TOC__<br />
[[Datei:websozis2020.png|mini|600px|gerahmt|zentriert|Layout websozis2020 - in einem Desktopbrowser]]<br />
<br />
Es ist mit allen modernen Browsern kompatibel, lediglich der InternetExplorer muss die Version 10 oder höher haben.<br />
<br />
Das Layout kann mit in Abhängigkeit vom Menüpunkt wechselnden Header-Bildern eingerichtet werden (nur für die Menüpunkt der ersten Ebene). Dazu ladet ihr die gewünschte Grafik im Tab "Nachrichten und Seiten" bei "Bilder oder MP3s hochladen / ändern" in das WebSoziCMS. Als Suchbegriff im Bereich "Einstellungen" gebt ihr dann die Bezeichnung des Menüpunktes ein. Wichtig: die Grafik muss die absolut gleichen Abmessungen wie das Default-Header-Bild haben. Letzteres wird bei allen Menüpunkten angezeigt, für die kein individuelles Header-Bild definiert ist.<br />
<br />
Das Layout unterstützt die [[Wie_wird_die_Newsbox_genutzt|Newsbox]], diese befindet sich im Bereich des Headerbildes auf der Startseite<br />
<br />
<br />
== Responsives Layout ==<br />
websozis2020 ist ein responsives Layout, d.h. die Ansicht passt sich der Auflösung an, mit der die Webseite betrachtet wird. Auf Smartphones wandelt sich beispielsweise die Navigation von einer horizontalen Leiste zu einem Drop-Down-Menü. Bilder (vom System wie auch manuell eingefügte) werden ebenfalls automatisch in der Größe angepasst.<br />
<br />
[[Datei:websozis2020_iphone.png|mini|300px|zentriert|Layout websozis2020- auf einem IPhone]]<br />
<br />
Das Hauptmenü sollte in Abhängigkeit von der Länge der Menübezeichnungen nicht mehr als 4-5 Menüpunkte auf der ersten Ebene haben. Da sich das Layout der Größe des Ausgabegerätes anpasst kann es ansonsten auf kleineren Ausgabegeräten (Tablets z.B.) zu unschön aussehenden 2-reihigen Hauptmenüs kommen<br />
<br />
=== Eingebettete Inhalte fremder Quellen (z.B. iframe) ===<br />
<br />
Bei eingebetteten Inhalten anderer Anbieter (z.B. Youtube-Videos, Facebook-Badges oder ähnliches) ist es nicht möglich, diese Inhalte schon systemseits rsponsiv zu machen (im Gegensatz zu den Grafiken/Bildern). Oft ist es möglich, von den Anbietern dieser Dienste auch responsiven Quell-Code zu erhalten. Sollte es das nicht geben besteht die Möglichkeit, diese Inhalte durch etwas zusätzliches HTML nach folgendem Muster responsiv zu machen:<br />
<br />
<pre><br />
<!-- 21:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-21by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 16:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-16by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 4:3 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-4by3"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 1:1 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-1by1"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
</pre><br />
<br />
Diese Ergänzungen sind für <iframe>, <embed>, <video> und <object>-HTML-Tags möglich.<br />
<br />
== Abmessungen ==<br />
<br />
Die Abmessungen sind die maximalen Werte in einer Bildschirmbreite größer als 1200 Pixel. Darunter erfolgt die responsive Darstellung, die ggf. automatisch auf kleinere Werte skaliert.<br />
<br />
{| class="wikitable"<br />
|-<br />
! Bildposition !! Breite !! Höhe !! Bildposition !! Breite !! Höhe<br />
|-<br />
| Logol || 100px || 100px || Kopfbanner || 1110px || 3000px<br />
|-<br />
| Blöcke unter dem Kopfbanner|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|-<br />
| Blöcke unter dem Hauptinhalt|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|}<br />
<br />
Im Tab "Blöcke" -> "Blöcke unter dem Kopfbanner" kann ausgewählt werden, ob die "Blöcke unter dem Kopfbanner" nur auf der Startseite angezeigt werden sollen (Standard) oder auf allen Seiten.<br />
<br />
== bekannte Probleme ==<br />
* beim anlegen einer Seite besteht die Möglichkeit, verschiedene Seitenlayoute auszuwählen. Hier sollten die Seitenlayoute "ohne Tabellen" gewählt werden, da es mit Tabellen zu Darstellungsproblemen kommen kann (die Darstellung mit Tabellen ist sowieso stark veraltet und sollte "neu" generell nicht mehr verwendet werden)<br />
<br />
== Modifikationen ==<br />
<br />
Das Layout websozis2020 steht auch als [[websozis2020_alternate]] zur Verfügung. Die Anordnung der Artikel erfolgt hierbei untereinander und nicht in Spalten.<br />
<br />
=== Bootstrap ===<br />
Das Layout websozis2020 basiert auf Bootstrap in der Version 4.5, einem beliebten und weit verbreiteten CSS-Framework. Das hat den Vorteil, dass ihr viele CSS-Hilfsklassen aus dem Framework auch für eigene Inhalte nutzen könnt - z.B. für Tabellen hier: https://getbootstrap.com/docs/4.5/content/tables/</div>Marhagggehttps://www.websozicms.de/index.php?title=Websozis2020&diff=1038Websozis20202020-09-24T12:56:29Z<p>Marhaggge: </p>
<hr />
<div>Das Layout websozis2020 ist eine Eigenentwicklung der WebSozis, also nicht an offizielle Layoute angelehnt (in der Farbgebung allerdings grob an die aktuelle Version von spd.de).<br />
<br />
Bei diesem Layout befinden sich die Block/Widget-Bereiche oben unter dem Kopfbanner / über dem Hauptinhalt sowie unten unter dem Hauptinhalt. Die Artikel werden dreispaltig nebeneinander angeordnet, die Zahl der Artikel auf der Startseite (wie auch auf Folgeseiten) sollte daher 3 oder ein vielfaches von 3 betragen (Tab "Einstellungen" -> "[[Einstellungen_für_die_Durchreiche_und_Kommentare|Einstellungen für die Durchreiche und Kommentare]]"<br />
<br />
__TOC__<br />
[[Datei:websozis2020.png|mini|600px|gerahmt|zentriert|Layout websozis2020 - in einem Desktopbrowser]]<br />
<br />
Es ist mit allen modernen Browsern kompatibel, lediglich der InternetExplorer muss die Version 10 oder höher haben.<br />
<br />
Das Layout kann mit in Abhängigkeit vom Menüpunkt wechselnden Header-Bildern eingerichtet werden (nur für die Menüpunkt der ersten Ebene). Dazu ladet ihr die gewünschte Grafik im Tab "Nachrichten und Seiten" bei "Bilder oder MP3s hochladen / ändern" in das WebSoziCMS. Als Suchbegriff im Bereich "Einstellungen" gebt ihr dann die Bezeichnung des Menüpunktes ein. Wichtig: die Grafik muss die absolut gleichen Abmessungen wie das Default-Header-Bild haben. Letzteres wird bei allen Menüpunkten angezeigt, für die kein individuelles Header-Bild definiert ist.<br />
<br />
Das Layout unterstützt die [[Wie_wird_die_Newsbox_genutzt|Newsbox]], diese befindet sich im Bereich des Headerbildes auf der Startseite<br />
<br />
<br />
== Responsives Layout ==<br />
websozis2020 ist ein responsives Layout, d.h. die Ansicht passt sich der Auflösung an, mit der die Webseite betrachtet wird. Auf Smartphones wandelt sich beispielsweise die Navigation von einer horizontalen Leiste zu einem Drop-Down-Menü. Bilder (vom System wie auch manuell eingefügte) werden ebenfalls automatisch in der Größe angepasst.<br />
<br />
[[Datei:websozis2020_iphone.png|mini|300px|zentriert|Layout websozis2020- auf einem IPhone]]<br />
<br />
Das Hauptmenü sollte in Abhängigkeit von der Länge der Menübezeichnungen nicht mehr als 4-5 Menüpunkte auf der ersten Ebene haben. Da sich das Layout der Größe des Ausgabegerätes anpasst kann es ansonsten auf kleineren Ausgabegeräten (Tablets z.B.) zu unschön aussehenden 2-reihigen Hauptmenüs kommen<br />
<br />
=== Eingebettete Inhalte fremder Quellen (z.B. iframe) ===<br />
<br />
Bei eingebetteten Inhalten anderer Anbieter (z.B. Youtube-Videos, Facebook-Badges oder ähnliches) ist es nicht möglich, diese Inhalte schon systemseits rsponsiv zu machen (im Gegensatz zu den Grafiken/Bildern). Oft ist es möglich, von den Anbietern dieser Dienste auch responsiven Quell-Code zu erhalten. Sollte es das nicht geben besteht die Möglichkeit, diese Inhalte durch etwas zusätzliches HTML nach folgendem Muster responsiv zu machen:<br />
<br />
<pre><br />
<!-- 21:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-21by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 16:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-16by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 4:3 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-4by3"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 1:1 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-1by1"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
</pre><br />
<br />
Diese Ergänzungen sind für <iframe>, <embed>, <video> und <object>-HTML-Tags möglich.<br />
<br />
== Abmessungen ==<br />
<br />
Die Abmessungen sind die maximalen Werte in einer Bildschirmbreite größer als 1200 Pixel. Darunter erfolgt die responsive Darstellung, die ggf. automatisch auf kleinere Werte skaliert.<br />
<br />
{| class="wikitable"<br />
|-<br />
! Bildposition !! Breite !! Höhe !! Bildposition !! Breite !! Höhe<br />
|-<br />
| Logol || 100px || 100px || Kopfbanner || 1110px || 3000px<br />
|-<br />
| Blöcke unter dem Kopfbanner|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|-<br />
| Blöcke unter dem Hauptinhalt|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|}<br />
<br />
Im Tab "Blöcke" -> "Blöcke unter dem Kopfbanner" kann ausgewählt werden, ob die "Blöcke unter dem Kopfbanner" nur auf der Startseite angezeigt werden sollen (Standard) oder auf allen Seiten.<br />
<br />
== bekannte Probleme ==<br />
* beim anlegen einer Seite besteht die Möglichkeit, verschiedene Seitenlayoute auszuwählen. Hier sollten die Seitenlayoute "ohne Tabellen" gewählt werden, da es mit Tabellen zu Darstellungsproblemen kommen kann (die Darstellung mit Tabellen ist sowieso stark veraltet und sollte "neu" generell nicht mehr verwendet werden)<br />
<br />
== Modifikationen ==<br />
<br />
Das Layout websozis2020 steht auch als [[websozis2020_alternate]] zur Verfügung. Die Anordnung der Artikel erfolgt hierbei untereinander und nicht in Spalten.<br />
<br />
=== Bootstrap ===<br />
Das Layout websozis2018 basiert auf Bootstrap in der Version 4.5, einem beliebten und weit verbreiteten CSS-Framework. Das hat den Vorteil, dass ihr viele CSS-Hilfsklassen aus dem Framework auch für eigene Inhalte nutzen könnt - z.B. für Tabellen hier: https://getbootstrap.com/docs/4.5/content/tables/</div>Marhagggehttps://www.websozicms.de/index.php?title=Websozis2020&diff=1037Websozis20202020-09-24T12:55:53Z<p>Marhaggge: </p>
<hr />
<div>Das Layout websozis2020 ist eine Eigenentwicklung der WebSozis, also nicht an offizielle Layoute angelehnt (in der Farbgebung allerdings grob an die aktuelle Version von spd.de).<br />
<br />
Bei diesem Layout befinden sich die Block/Widget-Bereiche oben unter dem Kopfbanner / über dem Hauptinhalt sowie unten unter dem Hauptinhalt. Die Artikel werden dreispaltig nebeneinander angeordnet, die Zahl der Artikel auf der Startseite (wie auch auf Folgeseiten) sollte daher 3 oder ein vielfaches von 3 betragen (Tab "[[Einstellungen]]" -> "[[Einstellungen für die Durchreiche und Kommentare|Einstellungen_für_die_Durchreiche_und_Kommentare]]<br />
<br />
__TOC__<br />
[[Datei:websozis2020.png|mini|600px|gerahmt|zentriert|Layout websozis2020 - in einem Desktopbrowser]]<br />
<br />
Es ist mit allen modernen Browsern kompatibel, lediglich der InternetExplorer muss die Version 10 oder höher haben.<br />
<br />
Das Layout kann mit in Abhängigkeit vom Menüpunkt wechselnden Header-Bildern eingerichtet werden (nur für die Menüpunkt der ersten Ebene). Dazu ladet ihr die gewünschte Grafik im Tab "Nachrichten und Seiten" bei "Bilder oder MP3s hochladen / ändern" in das WebSoziCMS. Als Suchbegriff im Bereich "Einstellungen" gebt ihr dann die Bezeichnung des Menüpunktes ein. Wichtig: die Grafik muss die absolut gleichen Abmessungen wie das Default-Header-Bild haben. Letzteres wird bei allen Menüpunkten angezeigt, für die kein individuelles Header-Bild definiert ist.<br />
<br />
Das Layout unterstützt die [[Wie_wird_die_Newsbox_genutzt|Newsbox]], diese befindet sich im Bereich des Headerbildes auf der Startseite<br />
<br />
<br />
== Responsives Layout ==<br />
websozis2020 ist ein responsives Layout, d.h. die Ansicht passt sich der Auflösung an, mit der die Webseite betrachtet wird. Auf Smartphones wandelt sich beispielsweise die Navigation von einer horizontalen Leiste zu einem Drop-Down-Menü. Bilder (vom System wie auch manuell eingefügte) werden ebenfalls automatisch in der Größe angepasst.<br />
<br />
[[Datei:websozis2020_iphone.png|mini|300px|zentriert|Layout websozis2020- auf einem IPhone]]<br />
<br />
Das Hauptmenü sollte in Abhängigkeit von der Länge der Menübezeichnungen nicht mehr als 4-5 Menüpunkte auf der ersten Ebene haben. Da sich das Layout der Größe des Ausgabegerätes anpasst kann es ansonsten auf kleineren Ausgabegeräten (Tablets z.B.) zu unschön aussehenden 2-reihigen Hauptmenüs kommen<br />
<br />
=== Eingebettete Inhalte fremder Quellen (z.B. iframe) ===<br />
<br />
Bei eingebetteten Inhalten anderer Anbieter (z.B. Youtube-Videos, Facebook-Badges oder ähnliches) ist es nicht möglich, diese Inhalte schon systemseits rsponsiv zu machen (im Gegensatz zu den Grafiken/Bildern). Oft ist es möglich, von den Anbietern dieser Dienste auch responsiven Quell-Code zu erhalten. Sollte es das nicht geben besteht die Möglichkeit, diese Inhalte durch etwas zusätzliches HTML nach folgendem Muster responsiv zu machen:<br />
<br />
<pre><br />
<!-- 21:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-21by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 16:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-16by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 4:3 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-4by3"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 1:1 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-1by1"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
</pre><br />
<br />
Diese Ergänzungen sind für <iframe>, <embed>, <video> und <object>-HTML-Tags möglich.<br />
<br />
== Abmessungen ==<br />
<br />
Die Abmessungen sind die maximalen Werte in einer Bildschirmbreite größer als 1200 Pixel. Darunter erfolgt die responsive Darstellung, die ggf. automatisch auf kleinere Werte skaliert.<br />
<br />
{| class="wikitable"<br />
|-<br />
! Bildposition !! Breite !! Höhe !! Bildposition !! Breite !! Höhe<br />
|-<br />
| Logol || 100px || 100px || Kopfbanner || 1110px || 3000px<br />
|-<br />
| Blöcke unter dem Kopfbanner|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|-<br />
| Blöcke unter dem Hauptinhalt|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|}<br />
<br />
Im Tab "Blöcke" -> "Blöcke unter dem Kopfbanner" kann ausgewählt werden, ob die "Blöcke unter dem Kopfbanner" nur auf der Startseite angezeigt werden sollen (Standard) oder auf allen Seiten.<br />
<br />
== bekannte Probleme ==<br />
* beim anlegen einer Seite besteht die Möglichkeit, verschiedene Seitenlayoute auszuwählen. Hier sollten die Seitenlayoute "ohne Tabellen" gewählt werden, da es mit Tabellen zu Darstellungsproblemen kommen kann (die Darstellung mit Tabellen ist sowieso stark veraltet und sollte "neu" generell nicht mehr verwendet werden)<br />
<br />
== Modifikationen ==<br />
<br />
Das Layout websozis2020 steht auch als [[websozis2020_alternate]] zur Verfügung. Die Anordnung der Artikel erfolgt hierbei untereinander und nicht in Spalten.<br />
<br />
=== Bootstrap ===<br />
Das Layout websozis2018 basiert auf Bootstrap in der Version 4.5, einem beliebten und weit verbreiteten CSS-Framework. Das hat den Vorteil, dass ihr viele CSS-Hilfsklassen aus dem Framework auch für eigene Inhalte nutzen könnt - z.B. für Tabellen hier: https://getbootstrap.com/docs/4.5/content/tables/</div>Marhagggehttps://www.websozicms.de/index.php?title=Websozis2020&diff=1036Websozis20202020-09-24T12:52:18Z<p>Marhaggge: </p>
<hr />
<div>Das Layout websozis2020 ist eine Eigenentwicklung der WebSozis, also nicht an offizielle Layoute angelehnt (in der Farbgebung allerdings grob an die aktuelle Version von spd.de).<br />
__TOC__<br />
[[Datei:websozis2020.png|mini|600px|gerahmt|zentriert|Layout websozis2020 - in einem Desktopbrowser]]<br />
<br />
Es ist mit allen modernen Browsern kompatibel, lediglich der InternetExplorer muss die Version 10 oder höher haben.<br />
<br />
Das Layout kann mit in Abhängigkeit vom Menüpunkt wechselnden Header-Bildern eingerichtet werden (nur für die Menüpunkt der ersten Ebene). Dazu ladet ihr die gewünschte Grafik im Tab "Nachrichten und Seiten" bei "Bilder oder MP3s hochladen / ändern" in das WebSoziCMS. Als Suchbegriff im Bereich "Einstellungen" gebt ihr dann die Bezeichnung des Menüpunktes ein. Wichtig: die Grafik muss die absolut gleichen Abmessungen wie das Default-Header-Bild haben. Letzteres wird bei allen Menüpunkten angezeigt, für die kein individuelles Header-Bild definiert ist.<br />
<br />
Das Layout unterstützt die [[Wie_wird_die_Newsbox_genutzt|Newsbox|]], diese befindet sich im Bereich des Headerbildes auf der Startseite<br />
<br />
<br />
== Responsives Layout ==<br />
websozis2020 ist ein responsives Layout, d.h. die Ansicht passt sich der Auflösung an, mit der die Webseite betrachtet wird. Auf Smartphones wandelt sich beispielsweise die Navigation von einer horizontalen Leiste zu einem Drop-Down-Menü. Bilder (vom System wie auch manuell eingefügte) werden ebenfalls automatisch in der Größe angepasst.<br />
<br />
[[Datei:websozis2020_iphone.png|mini|300px|zentriert|Layout websozis2020- auf einem IPhone]]<br />
<br />
Das Hauptmenü sollte in Abhängigkeit von der Länge der Menübezeichnungen nicht mehr als 4-5 Menüpunkte auf der ersten Ebene haben. Da sich das Layout der Größe des Ausgabegerätes anpasst kann es ansonsten auf kleineren Ausgabegeräten (Tablets z.B.) zu unschön aussehenden 2-reihigen Hauptmenüs kommen<br />
<br />
=== Eingebettete Inhalte fremder Quellen (z.B. iframe) ===<br />
<br />
Bei eingebetteten Inhalten anderer Anbieter (z.B. Youtube-Videos, Facebook-Badges oder ähnliches) ist es nicht möglich, diese Inhalte schon systemseits rsponsiv zu machen (im Gegensatz zu den Grafiken/Bildern). Oft ist es möglich, von den Anbietern dieser Dienste auch responsiven Quell-Code zu erhalten. Sollte es das nicht geben besteht die Möglichkeit, diese Inhalte durch etwas zusätzliches HTML nach folgendem Muster responsiv zu machen:<br />
<br />
<pre><br />
<!-- 21:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-21by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 16:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-16by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 4:3 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-4by3"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 1:1 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-1by1"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
</pre><br />
<br />
Diese Ergänzungen sind für <iframe>, <embed>, <video> und <object>-HTML-Tags möglich.<br />
<br />
== Abmessungen ==<br />
<br />
Die Abmessungen sind die maximalen Werte in einer Bildschirmbreite größer als 1200 Pixel. Darunter erfolgt die responsive Darstellung, die ggf. automatisch auf kleinere Werte skaliert.<br />
<br />
{| class="wikitable"<br />
|-<br />
! Bildposition !! Breite !! Höhe !! Bildposition !! Breite !! Höhe<br />
|-<br />
| Logol || 100px || 100px || Kopfbanner || 1110px || 3000px<br />
|-<br />
| Blöcke unter dem Kopfbanner|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|-<br />
| Blöcke unter dem Hauptinhalt|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|}<br />
<br />
Im Tab "Blöcke" -> "Blöcke unter dem Kopfbanner" kann ausgewählt werden, ob die "Blöcke unter dem Kopfbanner" nur auf der Startseite angezeigt werden sollen (Standard) oder auf allen Seiten.<br />
<br />
== bekannte Probleme ==<br />
* beim anlegen einer Seite besteht die Möglichkeit, verschiedene Seitenlayoute auszuwählen. Hier sollten die Seitenlayoute "ohne Tabellen" gewählt werden, da es mit Tabellen zu Darstellungsproblemen kommen kann (die Darstellung mit Tabellen ist sowieso stark veraltet und sollte "neu" generell nicht mehr verwendet werden)<br />
<br />
== Modifikationen ==<br />
<br />
Das Layout websozis2020 steht auch als [[websozis2020_alternate]] zur Verfügung. Die Anordnung der Artikel erfolgt hierbei untereinander und nicht in Spalten.<br />
<br />
=== Bootstrap ===<br />
Das Layout websozis2018 basiert auf Bootstrap in der Version 4.5, einem beliebten und weit verbreiteten CSS-Framework. Das hat den Vorteil, dass ihr viele CSS-Hilfsklassen aus dem Framework auch für eigene Inhalte nutzen könnt - z.B. für Tabellen hier: https://getbootstrap.com/docs/4.5/content/tables/</div>Marhagggehttps://www.websozicms.de/index.php?title=Websozis2020&diff=1035Websozis20202020-09-24T12:52:00Z<p>Marhaggge: </p>
<hr />
<div>Das Layout websozis2020 ist eine Eigenentwicklung der WebSozis, also nicht an offizielle Layoute angelehnt (in der Farbgebung allerdings grob an die aktuelle Version von spd.de).<br />
__TOC__<br />
[[Datei:websozis2020.png|mini|600px|gerahmt|zentriert|Layout websozis2020 - in einem Desktopbrowser]]<br />
<br />
Es ist mit allen modernen Browsern kompatibel, lediglich der InternetExplorer muss die Version 10 oder höher haben.<br />
<br />
Das Layout kann mit in Abhängigkeit vom Menüpunkt wechselnden Header-Bildern eingerichtet werden (nur für die Menüpunkt der ersten Ebene). Dazu ladet ihr die gewünschte Grafik im Tab "Nachrichten und Seiten" bei "Bilder oder MP3s hochladen / ändern" in das WebSoziCMS. Als Suchbegriff im Bereich "Einstellungen" gebt ihr dann die Bezeichnung des Menüpunktes ein. Wichtig: die Grafik muss die absolut gleichen Abmessungen wie das Default-Header-Bild haben. Letzteres wird bei allen Menüpunkten angezeigt, für die kein individuelles Header-Bild definiert ist.<br />
<br />
Das Layout unterstützt die [[Newsbox||Wie_wird_die_Newsbox_genutzt]], diese befindet sich im Bereich des Headerbildes auf der Startseite<br />
<br />
<br />
== Responsives Layout ==<br />
websozis2020 ist ein responsives Layout, d.h. die Ansicht passt sich der Auflösung an, mit der die Webseite betrachtet wird. Auf Smartphones wandelt sich beispielsweise die Navigation von einer horizontalen Leiste zu einem Drop-Down-Menü. Bilder (vom System wie auch manuell eingefügte) werden ebenfalls automatisch in der Größe angepasst.<br />
<br />
[[Datei:websozis2020_iphone.png|mini|300px|zentriert|Layout websozis2020- auf einem IPhone]]<br />
<br />
Das Hauptmenü sollte in Abhängigkeit von der Länge der Menübezeichnungen nicht mehr als 4-5 Menüpunkte auf der ersten Ebene haben. Da sich das Layout der Größe des Ausgabegerätes anpasst kann es ansonsten auf kleineren Ausgabegeräten (Tablets z.B.) zu unschön aussehenden 2-reihigen Hauptmenüs kommen<br />
<br />
=== Eingebettete Inhalte fremder Quellen (z.B. iframe) ===<br />
<br />
Bei eingebetteten Inhalten anderer Anbieter (z.B. Youtube-Videos, Facebook-Badges oder ähnliches) ist es nicht möglich, diese Inhalte schon systemseits rsponsiv zu machen (im Gegensatz zu den Grafiken/Bildern). Oft ist es möglich, von den Anbietern dieser Dienste auch responsiven Quell-Code zu erhalten. Sollte es das nicht geben besteht die Möglichkeit, diese Inhalte durch etwas zusätzliches HTML nach folgendem Muster responsiv zu machen:<br />
<br />
<pre><br />
<!-- 21:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-21by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 16:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-16by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 4:3 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-4by3"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 1:1 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-1by1"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
</pre><br />
<br />
Diese Ergänzungen sind für <iframe>, <embed>, <video> und <object>-HTML-Tags möglich.<br />
<br />
== Abmessungen ==<br />
<br />
Die Abmessungen sind die maximalen Werte in einer Bildschirmbreite größer als 1200 Pixel. Darunter erfolgt die responsive Darstellung, die ggf. automatisch auf kleinere Werte skaliert.<br />
<br />
{| class="wikitable"<br />
|-<br />
! Bildposition !! Breite !! Höhe !! Bildposition !! Breite !! Höhe<br />
|-<br />
| Logol || 100px || 100px || Kopfbanner || 1110px || 3000px<br />
|-<br />
| Blöcke unter dem Kopfbanner|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|-<br />
| Blöcke unter dem Hauptinhalt|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|}<br />
<br />
Im Tab "Blöcke" -> "Blöcke unter dem Kopfbanner" kann ausgewählt werden, ob die "Blöcke unter dem Kopfbanner" nur auf der Startseite angezeigt werden sollen (Standard) oder auf allen Seiten.<br />
<br />
== bekannte Probleme ==<br />
* beim anlegen einer Seite besteht die Möglichkeit, verschiedene Seitenlayoute auszuwählen. Hier sollten die Seitenlayoute "ohne Tabellen" gewählt werden, da es mit Tabellen zu Darstellungsproblemen kommen kann (die Darstellung mit Tabellen ist sowieso stark veraltet und sollte "neu" generell nicht mehr verwendet werden)<br />
<br />
== Modifikationen ==<br />
<br />
Das Layout websozis2020 steht auch als [[websozis2020_alternate]] zur Verfügung. Die Anordnung der Artikel erfolgt hierbei untereinander und nicht in Spalten.<br />
<br />
=== Bootstrap ===<br />
Das Layout websozis2018 basiert auf Bootstrap in der Version 4.5, einem beliebten und weit verbreiteten CSS-Framework. Das hat den Vorteil, dass ihr viele CSS-Hilfsklassen aus dem Framework auch für eigene Inhalte nutzen könnt - z.B. für Tabellen hier: https://getbootstrap.com/docs/4.5/content/tables/</div>Marhagggehttps://www.websozicms.de/index.php?title=Websozis2020&diff=1034Websozis20202020-09-24T12:51:13Z<p>Marhaggge: </p>
<hr />
<div>Das Layout websozis2020 ist eine Eigenentwicklung der WebSozis, also nicht an offizielle Layoute angelehnt (in der Farbgebung allerdings grob an die aktuelle Version von spd.de).<br />
__TOC__<br />
[[Datei:websozis2020.png|mini|600px|gerahmt|zentriert|Layout websozis2020 - in einem Desktopbrowser]]<br />
<br />
Es ist mit allen modernen Browsern kompatibel, lediglich der InternetExplorer muss die Version 10 oder höher haben.<br />
<br />
Das Layout kann mit in Abhängigkeit vom Menüpunkt wechselnden Header-Bildern eingerichtet werden (nur für die Menüpunkt der ersten Ebene). Dazu ladet ihr die gewünschte Grafik im Tab "Nachrichten und Seiten" bei "Bilder oder MP3s hochladen / ändern" in das WebSoziCMS. Als Suchbegriff im Bereich "Einstellungen" gebt ihr dann die Bezeichnung des Menüpunktes ein. Wichtig: die Grafik muss die absolut gleichen Abmessungen wie das Default-Header-Bild haben. Letzteres wird bei allen Menüpunkten angezeigt, für die kein individuelles Header-Bild definiert ist.<br />
<br />
Das Layout unterstützt die [[Newsbox]], diese befindet sich im Bereich des Headerbildes auf der Startseite<br />
<br />
<br />
== Responsives Layout ==<br />
websozis2020 ist ein responsives Layout, d.h. die Ansicht passt sich der Auflösung an, mit der die Webseite betrachtet wird. Auf Smartphones wandelt sich beispielsweise die Navigation von einer horizontalen Leiste zu einem Drop-Down-Menü. Bilder (vom System wie auch manuell eingefügte) werden ebenfalls automatisch in der Größe angepasst.<br />
<br />
[[Datei:websozis2020_iphone.png|mini|300px|zentriert|Layout websozis2020- auf einem IPhone]]<br />
<br />
Das Hauptmenü sollte in Abhängigkeit von der Länge der Menübezeichnungen nicht mehr als 4-5 Menüpunkte auf der ersten Ebene haben. Da sich das Layout der Größe des Ausgabegerätes anpasst kann es ansonsten auf kleineren Ausgabegeräten (Tablets z.B.) zu unschön aussehenden 2-reihigen Hauptmenüs kommen<br />
<br />
=== Eingebettete Inhalte fremder Quellen (z.B. iframe) ===<br />
<br />
Bei eingebetteten Inhalten anderer Anbieter (z.B. Youtube-Videos, Facebook-Badges oder ähnliches) ist es nicht möglich, diese Inhalte schon systemseits rsponsiv zu machen (im Gegensatz zu den Grafiken/Bildern). Oft ist es möglich, von den Anbietern dieser Dienste auch responsiven Quell-Code zu erhalten. Sollte es das nicht geben besteht die Möglichkeit, diese Inhalte durch etwas zusätzliches HTML nach folgendem Muster responsiv zu machen:<br />
<br />
<pre><br />
<!-- 21:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-21by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 16:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-16by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 4:3 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-4by3"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 1:1 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-1by1"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
</pre><br />
<br />
Diese Ergänzungen sind für <iframe>, <embed>, <video> und <object>-HTML-Tags möglich.<br />
<br />
== Abmessungen ==<br />
<br />
Die Abmessungen sind die maximalen Werte in einer Bildschirmbreite größer als 1200 Pixel. Darunter erfolgt die responsive Darstellung, die ggf. automatisch auf kleinere Werte skaliert.<br />
<br />
{| class="wikitable"<br />
|-<br />
! Bildposition !! Breite !! Höhe !! Bildposition !! Breite !! Höhe<br />
|-<br />
| Logol || 100px || 100px || Kopfbanner || 1110px || 3000px<br />
|-<br />
| Blöcke unter dem Kopfbanner|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|-<br />
| Blöcke unter dem Hauptinhalt|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|}<br />
<br />
Im Tab "Blöcke" -> "Blöcke unter dem Kopfbanner" kann ausgewählt werden, ob die "Blöcke unter dem Kopfbanner" nur auf der Startseite angezeigt werden sollen (Standard) oder auf allen Seiten.<br />
<br />
== bekannte Probleme ==<br />
* beim anlegen einer Seite besteht die Möglichkeit, verschiedene Seitenlayoute auszuwählen. Hier sollten die Seitenlayoute "ohne Tabellen" gewählt werden, da es mit Tabellen zu Darstellungsproblemen kommen kann (die Darstellung mit Tabellen ist sowieso stark veraltet und sollte "neu" generell nicht mehr verwendet werden)<br />
<br />
== Modifikationen ==<br />
<br />
Das Layout websozis2020 steht auch als [[websozis2020_alternate]] zur Verfügung. Die Anordnung der Artikel erfolgt hierbei untereinander und nicht in Spalten.<br />
<br />
=== Bootstrap ===<br />
Das Layout websozis2018 basiert auf Bootstrap in der Version 4.5, einem beliebten und weit verbreiteten CSS-Framework. Das hat den Vorteil, dass ihr viele CSS-Hilfsklassen aus dem Framework auch für eigene Inhalte nutzen könnt - z.B. für Tabellen hier: https://getbootstrap.com/docs/4.5/content/tables/</div>Marhagggehttps://www.websozicms.de/index.php?title=Websozis2020&diff=1033Websozis20202020-09-24T12:50:52Z<p>Marhaggge: </p>
<hr />
<div>Das Layout websozis2020 ist eine Eigenentwicklung der WebSozis, also nicht an offizielle Layoute angelehnt (in der Farbgebung allerdings grob an die aktuelle Version von spd.de).<br />
__TOC__<br />
[[Datei:websozis2020.png|mini|600px|gerahmt|zentriert|Layout websozis2020 - in einem Desktopbrowser]]<br />
<br />
Es ist mit allen modernen Browsern kompatibel, lediglich der InternetExplorer muss die Version 10 oder höher haben.<br />
<br />
Das Layout kann mit in Abhängigkeit vom Menüpunkt wechselnden Header-Bildern eingerichtet werden (nur für die Menüpunkt der ersten Ebene). Dazu ladet ihr die gewünschte Grafik im Tab "Nachrichten und Seiten" bei "Bilder oder MP3s hochladen / ändern" in das WebSoziCMS. Als Suchbegriff im Bereich "Einstellungen" gebt ihr dann die Bezeichnung des Menüpunktes ein. Wichtig: die Grafik muss die absolut gleichen Abmessungen wie das Default-Header-Bild haben. Letzteres wird bei allen Menüpunkten angezeigt, für die kein individuelles Header-Bild definiert ist.<br />
<br />
Das Layout unterstützt die [[Newsbox]], diese befindet sich im Bereich des Headerbildes auf der Startseite<br />
<br />
<br />
== Responsives Layout ==<br />
websozis2020 ist ein responsives Layout, d.h. die Ansicht passt sich der Auflösung an, mit der die Webseite betrachtet wird. Auf Smartphones wandelt sich beispielsweise die Navigation von einer horizontalen Leiste zu einem Drop-Down-Menü. Bilder (vom System wie auch manuell eingefügte) werden ebenfalls automatisch in der Größe angepasst.<br />
<br />
[[Datei:websozis2020_iphone.png|mini|300px|zentriert|Layout websozis2020- auf einem IPhone]]<br />
<br />
Das Hauptmenü sollte in Abhängigkeit von der Länge der Menübezeichnungen nicht mehr als 4-5 Menüpunkte auf der ersten Ebene haben. Da sich das Layout der Größe des Ausgabegerätes anpasst kann es ansonsten auf kleineren Ausgabegeräten (Tablets z.B.) zu unschön aussehenden 2-reihigen Hauptmenüs kommen<br />
<br />
=== Eingebettete Inhalte fremder Quellen (z.B. iframe) ===<br />
<br />
Bei eingebetteten Inhalten anderer Anbieter (z.B. Youtube-Videos, Facebook-Badges oder ähnliches) ist es nicht möglich, diese Inhalte schon systemseits rsponsiv zu machen (im Gegensatz zu den Grafiken/Bildern). Oft ist es möglich, von den Anbietern dieser Dienste auch responsiven Quell-Code zu erhalten. Sollte es das nicht geben besteht die Möglichkeit, diese Inhalte durch etwas zusätzliches HTML nach folgendem Muster responsiv zu machen:<br />
<br />
<pre><br />
<!-- 21:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-21by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 16:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-16by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 4:3 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-4by3"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 1:1 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-1by1"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
</pre><br />
<br />
Diese Ergänzungen sind für <iframe>, <embed>, <video> und <object>-HTML-Tags möglich.<br />
<br />
== Abmessungen ==<br />
<br />
Die Abmessungen sind die maximalen Werte in einer Bildschirmbreite größer als 1200 Pixel. Darunter erfolgt die responsive Darstellung, die ggf. automatisch auf kleinere Werte skaliert.<br />
<br />
{| class="wikitable"<br />
|-<br />
! Bildposition !! Breite !! Höhe !! Bildposition !! Breite !! Höhe<br />
|-<br />
| Logol || 100px || 100px || Kopfbanner || 1110px || 3000px<br />
|-<br />
| Blöcke unter dem Kopfbanner|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
| Blöcke unter dem Hauptinhalt|| colspan="5" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe<br />
|}<br />
<br />
Im Tab "Blöcke" -> "Blöcke unter dem Kopfbanner" kann ausgewählt werden, ob die "Blöcke unter dem Kopfbanner" nur auf der Startseite angezeigt werden sollen (Standard) oder auf allen Seiten.<br />
<br />
== bekannte Probleme ==<br />
* beim anlegen einer Seite besteht die Möglichkeit, verschiedene Seitenlayoute auszuwählen. Hier sollten die Seitenlayoute "ohne Tabellen" gewählt werden, da es mit Tabellen zu Darstellungsproblemen kommen kann (die Darstellung mit Tabellen ist sowieso stark veraltet und sollte "neu" generell nicht mehr verwendet werden)<br />
<br />
== Modifikationen ==<br />
<br />
Das Layout websozis2020 steht auch als [[websozis2020_alternate]] zur Verfügung. Die Anordnung der Artikel erfolgt hierbei untereinander und nicht in Spalten.<br />
<br />
=== Bootstrap ===<br />
Das Layout websozis2018 basiert auf Bootstrap in der Version 4.5, einem beliebten und weit verbreiteten CSS-Framework. Das hat den Vorteil, dass ihr viele CSS-Hilfsklassen aus dem Framework auch für eigene Inhalte nutzen könnt - z.B. für Tabellen hier: https://getbootstrap.com/docs/4.5/content/tables/</div>Marhagggehttps://www.websozicms.de/index.php?title=Websozis2020&diff=1032Websozis20202020-09-24T12:49:44Z<p>Marhaggge: Die Seite wurde neu angelegt: „Das Layout websozis2020 ist eine Eigenentwicklung der WebSozis, also nicht an offizielle Layoute angelehnt (in der Farbgebung allerdings grob an die aktuelle V…“</p>
<hr />
<div>Das Layout websozis2020 ist eine Eigenentwicklung der WebSozis, also nicht an offizielle Layoute angelehnt (in der Farbgebung allerdings grob an die aktuelle Version von spd.de).<br />
__TOC__<br />
[[Datei:websozis2020.png|mini|600px|gerahmt|zentriert|Layout websozis2020 - in einem Desktopbrowser]]<br />
<br />
Es ist mit allen modernen Browsern kompatibel, lediglich der InternetExplorer muss die Version 10 oder höher haben.<br />
<br />
Das Layout kann mit in Abhängigkeit vom Menüpunkt wechselnden Header-Bildern eingerichtet werden (nur für die Menüpunkt der ersten Ebene). Dazu ladet ihr die gewünschte Grafik im Tab "Nachrichten und Seiten" bei "Bilder oder MP3s hochladen / ändern" in das WebSoziCMS. Als Suchbegriff im Bereich "Einstellungen" gebt ihr dann die Bezeichnung des Menüpunktes ein. Wichtig: die Grafik muss die absolut gleichen Abmessungen wie das Default-Header-Bild haben. Letzteres wird bei allen Menüpunkten angezeigt, für die kein individuelles Header-Bild definiert ist.<br />
<br />
Das Layout unterstützt die [[Newsbox]], diese befindet sich im Bereich des Headerbildes auf der Startseite<br />
<br />
<br />
== Responsives Layout ==<br />
websozis2020 ist ein responsives Layout, d.h. die Ansicht passt sich der Auflösung an, mit der die Webseite betrachtet wird. Auf Smartphones wandelt sich beispielsweise die Navigation von einer horizontalen Leiste zu einem Drop-Down-Menü. Bilder (vom System wie auch manuell eingefügte) werden ebenfalls automatisch in der Größe angepasst.<br />
<br />
[[Datei:websozis2020_iphone.png|mini|300px|zentriert|Layout websozis2020- auf einem IPhone]]<br />
<br />
Das Hauptmenü sollte in Abhängigkeit von der Länge der Menübezeichnungen nicht mehr als 4-5 Menüpunkte auf der ersten Ebene haben. Da sich das Layout der Größe des Ausgabegerätes anpasst kann es ansonsten auf kleineren Ausgabegeräten (Tablets z.B.) zu unschön aussehenden 2-reihigen Hauptmenüs kommen<br />
<br />
=== Eingebettete Inhalte fremder Quellen (z.B. iframe) ===<br />
<br />
Bei eingebetteten Inhalten anderer Anbieter (z.B. Youtube-Videos, Facebook-Badges oder ähnliches) ist es nicht möglich, diese Inhalte schon systemseits rsponsiv zu machen (im Gegensatz zu den Grafiken/Bildern). Oft ist es möglich, von den Anbietern dieser Dienste auch responsiven Quell-Code zu erhalten. Sollte es das nicht geben besteht die Möglichkeit, diese Inhalte durch etwas zusätzliches HTML nach folgendem Muster responsiv zu machen:<br />
<br />
<pre><br />
<!-- 21:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-21by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 16:9 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-16by9"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 4:3 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-4by3"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
<br />
<!-- 1:1 Seitenverhältnis --><br />
<div class="embed-responsive embed-responsive-1by1"><br />
<iframe class="embed-responsive-item" src="..."></iframe><br />
</div><br />
</pre><br />
<br />
Diese Ergänzungen sind für <iframe>, <embed>, <video> und <object>-HTML-Tags möglich.<br />
<br />
== Abmessungen ==<br />
<br />
Die Abmessungen sind die maximalen Werte in einer Bildschirmbreite größer als 1200 Pixel. Darunter erfolgt die responsive Darstellung, die ggf. automatisch auf kleinere Werte skaliert.<br />
<br />
{| class="wikitable"<br />
|-<br />
! Bildposition !! Breite !! Höhe !! Bildposition !! Breite !! Höhe<br />
|-<br />
| Logol || 100px || 100px || Kopfbanner || 1110px || 3000px<br />
|-<br />
| Blöcke unter dem Kopfbanner|| colspan="2" align="center" | 330px oder komplette Spaltenbreite, je nach Einstellung. Bei Blöcken, die nicht über die ganze Spaltenbreite gehen sollte die Zahl der Blöcke als vielfaches von 3 gewählt werden, da ansonsten Lücken bleiben. Die Höhe entspricht der Höhe des höchsten Blockes in einer Reihe|| Blöcke rechts neben dem Hauptinhalt|| 330px || Entsprechend Blockinhalt<br />
|}<br />
<br />
Im Tab "Blöcke" -> "Blöcke unter dem Kopfbanner" kann ausgewählt werden, ob die "Blöcke unter dem Kopfbanner" nur auf der Startseite angezeigt werden sollen (Standard) oder auf allen Seiten.<br />
<br />
== bekannte Probleme ==<br />
* beim anlegen einer Seite besteht die Möglichkeit, verschiedene Seitenlayoute auszuwählen. Hier sollten die Seitenlayoute "ohne Tabellen" gewählt werden, da es mit Tabellen zu Darstellungsproblemen kommen kann (die Darstellung mit Tabellen ist sowieso stark veraltet und sollte "neu" generell nicht mehr verwendet werden)<br />
<br />
== Modifikationen ==<br />
<br />
Das Layout websozis2020 steht auch als [[websozis2020_alternate]] zur Verfügung. Die Anordnung der Artikel erfolgt hierbei untereinander und nicht in Spalten.<br />
<br />
=== Bootstrap ===<br />
Das Layout websozis2018 basiert auf Bootstrap in der Version 4.5, einem beliebten und weit verbreiteten CSS-Framework. Das hat den Vorteil, dass ihr viele CSS-Hilfsklassen aus dem Framework auch für eigene Inhalte nutzen könnt - z.B. für Tabellen hier: https://getbootstrap.com/docs/4.5/content/tables/</div>Marhagggehttps://www.websozicms.de/index.php?title=Layout%C3%BCbersicht&diff=1031Layoutübersicht2020-09-24T12:44:46Z<p>Marhaggge: </p>
<hr />
<div>[[Kategorie:Layoute]]<br />
Hier findest Du eine Übersicht aller Layoute (noch unvollständig) mit Hinweisen und User-Modifikationen.<br />
<br />
Wie man ein Layout wechselt ist hier beschrieben: [[Wechsel_des_Themes_(Layoutes)_einer_Homepage|Wechsel des Themes einer Homepage]]<br />
<br />
== Layoute der WebSozis ==<br />
* [[websozis2015_r]] (Responsiv)<br />
* [[spd_bayern_2016r]] (Responsiv)<br />
* [[websozis2017]] (Responsiv)<br />
* [[websozis2017_bigheader]] (Responsiv)<br />
* [[websozis2018]] (Responsiv)<br />
* [[websozis2018_cyan]] (Responsiv)<br />
* [[websozis2020]] (Responsive) (noch nicht online)<br />
* [[websozis2020_alternate]] (Responsive) (noch nicht online)<br />
<br />
== Offizielle Layoute (spd.de nachempfunden) ==<br />
* [[spd2012]]<br />
* [[spd2014]]<br />
<br />
== "Technische" Layoute ==<br />
* [[inactive]]<br />
<br />
== nur regional verfügbare Layoute ==<br />
<br />
=== Baden-Württemberg ===<br />
* [[spdbw2021]] (responsiv) (noch nicht online)<br />
<br />
=== Schleswig-Holstein ===<br />
* [[spdsh2017_r]] (responsive)<br />
<br />
=== Sachsen ===<br />
* [[sachsen2019]] (responsiv)</div>Marhagggehttps://www.websozicms.de/index.php?title=Layout%C3%BCbersicht&diff=1030Layoutübersicht2020-09-24T12:43:25Z<p>Marhaggge: </p>
<hr />
<div>[[Kategorie:Layoute]]<br />
Hier findest Du eine Übersicht aller Layoute (noch unvollständig) mit Hinweisen und User-Modifikationen.<br />
<br />
Wie man ein Layout wechselt ist hier beschrieben: [[Wechsel_des_Themes_(Layoutes)_einer_Homepage|Wechsel des Themes einer Homepage]]<br />
<br />
== Layoute der WebSozis ==<br />
* [[websozis2015_r]] (Responsiv)<br />
* [[spd_bayern_2016r]] (Responsiv)<br />
* [[websozis2017]] (Responsiv)<br />
* [[websozis2017_bigheader]] (Responsiv)<br />
* [[websozis2018]] (Responsiv)<br />
* [[websozis2018_cyan]] (Responsiv)<br />
* [[websozis2020]] (Responsive) (noch nicht online)<br />
* [[websozis2020_alternate]] (Response) (noch nicht online)<br />
<br />
== Offizielle Layoute (spd.de nachempfunden) ==<br />
* [[spd2012]]<br />
* [[spd2014]]<br />
<br />
== "Technische" Layoute ==<br />
* [[inactive]]<br />
<br />
== nur regional verfügbare Layoute ==<br />
<br />
=== Baden-Württemberg ===<br />
* [[spdbw2021]] (responsiv) (noch nicht online)<br />
<br />
=== Schleswig-Holstein ===<br />
* [[spdsh2017_r]] (responsive)<br />
<br />
=== Sachsen ===<br />
* [[sachsen2019]] (responsiv)</div>Marhagggehttps://www.websozicms.de/index.php?title=Wie_erstelle_ich_eine_Datenschutzerkl%C3%A4rung&diff=942Wie erstelle ich eine Datenschutzerklärung2018-05-27T10:36:20Z<p>Marhaggge: </p>
<hr />
<div>Die Datenschutzerklärung lässt sich erstellen bzw. bearbeiten, in dem ihr entweder<br />
<br />
* die Datenschutzerklärung im eingeloggten Zustand aufruft und dann dort auf "Datenschutzerklärung bearbeiten" klickt<br />
<br />
* im Admin-Menü im Tab "Nachrichten und Seiten" auf "Datenschutzerklörung bearbeiten" klickt.<br />
<br />
Das Modul funktioniert auf die gleiche Weise wie das Impressumsmodul.<br />
<br />
Es öffnet sich ein Editor, in dem sich die Datenschutzerklärung erfassen lässt.<br />
<br />
Leider ist es uns nicht möglich, euch eine Vorlage an die Hand zu geben - das hat zum einen rechtliche Gründe - wir können keine Haftung für solch einen vorgegebenen Text übernehmen - zum anderen aber auch ganz praktische: Bei der Erstellung der Datenschutzerklärung kommt es stark auf die individuellen Verhältnisse auf der Seite an - also z.B. sind Drittanbieterdienste vorhanden und wie sind sie eingebunden, sind Formulare vorhanden und wenn ja was wird abgefragt. Das lässt sich zentral nicht ermitteln und solche Dienste nicht in der Datenschutzerklärung zu erwähnen kann juristisch Probleme bereiten (genauso wie allerdings auch etwas zu erwähnen, was gar nicht vorhanden ist). Zentral eine Datenschutzerklärung vorzugeben würde also letztendlich bedeuteten, die Möglichkeiten, die das WebSoziCMS bietet massiv beschneiden zu müssen, damit es auf euerer Webseite nichts von der Datenschutzerklärung abweichendes geben kann.<br />
<br />
Im Internet gibt es eine Vielzahl von Generatoren, die einem dabei helfen eine Datenschutzerklärung zu erstellen und die die Standardfälle meist recht gut abdecken . z.B. https://datenschutz-generator.de oder die Tools von erecht24 ( https://www.e-recht24.de )<br />
<br />
Im internen Bereich auf spd.de ( kampagne.spd.de ) gibt es zudem eine Kachel "Alle Infos zur DSGVO", unter der sich eine Übersicht und ein FAQ mit den Anforderungen für Ortsvereine befindet.<br />
<br />
== Was ist in der Datenschutzerklärung zu berücksichtigen ==<br />
<br />
* Logfiles<br />
Informationen zur Handhabung der Logfiles bei uns finden sich hier: https://faq.unaone.net/welche-logfiles-werden-gespeichert-und-wie-lange/ Da dieses zur Gefahrenabwehr bzw. identifizierung technischer Störungen erfolgt ist diese Speicherung der DSVGO nach erlaubt. (Beim WebSoziCMS besteht die Besonderheit, dass Logfiles des WebSoziCMS-Auftrittes nicht in den eigenen Webspace kopiert werden können, die Einstellungen, die hierzu in der FAQ beschrieben werden haben also für die Domain der WebSozCMS-Installation keine Auswirkung)<br />
<br />
* Cookies<br />
Das WebSoziCMS nutzt - wie die meisten Webprogramme - sogenannte Session-Cookies. Diese lassen sich nicht personenbezogen auswerten und werden in aller Regel beim schließen des Browserfensters automatisch durch den Browser gelöscht. Session-Cookies sind eine Technologie, die sich in sehr vielen Web-Programmen (den meisten?) wiederfindet. Es ist umstritten, ob man diese Art von Cookies überhaupt erwähnen muss, aus Sicherheitsgründen würden wir es aber empfehlen (deswegen ist u.a. auch zentral der Cookie-Hinweis aktiviert worden)<br />
<br />
Bitte denkt auch daran, dass eingebundene Drittanbieterdienste häufig Cookies setzen - häufig auch im Sinne einer Datenschutzerklärung kritischere Dinge. Diese müssen selbstverständlich in der Datenschutzerklärung auch erwähnt werden (ob solche Cookies gesetzt werden kann man z.B. mit entsprechenden Plugins im Browser überprüfen, manche Browser (der Firefox z.B.) bieten auch in den Datenschutzeinstellungen eine Übersicht über die gespeicherten Cookies.<br />
<br />
* Formulare<br />
In den allermeisten Auftritten dürften Formulare enthalten sein - denkt daher daran, dass auch diese und die Behandlung der über das Formular eingegebene Daten in einer Datenschutzerklärung erwähnt werden sollen. Im WebSoziCMS selber wird davon nichts gespeichert, die Daten werden direkt per Mail (sofern von der Empfängermailadresse unterstützt über einen verschlüsselten Transport) an die im Formular definierte Mail-Adresse übermittelt<br />
<br />
* Kommentare + Gästebuch<br />
Solltet ihr Kommentare unter Artikeln erlauben bzw. das Gästebuch verwenden werden die eingegeben Namen und Mail-Adressen gespeichert (allerdings nicht überprüft, was auch gar nicht möglich wäre - es ist also problemlos möglich, irgendwelche Phantasiedinge einzugeben, die Mailadresse muss nur vom Aufbau her den Regel entsprechen)<br />
<br />
* Selbst eingebundene Dienste<br />
<br />
Weitergehende Auswertungen oder in einer Datenschutzerklärung zu erwähnenden Handlungen unsererseits erfolgen nicht, das WebSoziCMS selber speichert ansonsten weiter keine im Sinne einer Datenschutzerklärung relevanten Daten, also insbesondere auch keine IP-Adressen (nichtsdestotrotz müsst ihr natürlich Dienste erwähnen, die ihr selber eingebunden habt, also z.B. Analysesoftware wie Matomo oder Widgets von Sozialen Netzwerken oder ähnlichem)<br />
<br />
== Verlinkung der Datenschutzerklärung ==<br />
In moderneren Layouten (allen responsiven z.B.) ist die Datenschutzerklärung ähnlich wie das Impressum automatisch verlinkt. Nutzt ihr auf der Seite ein älteres Layout, müsst ihr diesen Menüpunkt evtl. manuell erstellen. Dazu ruft ihr im Tab "Blöcke" den Menüpunkt "Hauptmenü, neuer Menüpunkt" auf und wählt dort aus den öffentlichen Modulen das Modul "Datenschutzerklärung" aus. Da die Datenschutzerklärung leicht erreichbar sein soll empfielt es sich, den Menüpunkt in der Ebene 1 zu belassen, wenn das nicht geht ist eine Unterordnung z.B. unter einem Menüpunkt "Kontakt" z.B. evtl. auch noch in Ordnung.</div>Marhagggehttps://www.websozicms.de/index.php?title=Wie_erstelle_ich_eine_Datenschutzerkl%C3%A4rung&diff=941Wie erstelle ich eine Datenschutzerklärung2018-05-27T10:03:32Z<p>Marhaggge: </p>
<hr />
<div>Die Datenschutzerklärung lässt sich erstellen bzw. bearbeiten, in dem ihr entweder<br />
<br />
* die Datenschutzerklärung im eingeloggten Zustand aufruft und dann dort auf "Datenschutzerklärung bearbeiten" klickt<br />
<br />
* im Admin-Menü im Tab "Nachrichten und Seiten" auf "Datenschutzerklörung bearbeiten" klickt.<br />
<br />
Das Modul funktioniert auf die gleiche Weise wie das Impressumsmodul.<br />
<br />
Es öffnet sich ein Editor, in dem sich die Datenschutzerklärung erfassen lässt.<br />
<br />
Leider ist es uns nicht möglich, euch eine Vorlage an die Hand zu geben - das hat zum einen rechtliche Gründe - wir können keine Haftung für solch einen vorgegebenen Text übernehmen - zum anderen aber auch ganz praktische: Bei der Erstellung der Datenschutzerklärung kommt es stark auf die individuellen Verhältnisse auf der Seite an - also z.B. sind Drittanbieterdienste vorhanden und wie sind sie eingebunden, sind Formulare vorhanden und wenn ja was wird abgefragt. Das lässt sich zentral nicht ermitteln und solche Dienste nicht in der Datenschutzerklärung zu erwähnen kann juristisch Probleme bereiten (genauso wie allerdings auch etwas zu erwähnen, was gar nicht vorhanden ist). Zentral eine Datenschutzerklärung vorzugeben würde also letztendlich bedeuteten, die Möglichkeiten, die das WebSoziCMS bietet massiv beschneiden zu müssen, damit es auf euerer Webseite nichts von der Datenschutzerklärung abweichendes geben kann.<br />
<br />
Im Internet gibt es eine Vielzahl von Generatoren, die einem dabei helfen eine Datenschutzerklärung zu erstellen und die die Standardfälle meist recht gut abdecken . z.B. https://datenschutz-generator.de oder die Tools von erecht24 ( https://www.e-recht24.de )<br />
<br />
Im internen Bereich auf spd.de ( kampagne.spd.de ) gibt es zudem eine Kachel "Alle Infos zur DSGVO", unter der sich eine Übersicht und ein FAQ mit den Anforderungen für Ortsvereine befindet.<br />
<br />
== Was ist in der Datenschutzerklärung zu berücksichtigen ==<br />
<br />
* Logfiles<br />
Informationen zur Handhabung der Logfiles bei uns finden sich hier: https://faq.unaone.net/welche-logfiles-werden-gespeichert-und-wie-lange/ Da dieses zur Gefahrenabwehr bzw. identifizierung technischer Störungen erfolgt ist diese Speicherung der DSVGO nach erlaubt. (Beim WebSoziCMS besteht die Besonderheit, dass Logfiles des WebSoziCMS-Auftrittes nicht in den eigenen Webspace kopiert werden können, die Einstellungen, die hierzu in der FAQ beschrieben werden haben also für die Domain der WebSozCMS-Installation keine Auswirkung)<br />
<br />
* Cookies<br />
Das WebSoziCMS nutzt - wie die meisten Webprogramme - sogenannte Session-Cookies. Diese lassen sich nicht personenbezogen auswerten und werden in aller Regel beim schließen des Browserfensters automatisch durch den Browser gelöscht. Session-Cookies sind eine Technologie, die sich in sehr vielen Web-Programmen (den meisten?) wiederfindet. Es ist umstritten, ob man diese Art von Cookies überhaupt erwähnen muss, aus Sicherheitsgründen würden wir es aber empfehlen (deswegen ist u.a. auch zentral der Cookie-Hinweis aktiviert worden)<br />
<br />
Bitte denkt auch daran, dass eingebundene Drittanbieterdienste häufig Cookies setzen - häufig auch im Sinne einer Datenschutzerklärung kritischere Dinge. Diese müssen selbstverständlich in der Datenschutzerklärung auch erwähnt werden (ob solche Cookies gesetzt werden kann man z.B. mit entsprechenden Plugins im Browser überprüfen, manche Browser (der Firefox z.B.) bieten auch in den Datenschutzeinstellungen eine Übersicht über die gespeicherten Cookies.<br />
<br />
* Formulare<br />
In den allermeisten Auftritten dürften Formulare enthalten sein - denkt daher daran, dass auch diese und die Behandlung der über das Formular eingegebene Daten in einer Datenschutzerklärung erwähnt werden sollen. Im WebSoziCMS selber wird davon nichts gespeichert, die Daten werden direkt per Mail (sofern von der Empfängermailadresse unterstützt über einen verschlüsselten Transport) an die im Formular definierte Mail-Adresse übermittelt<br />
<br />
* Kommentare + Gästebuch<br />
Solltet ihr Kommentare unter Artikeln erlauben bzw. das Gästebuch verwenden werden die eingegeben Namen und Mail-Adressen gespeichert<br />
<br />
* Selbst eingebundene Dienste<br />
<br />
Weitergehende Auswertungen oder in einer Datenschutzerklärung zu erwähnenden Handlungen unsererseits erfolgen nicht, das WebSoziCMS selber speichert ansonsten weiter keine im Sinne einer Datenschutzerklärung relevanten Daten, also insbesondere auch keine IP-Adressen (nichtsdestotrotz müsst ihr natürlich Dienste erwähnen, die ihr selber eingebunden habt, also z.B. Analysesoftware wie Matomo oder Widgets von Sozialen Netzwerken oder ähnlichem)<br />
<br />
== Verlinkung der Datenschutzerklärung ==<br />
In moderneren Layouten (allen responsiven z.B.) ist die Datenschutzerklärung ähnlich wie das Impressum automatisch verlinkt. Nutzt ihr auf der Seite ein älteres Layout, müsst ihr diesen Menüpunkt evtl. manuell erstellen. Dazu ruft ihr im Tab "Blöcke" den Menüpunkt "Hauptmenü, neuer Menüpunkt" auf und wählt dort aus den öffentlichen Modulen das Modul "Datenschutzerklärung" aus. Da die Datenschutzerklärung leicht erreichbar sein soll empfielt es sich, den Menüpunkt in der Ebene 1 zu belassen, wenn das nicht geht ist eine Unterordnung z.B. unter einem Menüpunkt "Kontakt" z.B. evtl. auch noch in Ordnung.</div>Marhagggehttps://www.websozicms.de/index.php?title=Wie_erstelle_ich_eine_Datenschutzerkl%C3%A4rung&diff=940Wie erstelle ich eine Datenschutzerklärung2018-05-27T10:00:02Z<p>Marhaggge: </p>
<hr />
<div>Die Datenschutzerklärung lässt sich erstellen bzw. bearbeiten, in dem ihr entweder<br />
<br />
* die Datenschutzerklärung im eingeloggten Zustand aufruft und dann dort auf "Datenschutzerklärung bearbeiten" klickt<br />
<br />
* im Admin-Menü im Tab "Nachrichten und Seiten" auf "Datenschutzerklörung bearbeiten" klickt.<br />
<br />
Das Modul funktioniert auf die gleiche Weise wie das Impressumsmodul.<br />
<br />
Es öffnet sich ein Editor, in dem sich die Datenschutzerklärung erfassen lässt.<br />
<br />
Leider ist es uns nicht möglich, euch eine Vorlage an die Hand zu geben - das hat zum einen rechtliche Gründe - wir können keine Haftung für solch einen vorgegebenen Text übernehmen - zum anderen aber auch ganz praktische: Bei der Erstellung der Datenschutzerklärung kommt es stark auf die individuellen Verhältnisse auf der Seite an - also z.B. sind Drittanbieterdienste vorhanden und wie sind sie eingebunden, sind Formulare vorhanden und wenn ja was wird abgefragt. Das lässt sich zentral nicht ermitteln und solche Dienste nicht in der Datenschutzerklärung zu erwähnen kann juristisch Probleme bereiten (genauso wie allerdings auch etwas zu erwähnen, was gar nicht vorhanden ist). Zentral eine Datenschutzerklärung vorzugeben würde also letztendlich bedeuteten, die Möglichkeiten, die das WebSoziCMS bietet massiv beschneiden zu müssen, damit es auf euerer Webseite nichts von der Datenschutzerklärung abweichendes geben kann.<br />
<br />
Im Internet gibt es eine Vielzahl von Generatoren, die einem dabei helfen eine Datenschutzerklärung zu erstellen und die die Standardfälle meist recht gut abdecken . z.B. https://datenschutz-generator.de oder die Tools von erecht24 ( https://www.e-recht24.de )<br />
<br />
Im internen Bereich auf spd.de ( kampagne.spd.de ) gibt es zudem eine Kachel "Alle Infos zur DSGVO", unter der sich eine Übersicht und ein FAQ mit den Anforderungen für Ortsvereine befindet.<br />
<br />
== Was ist in der Datenschutzerklärung zu berücksichtigen ==<br />
<br />
* Logfiles<br />
Informationen zur Handhabung der Logfiles bei uns finden sich hier: https://faq.unaone.net/welche-logfiles-werden-gespeichert-und-wie-lange/ Da dieses zur Gefahrenabwehr bzw. identifizierung technischer Störungen erfolgt ist diese Speicherung der DSVGO nach erlaubt. (Beim WebSoziCMS besteht die Besonderheit, dass Logfiles des WebSoziCMS-Auftrittes nicht in den eigenen Webspace kopiert werden können, die Einstellungen, die hierzu in der FAQ beschrieben werden haben also für die Domain der WebSozCMS-Installation keine Auswirkung)<br />
<br />
* Cookies<br />
Das WebSoziCMS nutzt - wie die meisten Webprogramme - sogenannte Session-Cookies. Diese lassen sich nicht personenbezogen auswerten und werden in aller Regel beim schließen des Browserfensters automatisch durch den Browser gelöscht. Session-Cookies sind eine Technologie, die sich in sehr vielen Web-Programmen (den meisten?) wiederfindet. Es ist umstritten, ob man diese Art von Cookies überhaupt erwähnen muss, aus Sicherheitsgründen würden wir es aber empfehlen (deswegen ist u.a. auch zentral der Cookie-Hinweis aktiviert worden)<br />
<br />
Bitte denkt auch daran, dass eingebundene Drittanbieterdienste häufig Cookies setzen - häufig auch im Sinne einer Datenschutzerklärung kritischere Dinge. Diese müssen selbstverständlich in der Datenschutzerklärung auch erwähnt werden (ob solche Cookies gesetzt werden kann man z,B, mit entsprechenden Plugins im Browser überprüfen, manche Browser (der Firefox z.B.) bieten auch in den Datenschutzeinstellungen eine Übersicht über die gespeicherten Cookies.<br />
<br />
* Formulare<br />
In den allermeisten Auftritten dürften Formulare enthalten sein - denkt daher daran, dass auch diese und die Behandlung der über das Formular eingegebene Daten in einer Datenschutzerklärung erwähnt werden sollen. Im WebSoziCMS selber wird davon nichts gespeichert, die Daten werden direkt per Mail (sofern von der Empfängermailadresse unterstützt über einen verschlüsselten Transport) an die im Formular definierte Mail-Adresse übermittelt<br />
<br />
* Kommentare + Gästebuch<br />
Solltet ihr Kommentare unter Artikeln erlauben bzw. das Gästebuch verwenden werden die eingegeben Namen und Mail-Adressen gespeichert<br />
<br />
* Selbst eingebundene Dienste<br />
<br />
Weitergehende Auswertungen oder in einer Datenschutzerklärung zu erwähnenden Handlungen unsererseits erfolgen nicht, das WebSoziCMS selber speichert ansonsten weiter keine im Sinne einer Datenschutzerklärung relevanten Daten, also insbesondere auch keine IP-Adressen (nichtsdestotrotz müsst ihr natürlich Dienste erwähnen, die ihr selber eingebunden habt, also z.B. Analysesoftware wie Matomo oder Widgets von Sozialen Netzwerken oder ähnlichem)<br />
<br />
== Verlinkung der Datenschutzerklärung ==<br />
In moderneren Layouten (allen responsiven z.B.) ist die Datenschutzerklärung ähnlich wie das Impressum automatisch verlinkt. Nutzt ihr auf der Seite ein älteres Layout, müsst ihr diesen Menüpunkt evtl. manuell erstellen. Dazu ruft ihr im Tab "Blöcke" den Menüpunkt "Hauptmenü, neuer Menüpunkt" auf und wählt dort aus den öffentlichen Modulen das Modul "Datenschutzerklärung" aus. Da die Datenschutzerklärung leicht erreichbar sein soll empfielt es sich, den Menüpunkt in der Ebene 1 zu belassen, wenn das nicht geht ist eine Unterordnung z.B. unter einem Menüpunkt "Kontakt" z.B. evtl. auch noch in Ordnung.</div>Marhagggehttps://www.websozicms.de/index.php?title=Wie_erstelle_ich_eine_Datenschutzerkl%C3%A4rung&diff=939Wie erstelle ich eine Datenschutzerklärung2018-05-27T09:56:05Z<p>Marhaggge: </p>
<hr />
<div>Die Datenschutzerklärung lässt sich erstellen bzw. bearbeiten, in dem ihr entweder<br />
<br />
* die Datenschutzerklärung im eingeloggten Zustand aufruft und dann dort auf "Datenschutzerklärung bearbeiten" klickt<br />
<br />
* im Admin-Menü im Tab "Nachrichten und Seiten" auf "Datenschutzerklörung bearbeiten" klickt.<br />
<br />
Das Modul funktioniert auf die gleiche Weise wie das Impressumsmodul.<br />
<br />
Es öffnet sich ein Editor, in dem sich die Datenschutzerklärung erfassen lässt.<br />
<br />
Leider ist es uns nicht möglich, euch eine Vorlage an die Hand zu geben - das hat zum einen rechtliche Gründe - wir können keine Haftung für solch einen vorgegebenen Text übernehmen - zum anderen aber auch ganz praktische: Bei der Erstellung der Datenschutzerklärung kommt es stark auf die individuellen Verhältnisse auf der Seite an - also z.B. sind Drittanbieterdienste vorhanden und wie sind sie eingebunden, sind Formulare vorhanden und wenn ja was wird abgefragt. Das lässt sich zentral nicht ermitteln und solche Dienste nicht in der Datenschutzerklärung zu erwähnen kann juristisch Probleme bereiten (genauso wie allerdings auch etwas zu erwähnen, was gar nicht vorhanden ist). Zentral eine Datenschutzerklärung vorzugeben würde also letztendlich bedeuteten, die Möglichkeiten, die das WebSoziCMS bietet massiv beschneiden zu müssen, damit es auf euerer Webseite nichts von der Datenschutzerklärung abweichendes geben kann.<br />
<br />
Im Internet gibt es eine Vielzahl von Generatoren, die einem dabei helfen eine Datenschutzerklärung zu erstellen und die die Standardfälle meist recht gut abdecken . z.B. https://datenschutz-generator.de oder die Tools von erecht24 ( https://www.e-recht24.de )<br />
<br />
Im internen Bereich auf spd.de ( kampagne.spd.de ) gibt es zudem eine Kachel "Alle Infos zur DSGVO", unter der sich eine Übersicht und ein FAQ mit den Anforderungen für Ortsvereine befindet.<br />
<br />
== Was ist in der Datenschutzerklärung zu berücksichtigen ==<br />
<br />
* Logfiles<br />
Informationen zur Handhabung der Logfiles bei uns finden sich hier: https://faq.unaone.net/welche-logfiles-werden-gespeichert-und-wie-lange/ Da dieses zur Gefahrenabwehr bzw. identifizierung technischer Störungen erfolgt ist diese Speicherung der DSVGO nach erlaubt. (Beim WebSoziCMS besteht die Besonderheit, dass Logfiles des WebSoziCMS-Auftrittes nicht in den eigenen Webspace kopiert werden können, die Einstellungen, die hierzu in der FAQ beschrieben werden haben also für die Domain der WebSozCMS-Installation keine Auswirkung)<br />
<br />
* Cookies<br />
Das WebSoziCMS nutzt - wie die meisten Webprogramme - sogenannte Session-Cookies. Diese lassen sich nicht personenbezogen auswerten und werden in aller Regel beim schließen des Browserfensters automatisch durch den Browser gelöscht. Session-Cookies sind eine Technologie, die sich in sehr vielen Web-Programmen (den meisten?) wiederfindet. Es ist umstritten, ob man diese Art von Cookies überhaupt erwähnen muss, aus Sicherheitsgründen würden wir es aber empfehlen (deswegen ist u.a. auch zentral der Cookie-Hinweis aktiviert worden)<br />
<br />
* Formulare<br />
In den allermeisten Auftritten dürften Formulare enthalten sein - denkt daher daran, dass auch diese und die Behandlung der über das Formular eingegebene Daten in einer Datenschutzerklärung erwähnt werden sollen. Im WebSoziCMS selber wird davon nichts gespeichert, die Daten werden direkt per Mail (sofern von der Empfängermailadresse unterstützt über einen verschlüsselten Transport) an die im Formular definierte Mail-Adresse übermittelt<br />
<br />
* Kommentare + Gästebuch<br />
Solltet ihr Kommentare unter Artikeln erlauben bzw. das Gästebuch verwenden werden die eingegeben Namen und Mail-Adressen gespeichert<br />
<br />
* Selbst eingebundene Dienste<br />
<br />
Weitergehende Auswertungen oder in einer Datenschutzerklärung zu erwähnenden Handlungen unsererseits erfolgen nicht, das WebSoziCMS selber speichert ansonsten weiter keine im Sinne einer Datenschutzerklärung relevanten Daten, also insbesondere auch keine IP-Adressen (nichtsdestotrotz müsst ihr natürlich Dienste erwähnen, die ihr selber eingebunden habt, also z.B. Analysesoftware wie Matomo oder Widgets von Sozialen Netzwerken oder ähnlichem)<br />
<br />
== Verlinkung der Datenschutzerklärung ==<br />
In moderneren Layouten (allen responsiven z.B.) ist die Datenschutzerklärung ähnlich wie das Impressum automatisch verlinkt. Nutzt ihr auf der Seite ein älteres Layout, müsst ihr diesen Menüpunkt evtl. manuell erstellen. Dazu ruft ihr im Tab "Blöcke" den Menüpunkt "Hauptmenü, neuer Menüpunkt" auf und wählt dort aus den öffentlichen Modulen das Modul "Datenschutzerklärung" aus. Da die Datenschutzerklärung leicht erreichbar sein soll empfielt es sich, den Menüpunkt in der Ebene 1 zu belassen, wenn das nicht geht ist eine Unterordnung z.B. unter einem Menüpunkt "Kontakt" z.B. evtl. auch noch in Ordnung.</div>Marhagggehttps://www.websozicms.de/index.php?title=Layoutauswahl,_Auftritt_gestalten&diff=612Layoutauswahl, Auftritt gestalten2016-03-30T10:53:12Z<p>Marhaggge: </p>
<hr />
<div>[[Category:Handbuch]]<br />
Über diesen Menüpunkt ist es möglich, das Layout / Design der Homepage zu verändern.<br />
<br />
Im oberen Bereich kann man ein Layout auswählen und sich eine Vorschau (alternativ auch die Startseite) mit dem gewählten Theme anzeigen lassen. Solange ihr dabei nicht auf "Speichern" klickt seht diese Vorschau nur ihr, kein Besucher, der sich zufällig gleichzeitig auf der Homepage befindet. Erst mit Klick auf "Speichern" werden die Änderungen übernommen.<br />
<br />
Unterhalb der Auswahl befindet sich in aller Regel eine nähere Beschreibung des Layoutes, Besonderheiten, ggf. unterstützte Spezialfunktionen sowie die Abmessungen für Banner, Logos und Blöcke.<br />
<br />
Bei "Logo laden" besteht die Möglichkeit, das Theme durch ein Log zu individualisieren. Das Logo ist in der Regel das SPD-Logo, ggf. in einer regionalen Variante, es lässt sich aber jede Grafik in der vorgesehenen Größe (siehe oben) an diese Stelle laden.<br />
<br />
Ein Haken bei "Logo löschen" löscht mit dem Speichern das ausgewählte Logo, so dass wieder das Default-Logo des Themes angezeigt wird.<br />
<br />
Bei Kofbanner laden lässt sich ein Kopfbanner in das Theme laden. Kopfbanner können individuelle Claims, Grafiken oder ähnliches sein. In einigen Layouten kann an der Stelle des Kopfbanners die [[Wie_wird_die_Newsbox_genutzt|Newsbox]] angezeigt werden.<br />
<br />
Ein Haken bei "Kopfbanner löschen" und anschließendes Speichern löscht auch hier das individuelle Kopfbanner.<br />
<br />
Normalerweise wird über das Kopfbanner der bei [[Homepage einrichten]] vergebene Seitentitel angezeigt. Soll das einmal nicht geschehen (z.B. weil schon in die Grafik selber ein Seitentitel integriert wurde) lässt sich das über einen Haken bei "Kopfbanner ohne Seitentitel" einrichten.<br />
<br />
Unter Favicon lässt sich ein eigenes Favicon in das System laden. Bitte beachten: die Datei muss entsprechend vorher vorbereitet sein und das .ico-Format aufweisen. Wird kein individuelles Favicon in das System geladen wird das systemseits vorgegebene verwendet<br />
<br />
Änderungen des Themes einer Homepage sind dynamisch, d.h. zu jeder Zeit und ohne Verlust von Inhalten möglich. Lediglich individuelle Grafiken oder ähnliches müssen ggf. an neue Abmessungen angepasst werden. Eine detailliertere Anleitung findet sich [[Wechsel_des_Themes_(Layoutes)_einer_Homepage| hier]]<br />
<br />
Eine Layoutübersicht entsteht [[Layoutübersicht|hier]].</div>Marhagggehttps://www.websozicms.de/index.php?title=Bekannte_Fehler&diff=611Bekannte Fehler2016-03-30T10:51:36Z<p>Marhaggge: </p>
<hr />
<div>== Modul Seiten ==<br />
Beim verschieben von Abschnitten in Seiten kann es zu einer Fehlermeldung kommen und der Vorgang wird abgebrochen<br />
<br />
Das Problem tritt anscheinen vorwiegend dann auf, wenn Abschnitte leer oder auf "nicht anzeigen" gestellt sind. Der Abschnitt wird allerdings in der Regel trotzdem verschoben, mann muss allerdings den Menüpunkt neu anwählen</div>Marhagggehttps://www.websozicms.de/index.php?title=Versionshistorie&diff=610Versionshistorie2016-03-30T10:47:26Z<p>Marhaggge: </p>
<hr />
<div>== 3.3 am 30.03.2016 ==<br />
* Neu: Möglichkeit, eigene Favicons in der Seite zu nutzen<br />
* Neu: Social-Media-Buttons unter Artikeln und auf der Startseite, positionierbar (oberhalb Artikel, unterhalb Artikel) und konfigurierbar in aussehen und Auswahl angebotener Dienste (nach dem Shariff-Prjekt von Heise: http://www.heise.de/ct/artikel/Shariff-Social-Media-Buttons-mit-Datenschutz-2467514.html )<br />
* Neu: Extrablock Social-Media-Buttons, unabhängig von "Artikel-Buttons" konfigurierbar<br />
* Neu: Beziehungen auch für MdB und MdL aus dem eigenen Landesverband einrichtbar, unabhängig von KV-Zugehörigkeit<br />
* Neu: interner Bezeichner für Blöcke, bessere Übersicht bei Blöcken ohne Überschrift<br />
* Weggefallen: Social-Media-Buttons nach dem "2-Klick"-Projekt von Heise<br />
* Bugfix: Anzeige, wie oft ein Artikel gelesen wurde (in der Artikelübersicht) nur noch im eingeloggten Zustand möglich<br />
* Bugfix: Pfad zu RSS-Dateien wird jetzt richtig angezeigt<br />
* Bugfix: letzte eingerichtete Beziehung lässt sich abwählen<br />
* Bugfix: auch Beziehungen zu Gliederungen, die selber nicht eingerichtet werden können werden jetzt in der Übersicht angezeigt, damit sie ggf. selber wieder gelöscht werden können<br />
* Bugfix: es werden nur eigene sowie aus eingerichteten Beziehungen stammende Artikel angezeigt<br />
* Bugfix: Aktualisierung der Bilderdatenbank berücksichtigt nun auch vorhandene "korrekte" Einträge und lässt diese unbearbeitet<br />
* Bugfix: Die Größenänderung beim hochladen von Bildern während des anlegens einer Seite funktioniert wieder<br />
* Bugfix: aufgrund rechtlicher Probleme funktioniert die Personendatenbank nur noch innerhalb der eigenen Webseite, nicht mehr auf Ebene des Landesverbandes<br />
* Bugfix: löschen einer Seite löscht selbige jetzt auch aus dem Suchindex<br />
<br />
Daneben kleinere Fehlerbehebungen und Optimierungen ohne sichtbare Auswirkungen<br />
<br />
<br />
== Ältere Versionen ==<br />
* [[Version 3.2]]<br />
* [[Version 3.1]]<br />
* [[Version 3.0]]<br />
<br />
<br />
__NOTOC__</div>Marhagggehttps://www.websozicms.de/index.php?title=Versionshistorie&diff=609Versionshistorie2016-03-30T10:45:42Z<p>Marhaggge: </p>
<hr />
<div>== 3.3 am 30.03.2016 ==<br />
* Neu: Möglichkeit, eigene Favicons in der Seite zu nutzen<br />
* Neu: Social-Media-Buttons unter Artikeln und auf der Startseite, positionierbar (oberhalb Artikel, unterhalb Artikel) und konfigurierbar in aussehen und Auswahl angebotener Dienste (nach dem Shariff-Prjekt von Heise: http://www.heise.de/ct/artikel/Shariff-Social-Media-Buttons-mit-Datenschutz-2467514.html )<br />
* Neu: Extrablock Social-Media-Buttons, unabhängig von "Artikel-Buttons" konfigurierbar<br />
* Neu: Beziehungen auch für MdB und MdL aus dem eigenen Landesverband einrichtbar, unabhängig von KV-Zugehörigkeit<br />
* Neu: interner Bezeichner für Blöcke, bessere Übersicht bei Blöcken ohne Überschrift<br />
* Weggefallen: Social-Media-Buttons nach dem "2-Klick"-Projekt von Heise<br />
* Bugfix: Anzeige, wie oft ein Artikel gelesen wurde (in der Artikelübersicht) nur noch im eingeloggten Zustand möglich<br />
* Bugfix: Pfad zu RSS-Dateien wird jetzt richtig angezeigt<br />
* Bugfix: letzte eingerichtete Beziehung lässt sich abwählen<br />
* Bugfix: auch Beziehungen zu Gliederungen, die selber nicht eingerichtet werden können werden jetzt in der Übersicht angezeigt, damit sie ggf. selber wieder gelöscht werden können<br />
* Bugfix: es werden nur eigene sowie aus eingerichteten Beziehungen stammende Artikel angezeigt<br />
* Bugfix: Aktualisierung der Bilderdatenbank berücksichtigt nun auch vorhandene "korrekte" Einträge und lässt diese unbearbeitet<br />
* Bugfix: Die Größenänderung beim hochladen von Bildern während des anlegens einer Seite funktioniert wieder<br />
* Bugfix: aufgrund rechtlicher Probleme funktioniert die Personendatenbank nur noch innerhalb der eigenen Webseite, nicht mehr auf Ebene des Landesverbandes<br />
<br />
Daneben kleinere Fehlerbehebungen und Optimierungen ohne sichtbare Auswirkungen<br />
<br />
<br />
== Ältere Versionen ==<br />
* [[Version 3.2]]<br />
* [[Version 3.1]]<br />
* [[Version 3.0]]<br />
<br />
<br />
__NOTOC__</div>Marhagggehttps://www.websozicms.de/index.php?title=Version_3.2&diff=608Version 3.22016-03-30T10:32:52Z<p>Marhaggge: Die Seite wurde neu angelegt: „== 3.2.10 am 22.02.2016 == * Optimierungen am Datenbankframework (Umstellung auf MySQLi) * kleinere Bugfixex == 3.2.04 am 18.02.2016 == * Benutzernamen könne…“</p>
<hr />
<div>== 3.2.10 am 22.02.2016 ==<br />
* Optimierungen am Datenbankframework (Umstellung auf MySQLi)<br />
* kleinere Bugfixex<br />
<br />
== 3.2.04 am 18.02.2016 ==<br />
* Benutzernamen können jetzt Umlaute enthalten, Passwörter Sonderzeichen<br />
* Implementierung eines Demo-Modus<br />
* kleinere Bugfixes<br />
<br />
== 3.2.02 am 12.02.2016 ==<br />
* diverse kleinere Bugfixes<br />
* erlaubte Bildergrößen in Artikeln etc. orientieren sich jetzt am Layout<br />
<br />
== 3.2.01 am 02.02.2016 ==<br />
* Kleinere Bugfixes, Entfernung von Funktionen die im Zusammenhang mit dem Wegfall der spdnet.sozi.info-Adressen überflüssig waren<br />
<br />
== 3.2 am 27.01.2016 ==<br />
* Vorwiegend nicht sichtbare Änderungen aufgrund Wechsel Serverumgebung, Modul "Vorschaltseite" wieder aktiviert</div>Marhagggehttps://www.websozicms.de/index.php?title=Versionshistorie&diff=607Versionshistorie2016-03-30T10:32:48Z<p>Marhaggge: </p>
<hr />
<div>== 3.2.10 am 22.02.2016 ==<br />
* Optimierungen am Datenbankframework (Umstellung auf MySQLi)<br />
* kleinere Bugfixex<br />
<br />
== 3.2.04 am 18.02.2016 ==<br />
* Benutzernamen können jetzt Umlaute enthalten, Passwörter Sonderzeichen<br />
* Implementierung eines Demo-Modus<br />
* kleinere Bugfixes<br />
<br />
== 3.2.02 am 12.02.2016 ==<br />
* diverse kleinere Bugfixes<br />
* erlaubte Bildergrößen in Artikeln etc. orientieren sich jetzt am Layout<br />
<br />
== 3.2.01 am 02.02.2016 ==<br />
* Kleinere Bugfixes, Entfernung von Funktionen die im Zusammenhang mit dem Wegfall der spdnet.sozi.info-Adressen überflüssig waren<br />
<br />
== 3.2 am 27.01.2016 ==<br />
* Vorwiegend nicht sichtbare Änderungen aufgrund Wechsel Serverumgebung, Modul "Vorschaltseite" wieder aktiviert<br />
<br />
<br />
== Ältere Versionen ==<br />
* [[Version 3.2]]<br />
* [[Version 3.1]]<br />
* [[Version 3.0]]<br />
<br />
<br />
__NOTOC__</div>Marhagggehttps://www.websozicms.de/index.php?title=Wie_wird_die_Newsbox_genutzt&diff=606Wie wird die Newsbox genutzt2016-03-03T10:03:43Z<p>Marhaggge: </p>
<hr />
<div>[[Kategorie:Newsbox]][[Kategorie:FAQ]]<br />
[[Datei:Newsbox sample.jpg|rahmenlos|rechts|600px|Newsbox auf spd-bw.de im Einsatz]]<br />
<br />
'''Achtung''': die Newsbox steht derzeit nur im Layout [[spd2012]], [[spd2014]], [[websozis2015_r]], [[spd_bayern_2016r]] sowie einigen regionalen Layouten zur Verfügung<br />
<br />
Die Newsbox (in anderen Systemen heißt dieses Element auch Newsslider) ist ein Element auf der Homepage, mit dessen Hilfe Artikel oder einzelne, kurze Infos hervorgehoben und dem Besucher interaktiv präsentiert werden können.<br />
<br />
Die Newsbox ersetzt den [[Layoutauswahl,_Auftritt_gestalten|Kopfbanner]] auf der Startseite oder (je nach Layout) den [[Startseite_der_Homepage|Startseitentext]]<br />
<br />
== Newsbox anlegen ==<br />
'''Achtung''': Newsboxen können zwar immer eingerichtet werden, angezeigt werden Sie aber nur in Layouten, die die Anzeige von Newsboxen unterstützen<br />
<br />
Die Einstellungen zur Newsbox findest Du im Tab "Module" im Bereich Newsbox. Um eine neue Newsbox anzulegen wählst Du<br />
<br />
* Newsbox anlegen<br />
<br />
In der Maske, die sich dann öffnet vergibst Du eine Bezeichnung (diese ist nicht öffentlich, sie soll Dir nur die Unterscheidung von ggf. mehreren angelegten Newsboxen ermöglichen). Bitte das Häkchen bei "aktiv" '''noch nicht''' setzen. Mit Klick auf "Speichern" ist die Newsbox angelegt. Nun kann Sie mit Inhalt befüllt werden<br />
<br />
== Newsbox mit Inhalt versehen ==<br />
Dazu wählst Du im Tab "Module" im Bereich "Newsbox" den Link <br />
<br />
* Newsbox anzeigen<br />
<br />
Es wird Dir eine Liste aller angelegten Newsboxen angezeigt. Neben der Newsbox, die Du bearbeiten möchtest klickst Du auf<br />
<br />
* Einträge anzeigen<br />
<br />
Falls für diese Newsbox bereits Einträge existieren, werden diese aufgelistet und können mit Klick auf den Namen des Eintrages bearbeitet werden (wenn sie gelöscht werden sollen rechts daneben auf löschen klicken)<br />
<br />
Um einen neuen Newsbox-Eintrag anzulegen klickst Du auf<br />
<br />
* Neuen NewsBox Eintrag anlegen<br />
<br />
<br />
'''Es öffnet sich folgende Maske:'''<br />
<br />
[[Datei:Einrichtungeintraegenewsbox.jpg|x600px|gerahmt|rechts|Maske zum anlegen eines Newsbox-Eintrages]]<br />
<br />
1. Über diesen Link kommst Du zurück auf die Liste mit der Übersicht der Einträge<br />
<br />
<br />
2. Bei der Reihenfolge wird die Eingabe einer ganzen Zahl erwartet (1, 2, 3 etc.). Mit der Reihenfolge wird die Reihenfolge der Anzeige festgelegt (1 kommt vor 2, 2 vor 3 etc.)<br />
<br />
<br />
3. Soll die Bezeichnung des Newsbox-Eintrages in der Newsbox angezeigt werden? Dann bitte ankreuzen (Tipp: macht nur in Spezialfällen Sinn)<br />
<br />
<br />
4. Hier kannst Du eine Bezeichnung für den Newsbox-Eintrag angeben (Achtung: wird in Abhängigkeit von der Einstellung ein höher öffentlich angezeigt)<br />
<br />
<br />
5. Hier kannst Du einen Titel für den Newsboxeintrag eingeben (muss vergeben werden, wird aber derzeit nicht weiter verwendet)<br />
<br />
<br />
6. Hier kommt der Inhalt für die Newsbox hin. Der Text hier sollte nicht allzulang sein, da der Platz für die Anzeige begrenzt ist. Ggf. kann mit HTML eine Seite oder ein Artikel verlinkt werden (Tipp: die [[Verwendung von HTML im WebSoziCMS]])<br />
<br />
<br />
7. Hier kann entweder ein im System bereits vorhandenes Bild für den Eintrag ausgewählt werden oder aber über "Datei auswählen" in das System geladen werden. Durch ankreuzen von "Vorhandenes Bild überschreiben" wird ein ggf. vorhandenes Bild mit dem gleichen Dateinamen überschrieben.<br />
<br />
* Wenn für einen Newsbox-Eintrag kein Bild ausgewählt wird, wird das Default-Header-Bild des Themes verwendet<br />
<br />
* Das Bild muss die gleichen Abmessungen wie das Kopfbanner haben. Achtung: dafür musst Du selber sorgen, die Abmessungen werden an dieser Stelle nicht überprüft. Falsche Maße können eine verzerrte Darstellung zur Folge haben. Die nötigen Abmessungen findest Du im Tab "Einstellungen" bei "Layout einrichten" bei der Layoutbeschreibung<br />
<br />
<br />
8. Mit Klick auf "speichern" wird der Newsbox-Eintrag angelegt<br />
<br />
<br />
Auf diese Weise können nach und nach die Einträge für die Newsbox angelegt werden (wir empfehlen nicht mehr als 4-5 Einträge je Newsbox, da es ansonsten je nach Layout Platzprobleme bei der Aufzählung geben kann)<br />
<br />
== Newsbox aktivieren ==<br />
Damit die Newsbox angezeigt werden kann muss sie aktiviert werden. Dazu ist mindestens ein Newsbox-Eintrag erforderlich.<br />
<br />
'''Achtung''': derzeit wird nicht überprüft, ob eine Newsbox auch einen Eintrag hat. Das aktivieren einer Newsbox ohne Eintrag ist also möglich, führt aber in der Regel zu schwerwiegenden Problemen beim Seitenaufbau. Achtet also bitte darauf, nur Newsboxen zu aktivieren, die auch mindestens einen Eintrag haben<br />
<br />
Um die Newsbox zu aktivieren bitte im Tab "Module" im Bereich "Newsbox" den Befehl "Newsbox anzeigen" auswählen. Dort dann die betreffende Newsbox mit Klick auf den Namen öffnen. In der Maske, die sich dann öffnet "Aktiv" ankreuzen".<br />
<br />
Mit Klick auf "Speichern" wird die Newsbox aktiviert und sofort angezeigt.<br />
<br />
== Newsbox löschen ==<br />
Eine Funktion, um eine Newsbox zu löschen ist derzeit noch nicht vorhanden. Das ist insofern nicht weiter schlimm, als das Newsboxen in der Regel nur einmal vorhanden sind und die Einträge dann je nach Bedarf bearbeitet/verändert werden (die Newsbox kann also quasi recycelt werden). Sollte im Einzelfall doch mal der Bedarf nach Löschung bestehen wendet Euch bitte bis zur Implementierung einer Löschfunktion an den Support</div>Marhagggehttps://www.websozicms.de/index.php?title=Wie_wird_die_Newsbox_genutzt&diff=605Wie wird die Newsbox genutzt2016-03-03T10:03:35Z<p>Marhaggge: </p>
<hr />
<div>[[Kategorie:Newsbox]][[Kategorie:FAQ]]<br />
[[Datei:Newsbox sample.jpg|rahmenlos|rechts|600px|Newsbox auf spd-bw.de im Einsatz]]<br />
<br />
'''Achtung''': die Newsbox steht derzeit nur im Layout [[spd2012]], [[spd2014]], [[websozis2015_r]]], [[spd_bayern_2016r]] sowie einigen regionalen Layouten zur Verfügung<br />
<br />
Die Newsbox (in anderen Systemen heißt dieses Element auch Newsslider) ist ein Element auf der Homepage, mit dessen Hilfe Artikel oder einzelne, kurze Infos hervorgehoben und dem Besucher interaktiv präsentiert werden können.<br />
<br />
Die Newsbox ersetzt den [[Layoutauswahl,_Auftritt_gestalten|Kopfbanner]] auf der Startseite oder (je nach Layout) den [[Startseite_der_Homepage|Startseitentext]]<br />
<br />
== Newsbox anlegen ==<br />
'''Achtung''': Newsboxen können zwar immer eingerichtet werden, angezeigt werden Sie aber nur in Layouten, die die Anzeige von Newsboxen unterstützen<br />
<br />
Die Einstellungen zur Newsbox findest Du im Tab "Module" im Bereich Newsbox. Um eine neue Newsbox anzulegen wählst Du<br />
<br />
* Newsbox anlegen<br />
<br />
In der Maske, die sich dann öffnet vergibst Du eine Bezeichnung (diese ist nicht öffentlich, sie soll Dir nur die Unterscheidung von ggf. mehreren angelegten Newsboxen ermöglichen). Bitte das Häkchen bei "aktiv" '''noch nicht''' setzen. Mit Klick auf "Speichern" ist die Newsbox angelegt. Nun kann Sie mit Inhalt befüllt werden<br />
<br />
== Newsbox mit Inhalt versehen ==<br />
Dazu wählst Du im Tab "Module" im Bereich "Newsbox" den Link <br />
<br />
* Newsbox anzeigen<br />
<br />
Es wird Dir eine Liste aller angelegten Newsboxen angezeigt. Neben der Newsbox, die Du bearbeiten möchtest klickst Du auf<br />
<br />
* Einträge anzeigen<br />
<br />
Falls für diese Newsbox bereits Einträge existieren, werden diese aufgelistet und können mit Klick auf den Namen des Eintrages bearbeitet werden (wenn sie gelöscht werden sollen rechts daneben auf löschen klicken)<br />
<br />
Um einen neuen Newsbox-Eintrag anzulegen klickst Du auf<br />
<br />
* Neuen NewsBox Eintrag anlegen<br />
<br />
<br />
'''Es öffnet sich folgende Maske:'''<br />
<br />
[[Datei:Einrichtungeintraegenewsbox.jpg|x600px|gerahmt|rechts|Maske zum anlegen eines Newsbox-Eintrages]]<br />
<br />
1. Über diesen Link kommst Du zurück auf die Liste mit der Übersicht der Einträge<br />
<br />
<br />
2. Bei der Reihenfolge wird die Eingabe einer ganzen Zahl erwartet (1, 2, 3 etc.). Mit der Reihenfolge wird die Reihenfolge der Anzeige festgelegt (1 kommt vor 2, 2 vor 3 etc.)<br />
<br />
<br />
3. Soll die Bezeichnung des Newsbox-Eintrages in der Newsbox angezeigt werden? Dann bitte ankreuzen (Tipp: macht nur in Spezialfällen Sinn)<br />
<br />
<br />
4. Hier kannst Du eine Bezeichnung für den Newsbox-Eintrag angeben (Achtung: wird in Abhängigkeit von der Einstellung ein höher öffentlich angezeigt)<br />
<br />
<br />
5. Hier kannst Du einen Titel für den Newsboxeintrag eingeben (muss vergeben werden, wird aber derzeit nicht weiter verwendet)<br />
<br />
<br />
6. Hier kommt der Inhalt für die Newsbox hin. Der Text hier sollte nicht allzulang sein, da der Platz für die Anzeige begrenzt ist. Ggf. kann mit HTML eine Seite oder ein Artikel verlinkt werden (Tipp: die [[Verwendung von HTML im WebSoziCMS]])<br />
<br />
<br />
7. Hier kann entweder ein im System bereits vorhandenes Bild für den Eintrag ausgewählt werden oder aber über "Datei auswählen" in das System geladen werden. Durch ankreuzen von "Vorhandenes Bild überschreiben" wird ein ggf. vorhandenes Bild mit dem gleichen Dateinamen überschrieben.<br />
<br />
* Wenn für einen Newsbox-Eintrag kein Bild ausgewählt wird, wird das Default-Header-Bild des Themes verwendet<br />
<br />
* Das Bild muss die gleichen Abmessungen wie das Kopfbanner haben. Achtung: dafür musst Du selber sorgen, die Abmessungen werden an dieser Stelle nicht überprüft. Falsche Maße können eine verzerrte Darstellung zur Folge haben. Die nötigen Abmessungen findest Du im Tab "Einstellungen" bei "Layout einrichten" bei der Layoutbeschreibung<br />
<br />
<br />
8. Mit Klick auf "speichern" wird der Newsbox-Eintrag angelegt<br />
<br />
<br />
Auf diese Weise können nach und nach die Einträge für die Newsbox angelegt werden (wir empfehlen nicht mehr als 4-5 Einträge je Newsbox, da es ansonsten je nach Layout Platzprobleme bei der Aufzählung geben kann)<br />
<br />
== Newsbox aktivieren ==<br />
Damit die Newsbox angezeigt werden kann muss sie aktiviert werden. Dazu ist mindestens ein Newsbox-Eintrag erforderlich.<br />
<br />
'''Achtung''': derzeit wird nicht überprüft, ob eine Newsbox auch einen Eintrag hat. Das aktivieren einer Newsbox ohne Eintrag ist also möglich, führt aber in der Regel zu schwerwiegenden Problemen beim Seitenaufbau. Achtet also bitte darauf, nur Newsboxen zu aktivieren, die auch mindestens einen Eintrag haben<br />
<br />
Um die Newsbox zu aktivieren bitte im Tab "Module" im Bereich "Newsbox" den Befehl "Newsbox anzeigen" auswählen. Dort dann die betreffende Newsbox mit Klick auf den Namen öffnen. In der Maske, die sich dann öffnet "Aktiv" ankreuzen".<br />
<br />
Mit Klick auf "Speichern" wird die Newsbox aktiviert und sofort angezeigt.<br />
<br />
== Newsbox löschen ==<br />
Eine Funktion, um eine Newsbox zu löschen ist derzeit noch nicht vorhanden. Das ist insofern nicht weiter schlimm, als das Newsboxen in der Regel nur einmal vorhanden sind und die Einträge dann je nach Bedarf bearbeitet/verändert werden (die Newsbox kann also quasi recycelt werden). Sollte im Einzelfall doch mal der Bedarf nach Löschung bestehen wendet Euch bitte bis zur Implementierung einer Löschfunktion an den Support</div>Marhagggehttps://www.websozicms.de/index.php?title=Wie_wird_die_Newsbox_genutzt&diff=604Wie wird die Newsbox genutzt2016-03-03T10:02:44Z<p>Marhaggge: </p>
<hr />
<div>[[Kategorie:Newsbox]][[Kategorie:FAQ]]<br />
[[Datei:Newsbox sample.jpg|rahmenlos|rechts|600px|Newsbox auf spd-bw.de im Einsatz]]<br />
<br />
'''Achtung''': die Newsbox steht derzeit nur im Layout [[spd2012]], [[spd2014]], [[websozis_2015r]], [[spd_bayern_2016r]] sowie einigen regionalen Layouten zur Verfügung<br />
<br />
Die Newsbox (in anderen Systemen heißt dieses Element auch Newsslider) ist ein Element auf der Homepage, mit dessen Hilfe Artikel oder einzelne, kurze Infos hervorgehoben und dem Besucher interaktiv präsentiert werden können.<br />
<br />
Die Newsbox ersetzt den [[Layoutauswahl,_Auftritt_gestalten|Kopfbanner]] auf der Startseite oder (je nach Layout) den [[Startseite_der_Homepage|Startseitentext]]<br />
<br />
== Newsbox anlegen ==<br />
'''Achtung''': Newsboxen können zwar immer eingerichtet werden, angezeigt werden Sie aber nur in Layouten, die die Anzeige von Newsboxen unterstützen<br />
<br />
Die Einstellungen zur Newsbox findest Du im Tab "Module" im Bereich Newsbox. Um eine neue Newsbox anzulegen wählst Du<br />
<br />
* Newsbox anlegen<br />
<br />
In der Maske, die sich dann öffnet vergibst Du eine Bezeichnung (diese ist nicht öffentlich, sie soll Dir nur die Unterscheidung von ggf. mehreren angelegten Newsboxen ermöglichen). Bitte das Häkchen bei "aktiv" '''noch nicht''' setzen. Mit Klick auf "Speichern" ist die Newsbox angelegt. Nun kann Sie mit Inhalt befüllt werden<br />
<br />
== Newsbox mit Inhalt versehen ==<br />
Dazu wählst Du im Tab "Module" im Bereich "Newsbox" den Link <br />
<br />
* Newsbox anzeigen<br />
<br />
Es wird Dir eine Liste aller angelegten Newsboxen angezeigt. Neben der Newsbox, die Du bearbeiten möchtest klickst Du auf<br />
<br />
* Einträge anzeigen<br />
<br />
Falls für diese Newsbox bereits Einträge existieren, werden diese aufgelistet und können mit Klick auf den Namen des Eintrages bearbeitet werden (wenn sie gelöscht werden sollen rechts daneben auf löschen klicken)<br />
<br />
Um einen neuen Newsbox-Eintrag anzulegen klickst Du auf<br />
<br />
* Neuen NewsBox Eintrag anlegen<br />
<br />
<br />
'''Es öffnet sich folgende Maske:'''<br />
<br />
[[Datei:Einrichtungeintraegenewsbox.jpg|x600px|gerahmt|rechts|Maske zum anlegen eines Newsbox-Eintrages]]<br />
<br />
1. Über diesen Link kommst Du zurück auf die Liste mit der Übersicht der Einträge<br />
<br />
<br />
2. Bei der Reihenfolge wird die Eingabe einer ganzen Zahl erwartet (1, 2, 3 etc.). Mit der Reihenfolge wird die Reihenfolge der Anzeige festgelegt (1 kommt vor 2, 2 vor 3 etc.)<br />
<br />
<br />
3. Soll die Bezeichnung des Newsbox-Eintrages in der Newsbox angezeigt werden? Dann bitte ankreuzen (Tipp: macht nur in Spezialfällen Sinn)<br />
<br />
<br />
4. Hier kannst Du eine Bezeichnung für den Newsbox-Eintrag angeben (Achtung: wird in Abhängigkeit von der Einstellung ein höher öffentlich angezeigt)<br />
<br />
<br />
5. Hier kannst Du einen Titel für den Newsboxeintrag eingeben (muss vergeben werden, wird aber derzeit nicht weiter verwendet)<br />
<br />
<br />
6. Hier kommt der Inhalt für die Newsbox hin. Der Text hier sollte nicht allzulang sein, da der Platz für die Anzeige begrenzt ist. Ggf. kann mit HTML eine Seite oder ein Artikel verlinkt werden (Tipp: die [[Verwendung von HTML im WebSoziCMS]])<br />
<br />
<br />
7. Hier kann entweder ein im System bereits vorhandenes Bild für den Eintrag ausgewählt werden oder aber über "Datei auswählen" in das System geladen werden. Durch ankreuzen von "Vorhandenes Bild überschreiben" wird ein ggf. vorhandenes Bild mit dem gleichen Dateinamen überschrieben.<br />
<br />
* Wenn für einen Newsbox-Eintrag kein Bild ausgewählt wird, wird das Default-Header-Bild des Themes verwendet<br />
<br />
* Das Bild muss die gleichen Abmessungen wie das Kopfbanner haben. Achtung: dafür musst Du selber sorgen, die Abmessungen werden an dieser Stelle nicht überprüft. Falsche Maße können eine verzerrte Darstellung zur Folge haben. Die nötigen Abmessungen findest Du im Tab "Einstellungen" bei "Layout einrichten" bei der Layoutbeschreibung<br />
<br />
<br />
8. Mit Klick auf "speichern" wird der Newsbox-Eintrag angelegt<br />
<br />
<br />
Auf diese Weise können nach und nach die Einträge für die Newsbox angelegt werden (wir empfehlen nicht mehr als 4-5 Einträge je Newsbox, da es ansonsten je nach Layout Platzprobleme bei der Aufzählung geben kann)<br />
<br />
== Newsbox aktivieren ==<br />
Damit die Newsbox angezeigt werden kann muss sie aktiviert werden. Dazu ist mindestens ein Newsbox-Eintrag erforderlich.<br />
<br />
'''Achtung''': derzeit wird nicht überprüft, ob eine Newsbox auch einen Eintrag hat. Das aktivieren einer Newsbox ohne Eintrag ist also möglich, führt aber in der Regel zu schwerwiegenden Problemen beim Seitenaufbau. Achtet also bitte darauf, nur Newsboxen zu aktivieren, die auch mindestens einen Eintrag haben<br />
<br />
Um die Newsbox zu aktivieren bitte im Tab "Module" im Bereich "Newsbox" den Befehl "Newsbox anzeigen" auswählen. Dort dann die betreffende Newsbox mit Klick auf den Namen öffnen. In der Maske, die sich dann öffnet "Aktiv" ankreuzen".<br />
<br />
Mit Klick auf "Speichern" wird die Newsbox aktiviert und sofort angezeigt.<br />
<br />
== Newsbox löschen ==<br />
Eine Funktion, um eine Newsbox zu löschen ist derzeit noch nicht vorhanden. Das ist insofern nicht weiter schlimm, als das Newsboxen in der Regel nur einmal vorhanden sind und die Einträge dann je nach Bedarf bearbeitet/verändert werden (die Newsbox kann also quasi recycelt werden). Sollte im Einzelfall doch mal der Bedarf nach Löschung bestehen wendet Euch bitte bis zur Implementierung einer Löschfunktion an den Support</div>Marhaggge