WebSoziCMS Handbuch - Benutzerbeiträge [de]

Direktverbindungen

2026-09-28T09:05:18Z

Mhagge:

[[Category:Handbuch]][[Category:Tab:Einstellungen]]

<i>Handbuch - Tab: Einstellungen</i>

'''Derzeit kann sich mit keinem Netzwerk direkt verbunden werden. Der Trend bei den sozialen Netzwerken geht dazu, ihre Inhalte innerhalb ihres Netzwerkes abzuschotten. So hat nun auch Twitter (bzw. X) die entsprechende Schnittstelle deaktiviert.'''

Hier besteht die Möglichkeit sich direkt mit Sozialen Netzwerke zu verbinden (derzeit nur Twitter), so dass sich das WebSoziCMS Informationen direkt aus diesem Sozialen Netzwerk holen kann (z.B. für die Anzeige eines Widgets mit Tweets) oder aber Informationen direkt von der Homepage auf den entsprechenden Dienst veröffentlicht werden können.

Dazu musst Dich mit den Zugangsdaten des gewünschten Accounts (es ist nur einer pro sozialem Netzwerk möglich) einloggen. Es wird dann ein permanenter Zugang erstellt und in der Homepage gespeichert.

Buttonleiste für soziale Netzwerke

2026-09-28T09:04:57Z

Mhagge:

[[Category:Handbuch]][[Category:Tab:Einstellungen]]
<i>Handbuch - Tab: Einstellungen</i>

Über diesen Menüpunkt lässt sich eine Buttonleiste für soziale Netzwerke definieren, über die Artikel auf dem gewünschen Sozialen Netzwerk geteilt werden können.
[[Datei:Beispielbuttonleistesozialenetzwerke.png|alternativtext=Beispiel für eine Buttonleiste für Soziale Netzwerke|zentriert|mini|700x700px|Beispiel für eine Buttonleiste für Soziale Netzwerke (hier unterhalb von Artikeln)]]Zuerst wird definiert, ob und wenn ja wo diese Buttonleiste angezeigt werden soll (wenn kein Haken gesetzt ist wird auch keine Butttonleiste angezeigt). Für Artikel, die aktuell auf der Startseite stehen kann bei Bedarf eine abweichende Position gewählt werden.

Um die Buttonleiste an das gewählte Layout anzupassen kann bei "Farbschema" eine passende Gestaltung ausgewählt werden (im Beispiel oben ist es "farbig").

Im Bereich "Dienste" können die gewünschten Dienste konfiguriert werden. Mindestens ein Dienst ist dabei erforderlich.

Da zu den entsprechenden Diensten keinerlei Verbindung besteht und keine Daten von dort übertragen werden bestehen mit dieser Buttonleiste keinerlei Datenschutzrechtliche Bedenken.

Umfragen einrichten

2026-09-28T09:03:18Z

Mhagge:

[[Category:Handbuch]][[Category:Tab: Blöcke]]
<i>Handbuch - Tab: Blöcke</i>

Umfragen werden in Blöcken angezeigt. Unter diesem Menüpunkt können Sie eingerichtet werden.

'''Achtung: Diese Art von Umfragen sind nicht mehr als eine Art "Spielerei". Sie sind nicht repräsentativ und können - auch wenn sie über einen rudimentären Schutz dagegen verfügen - durchaus manipuliert werden. Dessen sollte man sich bei der Fragestellung wie auch der Interpretation von Ergebnissen bewusst sein.'''

Zuerst siehst Du eine Übersicht über die bereits eingerichteten Umfragen:
[[Datei:Umfrageübersicht.png|alternativtext=Übersicht über die Umfragen|zentriert|mini|700x700px|Übersicht über die Umfragen]]

Mit Klick auf "'''Neue Umfrage erstellen'''" erstellst Du eine neue Umfrage. "'''Eigene Abstimmungen löschen'''" löscht eigene Abstimmungen in den Umfragen, die z.B. zu Testzwecken gemacht wurden.

"'''Löschen'''" löscht die entsprechende Umfrage, mit "'''Ändern'''" lässt Sie sich verändern. Der Code, der unterhalb des Anlegedatums angezeigt wird ([plugin:Abstimmung|....]) ist eine [[INCLUDE-Funktionen|Includefunktion]], über diesen Weg lassen sich Abstimmungen z.B. auch in Seiten einbinden.

'''Neue Umfrage erstellen''' öffnet einen Assistenten. Im ersten Schritt musst Du angeben, wie viele mögliche Antworten Deine Umfrage haben soll. Im nächsten Schritt formulierst Du die Frage sowie die möglichen Antworten, außerdem legst Du eine Farbe je Antwort für die Ergebnisübersicht fest. Ein Haken im Feld "Mehrfach" kennzeichnet, dass diese Antwort mehrfach gegeben werden darf.

Mit Klick auf Speichern ist die Umfrage fertig gestellt.

Um sie öffentlich anzuzeigen, muss Sie entweder über die Includefunktion in eine Seite, Artikel oder dgl. eingebunden werden (siehe oben), oder es muss ein [[Extrablöcke, Übersicht|Extrablock]] mit der gewünschten Umfrage angelegt werden.

Extrablöcke, Übersicht

2026-09-28T09:03:00Z

Mhagge:

[[Category:Handbuch]][[Category:Tab: Blöcke]]
<i>Handbuch - Tab: Blöcke</i>

Hier sind eine Vielzahl von [[Blöcke|Blöcken]] mit Inhalten aus Modulen bzw. Funktionen des WebSoziCMSes vordefiniert.

Es kann ausgewählt werden, in welchem Blockbereich der entsprechende Block angelegt werden soll. Mit Klick auf "Erstellen" wird dann ein neuer Block mit dem gewählten Inhalt im entsprechenden Blockbereich angelegt (ggf. muss er z.B. beim Titel [[Blöcke|nachbearbeitet]] werden)

Im Info-Bereich des jeweiligen Extrablockes finden sich Hinweise zur Art und ggf. zu den Voraussetzungen des Blockes (z.B. muss für den Twitter-Block erst die [[Direktverbindungen|Verbindung mit einem Twitter-Account]] hergestellt werden)

Hauptmenü, Verwalten

2026-09-28T09:02:34Z

Mhagge:

[[Category:Handbuch]][[Category:Tab: Blöcke]]
''Handbuch - Tab: Blöcke''

Hier lassen sich dem Hauptmenü Menüpunkte hinzufügen, auf unsichtbar schalten, löschen oder auch umsortieren
[[Datei:Hauptmenue verwalten.png|alternativtext=Hauptmenü verwalten|zentriert|mini|700x700px|Hauptmenü verwalten]]

Das Hauptmenü findet sich hier in der Form einer Tabelle aufgelistet.

Die '''Ebene''' ist eine Information, auf welcher Ebene sich der jeweilige Menüpunkt befindet (1 ist die oberste Ebene)

Wenn man auf den entsprechenden Menüpunkt bei "'''Titel / Bearbeiten'''" klickt lässt sich die Bezeichnung des Menüpunktes umbenennen.

Ein Klick auf "Neu" bei "'''Menüpunkt hinzufügen'''" fügt einen neuen Menüpunkt auf der jeweiligen Ebene dazu.

Ein Klick auf das Auge-Symbol in der Spalte "'''Aktiv'''" deaktiviert (Auge ist geschlossen) bzw. aktiviert (Auge ist geöffnet) den Menüpunkt. So lässt sich ein Menüpunkt im Hauptmenü ausblenden, ohne dass er gelöscht werden muss.

Ein Klick auf das Rote Kreuz in der Spalte "'''Löschen'''" löscht (nach Rückfrage) den entsprechenden Menüpunkt. Ein Menüpunkt, der noch Unterpunkte hat kann nicht gelöscht werden, hier wären ggf. erst alle Untermenüpunkte zu löschen.

In der Spalte "'''Sortieren'''" lässt sich das Menü umsortieren. Ein Klick auf den Pfeil nach oben verschiebt den gewählten Menüpunkt eine Zeile nach oben, ein Klick auf den Pfeil nach unten dementsprechend ein Zeile nach unten.

Hauptmenü, neuer Menüpunkt

2026-09-28T09:02:12Z

Mhagge:

[[Category:Handbuch]][[Category:Tab: Blöcke]]
<i>Handbuch - Tab: Blöcke</i>

Hier lässt sich dem Hauptmenü ein neuer Menüpunkt hinzufügen. Dieser Inhalt muss bereits vorhanden sein, d.h. z.B. wenn Du dem Menü eine [[Neue Seite anlegen|neue Seite]] hinzufügen willst, musst Du erst die Seite anlegen (beim Speichern der Seite wirst Du auch gefragt, wo im Menü die neue Seite eingefügt werden soll, sodass Du dazu diesen Menüpunkt nicht brauchst)

'''In der Regel musst Du hierüber nur Menüpunkte zum Menü hinzufügen, die über Module realisiert werden (das Gästebuch z.B.) oder aber wenn Seiten an mehr als einer Stelle im Menü erscheinen sollen (oder aber wenn Du eine externe Adresse im Menü verlinken willst). Ansonsten wirst Du beim Erstellen des jeweiligen Inhaltes unter den entsprechenden Menüpunkten gefragt, wo dieser Inhalt im Menü verlinkt werden soll.'''

[[Datei:Neuermenuepunkt.png|alternativtext=Erstellen eines neuen Menüpunktes|zentriert|mini|700x700px|Erstellen eines neuen Menüpunktes]]

Im Abschnitt "'''Vorhandene Menüeinträge'''" findest Du sämtliche im System bereits existierende Menüeinträge. Wenn der neue Menüpunkt nicht auf Ebene 1 sein soll (also auf der obersten Ebene) kannst Du hier einen Menüpunkt auswählen, zu dem der neue Menüpunkt ein Untermenüpunkt werden soll.

Bei "'''Neuer Menüeintrag aus vorhandenen Daten'''" wählst Du den Inhalt aus, der unter dem neuen Menüpunkt erscheinen soll. Diese Liste lässt sich runterscrollen und kann - je nach Menge des in der Webseite vorhandenen Inhaltes - recht lang werden.

Sie ist in verschiedene Abschnitte eingeteilt:

* '''Öffentliche Module''' Hier finden sich alle Inhalte aus Modulen, z.B. das Gästebuch, der Kalender, die Übersichten der verschiedenen Nachrichtenkategorien etc.
* '''Seiten, eigener Auftritt''' Hier finden sich alle [[Seiten]] aus dem eigenen Auftritt (falls eine Seite später oder doppelt im Menü verlinkt werden soll, normalerweise wird die Menüposition bei der [[Neue Seite anlegen|Erstellung der Seite]] festgelegt).
* '''Seiten, anderer Auftritt''' Unter bestimmten Umständen lassen sich Seiten aus anderen Auftritten wie eine eigene Seite in das Menü einfügen (diese Seiten sind dann allerdings "Read-Only", können also weiter nicht bearbeitet werden, das geht nur im Original-Auftritt.
* '''Formulare''' Hier finden sich alle eingerichteten [[Formulare]]
* '''Quiz''' Hier finden sich alle eingerichteten [[Quiz|Quize]]

Wählt man einen vorhandenen Inhalt aus wird das Feld "'''Menü-URL'''" ausgeblendet und im Feld "'''Menütext'''" ein Vorschlag für die Benennung des Menüpunktes gemacht. Dieser lässt sich bei Bedarf aber auch verändern (die Bezeichnung sollte nicht zu lang sein, da ansonsten der Menüpunkt im Hauptmenü sehr breit wird, was ggf. störend im Layout wirken kann).

Möchte man eine externe Seite aus einer anderen Homepage verlinken lässt man die Auswahl bei "'''Neuer Menüeintrag aus vorhandenen Daten'''" auf "'''Keine Auswahl / URL eintragen'''" und gibt dann bei "'''Menü-URL'''" die Adresse (URL) der externen Seite ein (komplett mit http bzw. https) und benennt den Menüpunkt bei "'''Menütext'''" wie gewünscht.

Mit Klick auf "Speichern" wird der neue Menüpunkt angelegt (in der Drop-Down-Liste davor hat man die Wahl, ob man nach dem Speichern die neue Seite sehen will, das komplette Hauptmenü oder einfach zum Admin-Menü zurück will).

Neuer Block, (Blockbereich)

2026-09-28T09:01:52Z

Mhagge:

[[Category:Handbuch]][[Category:Tab: Blöcke]]
<i>Handbuch - Tab: Blöcke</i>

Hier lässt sich ein neuer Block (Widget) anlegen:
[[Datei:Neuerblock.png|alternativtext=Screenshot von der Bildschirmaske zum erstellen eines neuen Blocks|zentriert|mini|700x700px|Erstellung eines neuen Blocks]]

Unter "'''Position'''" lässt sich die Position in einem der beiden zur Verfügung stehenden Blockbereiche auswählen (solltest Du also den falschen Menüpunkt ausgewählt haben lässt sich das hier korrigieren, ohne dass Du im Menü nochmal zurück gehen musst)

Über das Häkchen bei "'''Block anzeigen / aktivieren'''" lässt sich steuern, ob der Block öffentlich angezeigt werden soll (so lassen sich Blöcke vordefinieren, die noch nicht akut gebracht werden - oder deaktivieren, ohne sie zu löschen)

'''Titel''' bezeichnet die Überschrift des Blockes. Der Titel wird auch öffentlich angezeigt. Soll der Block keine Überschrift erhalten kannst Du dieses Feld leer lassen. In dem Fall empfiehlt es sich bei "'''Interner Bezeichner'''" etwas einzugeben, damit der Block in der Übersicht aller Blöcke identifizierbar bleibt (der interne Bezeichner wird als Ersatz für den Titel im Admin-Menü angezeigt)

'''Extrablöcke''' sind Blöcke mit vordefiniertem Inhalt, z.B. eine Kalenderübersicht oder ähnliches. Diese vordefinierten Blöcke kannst Du hier aus dem Drop-Down-Feld auswählen. In dem Fall brauchst Du bei Inhalt keine Eingaben zu machen (kannst es aber, diese Eingaben werden dann zusätzlich zu dem Extrablock angezeigt), solltest aber bei Titel bzw. interner Bezeichner etwas eingeben, da ansonsten die Bezeichnung des Extrablocks als Titel genommen wird.

Unter "'''Inhalt'''" gibst Du den Inhalt des Blockes ein. Hier steht der normale [[Editor]] zur Verfügung, sodass Du z.B. Text formatieren, Bilder einfügen oder Text bzw. Bilder verlinken kannst ([[Einstellen und verlinken eines Banners in einem Block|hier findest Du z.B. eine Kurzanleitung,]] wie ein Banner in einem Block einfügst und diesen dann verlinkst)

In der Drop-Down-Liste bei "'''Blocklayout'''" kannst Du das Aussehen des neuen Blocks beeinflussen - z.B. mit einer Umrandung, verschiedenen Hintergrundfarben oder dass der Block über die ganze Seitenbreite gehen soll (bei horizontalen Blockbereichen). Die zur Verfügung stehenden Optionen hängen vom gewählten [[Layoutübersicht|Layout / Theme]] der Seite ab.

Mit "'''Speichern'''" wird der neue Block gespeichert (und je nach Einstellung auch sofort angezeigt)

In der Drop-Down-Liste vor dem "Speichern"-Befehl lassen sich noch folgende Auswahlen treffen:

* "Weiter bearbeiten" (die Bearbeitungsansicht bleibt offen, z.B. zum Zwischenspeichern)
* "Neuer Block" (der Block wird gespeichert und die Ansicht geschlossen)
* "Erweitere Einstellungen"

Darunter lassen sich erweitere Einstellungen für den Block vornehmen (z.B. für die Extrablöcke). Der Inhalt hängt vom gewählten Block ab.
[[Datei:Block erweiterteeinstellungen.png|alternativtext=Screenshot Muster Erweiterte Einstellungen|zentriert|mini|700x700px|Beispiel erweiterte Einstellungen beim Extrablock "Kalenderblock-Heute"]]

Neuer Block, (Blockbereich)

2026-09-28T09:01:45Z

Mhagge:

[[Category:Handbuch]][[Category:Tab: Blöcke]]
<i>Handbuch - Tab: Blöcke</i>
Hier lässt sich ein neuer Block (Widget) anlegen:
[[Datei:Neuerblock.png|alternativtext=Screenshot von der Bildschirmaske zum erstellen eines neuen Blocks|zentriert|mini|700x700px|Erstellung eines neuen Blocks]]

Unter "'''Position'''" lässt sich die Position in einem der beiden zur Verfügung stehenden Blockbereiche auswählen (solltest Du also den falschen Menüpunkt ausgewählt haben lässt sich das hier korrigieren, ohne dass Du im Menü nochmal zurück gehen musst)

Über das Häkchen bei "'''Block anzeigen / aktivieren'''" lässt sich steuern, ob der Block öffentlich angezeigt werden soll (so lassen sich Blöcke vordefinieren, die noch nicht akut gebracht werden - oder deaktivieren, ohne sie zu löschen)

'''Titel''' bezeichnet die Überschrift des Blockes. Der Titel wird auch öffentlich angezeigt. Soll der Block keine Überschrift erhalten kannst Du dieses Feld leer lassen. In dem Fall empfiehlt es sich bei "'''Interner Bezeichner'''" etwas einzugeben, damit der Block in der Übersicht aller Blöcke identifizierbar bleibt (der interne Bezeichner wird als Ersatz für den Titel im Admin-Menü angezeigt)

'''Extrablöcke''' sind Blöcke mit vordefiniertem Inhalt, z.B. eine Kalenderübersicht oder ähnliches. Diese vordefinierten Blöcke kannst Du hier aus dem Drop-Down-Feld auswählen. In dem Fall brauchst Du bei Inhalt keine Eingaben zu machen (kannst es aber, diese Eingaben werden dann zusätzlich zu dem Extrablock angezeigt), solltest aber bei Titel bzw. interner Bezeichner etwas eingeben, da ansonsten die Bezeichnung des Extrablocks als Titel genommen wird.

Unter "'''Inhalt'''" gibst Du den Inhalt des Blockes ein. Hier steht der normale [[Editor]] zur Verfügung, sodass Du z.B. Text formatieren, Bilder einfügen oder Text bzw. Bilder verlinken kannst ([[Einstellen und verlinken eines Banners in einem Block|hier findest Du z.B. eine Kurzanleitung,]] wie ein Banner in einem Block einfügst und diesen dann verlinkst)

In der Drop-Down-Liste bei "'''Blocklayout'''" kannst Du das Aussehen des neuen Blocks beeinflussen - z.B. mit einer Umrandung, verschiedenen Hintergrundfarben oder dass der Block über die ganze Seitenbreite gehen soll (bei horizontalen Blockbereichen). Die zur Verfügung stehenden Optionen hängen vom gewählten [[Layoutübersicht|Layout / Theme]] der Seite ab.

Mit "'''Speichern'''" wird der neue Block gespeichert (und je nach Einstellung auch sofort angezeigt)

In der Drop-Down-Liste vor dem "Speichern"-Befehl lassen sich noch folgende Auswahlen treffen:

* "Weiter bearbeiten" (die Bearbeitungsansicht bleibt offen, z.B. zum Zwischenspeichern)
* "Neuer Block" (der Block wird gespeichert und die Ansicht geschlossen)
* "Erweitere Einstellungen"

Darunter lassen sich erweitere Einstellungen für den Block vornehmen (z.B. für die Extrablöcke). Der Inhalt hängt vom gewählten Block ab.
[[Datei:Block erweiterteeinstellungen.png|alternativtext=Screenshot Muster Erweiterte Einstellungen|zentriert|mini|700x700px|Beispiel erweiterte Einstellungen beim Extrablock "Kalenderblock-Heute"]]

Seiteninhalte

2026-09-28T08:59:49Z

Mhagge:

[[Category:Handbuch]][[Category:Tab: Nachrichten und Seiten]]
<i>Handbuch - Tab: Nachrichten und Seiten</i>

Über diesen Menüpunkt lassen sich einige spezielle Homepagebestandteile verändern

* [[Impressum bearbeiten]]
* [[Datenschutzerklärung bearbeiten]]
* [[Transparenzerklärung bearbeiten]]
* [[Startseite der Homepage]]

Nachrichten

2026-09-28T08:58:24Z

Mhagge:

[[Category:Handbuch]][[Category:Tab: Nachrichten und Seiten]]

<i>Handbuch - Tab: Nachrichten und Seiten</i>

Nachrichten (oder auch Artikel) sind für aktuelle Informationen gedacht (im Gegensatz zu Seiten, wo eher langfristige Informationen zu finden sind). Hier könnt ihr z.B. Einladungen veröffentlichen, Pressemitteilungen oder ähnliches.

Nachrichten werden zum einen (je nach Einstellung im Tab "Einstellungen" -> "Einstellungen für die Durchreiche und Kommentare" auf der Startseite angezeigt (und scrollen dort durch, d.h. je nach eingestellter Anzahl der anzuzeigenden Nachrichten verdrängt ein neuer Artikel den ältesten anzuzeigenden von der Startseite) bzw. können in entsprechenden Artikelarchiven (ggf. nach Bereich aufgegliedert) erscheinen.

* [[neuer Artikel]]
* [[Durchreiche: Externe Artikel manuell einbinden]]
* [[Alle Artikel]]

Nachrichten

2026-09-28T08:57:53Z

Mhagge:

[[Category:Handbuch]][[Category:Tab: Nachrichten und Seiten]]

<i>Handbuch - Tab: [[Nachrichten und Seiten]]</i>

Nachrichten (oder auch Artikel) sind für aktuelle Informationen gedacht (im Gegensatz zu Seiten, wo eher langfristige Informationen zu finden sind). Hier könnt ihr z.B. Einladungen veröffentlichen, Pressemitteilungen oder ähnliches.

Nachrichten werden zum einen (je nach Einstellung im Tab "Einstellungen" -> "Einstellungen für die Durchreiche und Kommentare" auf der Startseite angezeigt (und scrollen dort durch, d.h. je nach eingestellter Anzahl der anzuzeigenden Nachrichten verdrängt ein neuer Artikel den ältesten anzuzeigenden von der Startseite) bzw. können in entsprechenden Artikelarchiven (ggf. nach Bereich aufgegliedert) erscheinen.

* [[neuer Artikel]]
* [[Durchreiche: Externe Artikel manuell einbinden]]
* [[Alle Artikel]]

Versionshistorie

2026-09-10T12:42:44Z

Mhagge:

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 (es werden allerdings nur sichtbare Änderungen aufgeführt).

=== '''09.09.2026''' ===
Nach dem Login wird ein Hinweis angezeigt, wenn ein veraltetes Theme (Layout) auf der Seite eingestellt ist

=== '''28.07.2026''' ===
Dateinamen beim Upload von Bildern werden jetzt auf Länge und ungültige Zeichen überprüft

=== '''22.01.2026''' ===
Diverse Bugfixes und Optimierungen.

=== '''06.01.2026''' ===
Neues Modul "[[Transparenzerklärung bearbeiten|Transparenzerklärung]]".

Bestehende Seiten unter der Adresse /transparenz/ wurden, soweit möglich, in das neue Modul konvertiert.

=== '''25.11.2025''' ===
Verbesserungen am ICS-Export von Terminen

=== '''13.10.2025''' ===
Die Reply-To Mail-Adresse wird jetzt zuverlässiger erkannt, z.B. auch wenn das Feld nicht als "email", sondern als "Text" deklariert wurde

=== '''01.09.2025''' ===
Diverse Anpasungen und Bugfixing bei Themes

==== '''18.08.2025''' ====
Mit dem Update heute gab es Veränderungen am Formularmodul:
- die Übersicht der Formulare wurde gefixt und ist jetzt wieder übersichtlicher (was so ein kleines </div> an der falschen Stelle doch ausmachen kann)

- das Feld mail_two, was eigentlich nur für interne Zwecke gedacht ist wird in der versendeten Mail nun nicht mehr ausgegeben

- 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

- 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)

== Ältere Versionen ==
* [[Version 3.9]]
* [[Version 3.8]]
* [[Version 3.7]]
* [[Version 3.6]]
* [[Version 3.5]]
* [[Version 3.4]]
* [[Version 3.3]]
* [[Version 3.2]]
* [[Version 3.1]]
* [[Version 3.0]]

__NOTOC__

WebSoziCMS Handbuch:Über WebSoziCMS Handbuch

2026-09-07T11:23:03Z

Mhagge: Die Seite wurde neu angelegt: „Dies ist das Online-Handbuch für das WebSoziCMS. Das WebSoziCMS ist von den WebSozis auf ehrenamtlicher Basis kontinuierlich weiterentwickeltes CMS (Content-Management-System) / Redaktionssystem (laienhaft könnte man auch Baukastensystem sagen). Es ist auf unseren Servern installiert, eine lokale Installation auf Deinem Rechner ist also nicht erforderlich (und auch nicht möglich). Zur Bedienung brauchst Du nichts weiter als einen halbwegs aktuellen B…“

Dies ist das Online-Handbuch für das WebSoziCMS.

Das WebSoziCMS ist von den WebSozis auf ehrenamtlicher Basis kontinuierlich weiterentwickeltes CMS (Content-Management-System) / Redaktionssystem (laienhaft könnte man auch Baukastensystem sagen).

Es ist auf unseren Servern installiert, eine lokale Installation auf Deinem Rechner ist also nicht erforderlich (und auch nicht möglich). Zur Bedienung brauchst Du nichts weiter als einen halbwegs aktuellen Browser (Firefox, Chrome, Chrome-basierte Browser wie Edge, Safari o.ä.) sowie einen Internetzugang. Die Bedienung erfolgt über eine Web-Oberfläche, in die Du Dich einloggst. Anschließend kannst Du komfortabel die Inhalte der Homepage erstellen bzw. verwalten. Mit der Technik dahinter musst Du Dich nicht auseinandersetzen (das Layout der Homepage lässt sich z.B. komfortabel menügesteuert aus einer Vielzahl vorhandener Layouts auswählen und kann dann anschließend z.B. mit einem eigenen Kopfbanner individualisiert werden).

"Power-User" finden dabei trotzdem an vielen Stellen Möglichkeiten, das WebSoziCMS nach eigenen Wünschen über die standardmäßig vorgesehenen Möglichkeiten hinaus zu nutzen (so ist z.B. für "Fachleute" das Überschreiben der CSS-Styles eines Layouts möglich, eine sehr mächtige Möglichkeit für die Individualisierung von Layouten)

Um die technische Wartung und Weiterentwicklung des WebSoziCMSes kümmern wir uns selbstverständlich.

Die Informationen in diesem Wiki wurden von uns nach bestem Wissen & Gewissen zusammengestellt. Trotzdem können sie fehlerhaft oder nicht mehr aktuell sein. Für einen [https://www.soziserver.de/form/show/33/ Hinweis] in einem solchen Fall sind wir dankbar.

Die Verwendung der Informationen erfolgt auf eigenes Risiko.

Bilder oder MP3s hochladen / ändern

2026-08-02T13:13:08Z

Mhagge: /* Wichtig */

[[Category:Handbuch]][[Category:Tab: Nachrichten und Seiten]]
<i>Handbuch - Tab: Nachrichten und Seiten</i>

Hier können an zentraler Stelle Bilder in das System geladen werden (neben den Möglichkeiten z.B. bei der Erstellung von Artikeln bzw. der Anlage von Seiten). Der Menüpunkt besteht aus 2 Abschnitten:

== Bilder / Mediendateien hochladen ==
Hier können bis zu 6 Bilder gleichzeitig über die entsprechenden Schaltflächen in das System geladen werden.

Über "Suchbegriffe / Fotostrecken-Titel (untereinander schreiben, mit Absätzen)" können Suchbegriffe für die Bilder bzw. der Titel für eine [[Fotostrecke]] vergeben werden. Das Kreuzchen bei "Vorhandenes Bild überschreiben" muss gesetzt werden wenn eines der zu ladenden Bilder einen gleichen Dateinamen wie ein bereits im System vorhandenes Bild hat und das neue Bild das alte überschreiben soll.

== Ein Bild hochladen und ändern ==
Hier kann ein einzelnes Bild in das System geladen werden. Nach dem Klick auf "Laden" besteht die Möglichkeit, dieses Bild auf einige für das System typische vorgegebene Bildabmessungen skalieren zu lassen

== Wichtig ==
Dateinamen dürfen nicht länger als 60 Zeichen sein (inklusive Dateiendung, also als Beispiel .jpg).

Im Web kann es - im Gegensatz zu euren lokalen Systemen - bei bestimmten Zeichen im Dateinamen Probleme mit der Darstellung / der Abrufbarkeit geben. Die möglichen Zeichen in einem Dateinamen beim Upload von Dateien sind daher beschränkt:

Es sind die Zeichen A-Z (Groß- und Kleinschreibung egal), die Zahlen 0-9, der _ und der - erlaubt. Einen Punkt darf es nur einmal geben, nämlich zur Abtrennung von Dateinamen und Endung (also als Beispiel datei.jpg). Andere Zeichen würden zwar theoretisch oft funktionieren, können aber an der einen oder anderen Stelle Probleme auch bei den Webseitenbesuchern verursachen - deswegen sind z.B. kein Leerzeichen, aber auch keine Umlaute (oder das ß) im Dateinamen möglich.

Bilder oder MP3s hochladen / ändern

2026-08-02T13:04:06Z

Mhagge:

[[Category:Handbuch]][[Category:Tab: Nachrichten und Seiten]]
<i>Handbuch - Tab: Nachrichten und Seiten</i>

Hier können an zentraler Stelle Bilder in das System geladen werden (neben den Möglichkeiten z.B. bei der Erstellung von Artikeln bzw. der Anlage von Seiten). Der Menüpunkt besteht aus 2 Abschnitten:

== Bilder / Mediendateien hochladen ==
Hier können bis zu 6 Bilder gleichzeitig über die entsprechenden Schaltflächen in das System geladen werden.

Über "Suchbegriffe / Fotostrecken-Titel (untereinander schreiben, mit Absätzen)" können Suchbegriffe für die Bilder bzw. der Titel für eine [[Fotostrecke]] vergeben werden. Das Kreuzchen bei "Vorhandenes Bild überschreiben" muss gesetzt werden wenn eines der zu ladenden Bilder einen gleichen Dateinamen wie ein bereits im System vorhandenes Bild hat und das neue Bild das alte überschreiben soll.

== Ein Bild hochladen und ändern ==
Hier kann ein einzelnes Bild in das System geladen werden. Nach dem Klick auf "Laden" besteht die Möglichkeit, dieses Bild auf einige für das System typische vorgegebene Bildabmessungen skalieren zu lassen

== Wichtig ==
Dateinamen dürfen nicht länger als 60 Zeichen sein (inklusive Dateiendung, also als Beispiel .jpg).

Es sind die Zeichen A-Z (Groß- und Kleinschreibung egal), die Zahlen 0-9, der _ und der - erlaubt. Einen Punkt darf es nur einmal geben, nämlich zur Abtrennung von Dateinamen und Endung (also als Beispiel datei.jpg). Andere Zeichen würden zwar theoretisch oft funktionen, können aber an der einen oder anderen Stelle Probleme auch bei den Webseitenbesuchern verursachen - deswegen sind z.B. kein Leerzeichen, aber auch keine Umlaute (oder das ß) im Dateinamen möglich.

Bilder oder MP3s hochladen / ändern

2026-08-02T13:03:43Z

Mhagge:

[[Category:Handbuch]][[Category:Tab: Nachrichten und Seiten]]
<i>Handbuch - Tab: Nachrichten und Seiten</i>

Hier können an zentraler Stelle Bilder in das System geladen werden (neben den Möglichkeiten z.B. bei der Erstellung von Artikeln bzw. der Anlage von Seiten). Der Menüpunkt besteht aus 2 Abschnitten:

== Bilder / Mediendateien hochladen ==
Hier können bis zu 6 Bilder gleichzeitig über die entsprechenden Schaltflächen in das System geladen werden.

Über "Suchbegriffe / Fotostrecken-Titel (untereinander schreiben, mit Absätzen)" können Suchbegriffe für die Bilder bzw. der Titel für eine [[Fotostrecke]] vergeben werden. Das Kreuzchen bei "Vorhandenes Bild überschreiben" muss gesetzt werden wenn eines der zu ladenden Bilder einen gleichen Dateinamen wie ein bereits im System vorhandenes Bild hat und das neue Bild das alte überschreiben soll.

== Ein Bild hochladen und ändern ==
Hier kann ein einzelnes Bild in das System geladen werden. Nach dem Klick auf "Laden" besteht die Möglichkeit, dieses Bild auf einige für das System typische vorgegebene Bildabmessungen skalieren zu lassen

<blockquote>Wichtig:
Dateinamen dürfen nicht länger als 60 Zeichen sein (inklusive Dateiendung, also als Beispiel .jpg).

Es sind die Zeichen A-Z (Groß- und Kleinschreibung egal), die Zahlen 0-9, der _ und der - erlaubt. Einen Punkt darf es nur einmal geben, nämlich zur Abtrennung von Dateinamen und Endung (also als Beispiel datei.jpg). Andere Zeichen würden zwar theoretisch oft funktionen, können aber an der einen oder anderen Stelle Probleme auch bei den Webseitenbesuchern verursachen - deswegen sind z.B. kein Leerzeichen, aber auch keine Umlaute (oder das ß) im Dateinamen möglich.</blockquote>

Versionshistorie

2026-01-22T14:03:01Z

Mhagge:

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.

=== '''22.01.2026''' ===
Diverse Bugfixes und Optimierungen.

=== '''06.01.2026''' ===
Neues Modul "[[Transparenzerklärung bearbeiten|Transparenzerklärung]]".

Bestehende Seiten unter der Adresse /transparenz/ wurden, soweit möglich, in das neue Modul konvertiert.

=== '''25.11.2025''' ===
Verbesserungen am ICS-Export von Terminen

=== '''13.10.2025''' ===
Die Reply-To Mail-Adresse wird jetzt zuverlässiger erkannt, z.B. auch wenn das Feld nicht als "email", sondern als "Text" deklariert wurde

=== '''01.09.2025''' ===
Diverse Anpasungen und Bugfixing bei Themes

==== '''18.08.2025''' ====
Mit dem Update heute gab es Veränderungen am Formularmodul:
- die Übersicht der Formulare wurde gefixt und ist jetzt wieder übersichtlicher (was so ein kleines </div> an der falschen Stelle doch ausmachen kann)

- das Feld mail_two, was eigentlich nur für interne Zwecke gedacht ist wird in der versendeten Mail nun nicht mehr ausgegeben

- 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

- 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)

== Ältere Versionen ==
* [[Version 3.9]]
* [[Version 3.8]]
* [[Version 3.7]]
* [[Version 3.6]]
* [[Version 3.5]]
* [[Version 3.4]]
* [[Version 3.3]]
* [[Version 3.2]]
* [[Version 3.1]]
* [[Version 3.0]]

__NOTOC__

Versionshistorie

2026-01-06T12:04:15Z

Mhagge:

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.

=== '''06.01.2026''' ===
Neues Modul "[[Transparenzerklärung bearbeiten|Transparenzerklärung]]".

Bestehende Seiten unter der Adresse /transparenz/ wurden, soweit möglich, in das neue Modul konvertiert.

=== '''25.11.2025''' ===
Verbesserungen am ICS-Export von Terminen

=== '''13.10.2025''' ===
Die Reply-To Mail-Adresse wird jetzt zuverlässiger erkannt, z.B. auch wenn das Feld nicht als "email", sondern als "Text" deklariert wurde

=== '''01.09.2025''' ===
Diverse Anpasungen und Bugfixing bei Themes

==== '''18.08.2025''' ====
Mit dem Update heute gab es Veränderungen am Formularmodul:
- die Übersicht der Formulare wurde gefixt und ist jetzt wieder übersichtlicher (was so ein kleines </div> an der falschen Stelle doch ausmachen kann)

- das Feld mail_two, was eigentlich nur für interne Zwecke gedacht ist wird in der versendeten Mail nun nicht mehr ausgegeben

- 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

- 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)

== Ältere Versionen ==
* [[Version 3.9]]
* [[Version 3.8]]
* [[Version 3.7]]
* [[Version 3.6]]
* [[Version 3.5]]
* [[Version 3.4]]
* [[Version 3.3]]
* [[Version 3.2]]
* [[Version 3.1]]
* [[Version 3.0]]

__NOTOC__

Transparenzerklärung bearbeiten

2026-01-06T12:02:39Z

Mhagge:

''Handbuch - Tab: Nachrichten und Seiten''

Für politische Werbung ist unter Umständen eine Transparenzerklärung nach Eu-Verordnung 2024/900 erforderlich.

=== Was ist die EU-Verordnung 2024/900 ===
Die Verordnung verlangt im Kern eine klare Kennzeichnung politischer Werbung und detaillierte Angaben zu Auftraggeber, Finanzierung und Targeting-Einsatz. Ihr kommt immer dann damit in Kontakt, wenn ihr z.B. Werbung in Sozialen Netzwerken schaltet
==== Kennzeichnung als politische Werbung ====
Jede politische Werbung muss als solche eindeutig erkennbar sein, etwa durch einen gut sichtbaren Hinweis in der Anzeige. Außerdem muss erkennbar sein, auf welchen politischen Prozess (Wahl, Referendum, Gesetzgebungsverfahren) sie sich bezieht.
==== Angaben zum Sponsor / Auftraggeber ====
Anzugeben sind Name bzw. Firma des Sponsors bzw. der verantwortlichen Stelle sowie deren Kontaktdaten (mindestens eine leicht erreichbare Kontaktmöglichkeit). Zusätzlich sind Informationen zur Finanzierung erforderlich, insbesondere wer gezahlt hat und in welcher Höhe das Budget für die konkrete Werbemaßnahme liegt.
==== Informationen zum Targeting ====
Es muss offengelegt werden, ob Targeting oder spezielle Anzeigenschaltungsverfahren genutzt werden. Dabei sind u.a. die genutzten Kriterien/Zielgruppen, verwendete Datenkategorien, die Zwecke des Targetings sowie die grundlegende Logik (einschließlich KI-Einsatz) zu beschreiben.
==== Weitere Transparenzangaben ====
Anzugeben sind ferner der Zeitraum, in dem die Werbung verbreitet wird, und – soweit möglich – die Zahl der erreichten Personen. Für Online-Werbung besteht außerdem eine Pflicht zur Hinterlegung der Anzeige in einem EU‑weiten Online-Archiv, ergänzt um die genannten Transparenzinformationen.

Nähere Informationen findet ihr z.B. hier: [https://www.datenschutz-berlin.de/themen/werbung/politische-werbung/][Https://www.datenschutz-berlin.de/themen/werbung/politische-werbung/ https://www.datenschutz-berlin.de/themen/werbung/politische-werbung/]

In der Praxis wird man diese Erklärung auf einer Unterseite auf der Homepage machen, die man dann in der Anzeige entsprechend mittels Link oder einem QR-Code z.B. angeben / verlinken kann.

=== Das Modul "Transparenzerklärung" ===

Mit diesem Modul könnt Ihr eine solche Erklärung erfassen. Sie erscheint nicht im Menü, lässt sich aber auf der Seite /transparenz/ über eure Homepage aufrufen. Das Grundprinzip ist das gleiche wie beim [[Impressum bearbeiten|Impressum]] oder der [[Datenschutzerklärung bearbeiten|Datenschutzerklärung]].

[[Datei:2026-01-06Transparenzerkklärung.png|600x600px|Screenshot Transparenzerklärung URL und Download QR-Code]]

Unterhalb des Eingabefeldes findet ihr die URL (Adresse) der Transparenzerklärung zum kopieren in die Zwischenablage, ausserdem einen QR-Code, der auf die Seite "Transparenzerkklärung" führt zum einfügen z.B. auf Plakate in verschiedenen Formaten und Größen (SVG ist hier zu bevorzugen, da es sich als sogenannte Vektor-Grafik in beliebige Größen skalieren lässt)

Transparenzerklärung bearbeiten

2026-01-06T12:01:27Z

Mhagge:

''Handbuch - Tab: Nachrichten und Seiten''

Für politische Werbung ist unter Umständen eine Transparenzerklärung nach Eu-Verordnung 2024/900 erforderlich.

=== Was ist die EU-Verordnung 2024/900 ===
Die Verordnung verlangt im Kern eine klare Kennzeichnung politischer Werbung und detaillierte Angaben zu Auftraggeber, Finanzierung und Targeting-Einsatz. Ihr kommt immer dann damit in Kontakt, wenn ihr z.B. Werbung in Sozialen Netzwerken schaltet
==== Kennzeichnung als politische Werbung ====
Jede politische Werbung muss als solche eindeutig erkennbar sein, etwa durch einen gut sichtbaren Hinweis in der Anzeige. Außerdem muss erkennbar sein, auf welchen politischen Prozess (Wahl, Referendum, Gesetzgebungsverfahren) sie sich bezieht.
==== Angaben zum Sponsor / Auftraggeber ====
Anzugeben sind Name bzw. Firma des Sponsors bzw. der verantwortlichen Stelle sowie deren Kontaktdaten (mindestens eine leicht erreichbare Kontaktmöglichkeit). Zusätzlich sind Informationen zur Finanzierung erforderlich, insbesondere wer gezahlt hat und in welcher Höhe das Budget für die konkrete Werbemaßnahme liegt.
==== Informationen zum Targeting ====
Es muss offengelegt werden, ob Targeting oder spezielle Anzeigenschaltungsverfahren genutzt werden. Dabei sind u.a. die genutzten Kriterien/Zielgruppen, verwendete Datenkategorien, die Zwecke des Targetings sowie die grundlegende Logik (einschließlich KI-Einsatz) zu beschreiben.
==== Weitere Transparenzangaben ====
Anzugeben sind ferner der Zeitraum, in dem die Werbung verbreitet wird, und – soweit möglich – die Zahl der erreichten Personen. Für Online-Werbung besteht außerdem eine Pflicht zur Hinterlegung der Anzeige in einem EU‑weiten Online-Archiv, ergänzt um die genannten Transparenzinformationen.

Nähere Informationen findet ihr z.B. hier: [https://www.datenschutz-berlin.de/themen/werbung/politische-werbung/][Https://www.datenschutz-berlin.de/themen/werbung/politische-werbung/ https://www.datenschutz-berlin.de/themen/werbung/politische-werbung/]

In der Praxis wird man diese Erklärung auf einer Unterseite auf der Homepage machen, die man dann in der Anzeige entsprechend mittels Link oder einem QR-Code z.B. angeben / verlinken kann.

=== Das Modul "Transparenzerkklärung" ===

Mit diesem Modul könnt Ihr eine solche Erklärung erfassen. Sie erscheint nicht im Menü, lässt sich aber auf der Seite /transparenz/ über eure Homepage aufrufen. Das Grundprinzip ist das gleiche wie beim [[Impressum bearbeiten|Impressum]] oder der [[Datenschutzerklärung bearbeiten|Datenschutzerklärung]].

[[Datei:2026-01-06Transparenzerkklärung.png|alternativtext=Screenshot Transparenzerklärung URL und Download QR-Code|Screenshot Transparenzerklärung URL und Download QR-Code]]

Unterhalb des Eingabefeldes findet ihr die URL (Adresse) der Transparenzerklärung zum kopieren in die Zwischenablage, ausserdem einen QR-Code, der auf die Seite "Transparenzerkklärung" führt zum einfügen z.B. auf Plakate in verschiedenen Formaten und Größen (SVG ist hier zu bevorzugen, da es sich als sogenannte Vektor-Grafik in beliebige Größen skalieren lässt)

Transparenzerklärung bearbeiten

2026-01-06T12:00:45Z

Mhagge:

''Handbuch - Tab: Nachrichten und Seiten''

Für politische Werbung ist unter Umständen eine Transparenzerklärung nach Eu-Verordnung 2024/900 erforderlich.

=== Was ist die EU-Verordnung 2024/900 ===
Die Verordnung verlangt im Kern eine klare Kennzeichnung politischer Werbung und detaillierte Angaben zu Auftraggeber, Finanzierung und Targeting-Einsatz. Ihr kommt immer dann damit in Kontakt, wenn ihr z.B. Werbung in Sozialen Netzwerken schaltet
==== Kennzeichnung als politische Werbung ====
Jede politische Werbung muss als solche eindeutig erkennbar sein, etwa durch einen gut sichtbaren Hinweis in der Anzeige. Außerdem muss erkennbar sein, auf welchen politischen Prozess (Wahl, Referendum, Gesetzgebungsverfahren) sie sich bezieht.
==== Angaben zum Sponsor / Auftraggeber ====
Anzugeben sind Name bzw. Firma des Sponsors bzw. der verantwortlichen Stelle sowie deren Kontaktdaten (mindestens eine leicht erreichbare Kontaktmöglichkeit). Zusätzlich sind Informationen zur Finanzierung erforderlich, insbesondere wer gezahlt hat und in welcher Höhe das Budget für die konkrete Werbemaßnahme liegt.
==== Informationen zum Targeting ====
Es muss offengelegt werden, ob Targeting oder spezielle Anzeigenschaltungsverfahren genutzt werden. Dabei sind u.a. die genutzten Kriterien/Zielgruppen, verwendete Datenkategorien, die Zwecke des Targetings sowie die grundlegende Logik (einschließlich KI-Einsatz) zu beschreiben.
==== Weitere Transparenzangaben ====
Anzugeben sind ferner der Zeitraum, in dem die Werbung verbreitet wird, und – soweit möglich – die Zahl der erreichten Personen. Für Online-Werbung besteht außerdem eine Pflicht zur Hinterlegung der Anzeige in einem EU‑weiten Online-Archiv, ergänzt um die genannten Transparenzinformationen.

Nähere Informationen findet ihr z.B. hier: [https://www.datenschutz-berlin.de/themen/werbung/politische-werbung/][Https://www.datenschutz-berlin.de/themen/werbung/politische-werbung/ https://www.datenschutz-berlin.de/themen/werbung/politische-werbung/]

In der Praxis wird man diese Erklärung auf einer Unterseite auf der Homepage machen, die man dann in der Anzeige entsprechend mittels Link oder einem QR-Code z.B. angeben / verlinken kann.

=== Das Modul "Transparenzerkklärung" ===

Mit diesem Modul könnt Ihr eine solche Erklärung erfassen. Sie erscheint nicht im Menü, lässt sich aber auf der Seite /transparenz/ über eure Homepage aufrufen. Das Grundprinzip ist das gleiche wie beim [[Impressum bearbeiten|Impressum]] oder der [[Datenschutzerklärung bearbeiten|Datenschutzerklärung]].

[[Datei:2026-01-06Transparenzerkklärung.png|alternativtext=Screenshot Transparenzerklärung URL und Download QR-Code|mini|Screenshot Transparenzerklärung URL und Download QR-Code]]

Unterhalb des Eingabefeldes findet ihr die URL (Adresse) der Transparenzerklärung zum kopieren in die Zwischenablage, ausserdem einen QR-Code, der auf die Seite "Transparenzerkklärung" führt zum einfügen z.B. auf Plakate in verschiedenen Formaten und Größen (SVG ist hier zu bevorzugen, da es sich als sogenannte Vektor-Grafik in beliebige Größen skalieren lässt)

Datei:2026-01-06Transparenzerkklärung.png

2026-01-06T11:57:48Z

Mhagge:

Screenshot Transparenzerklärung URL und Download QR-Code

Transparenzerklärung bearbeiten

2026-01-06T11:56:24Z

Mhagge:

''Handbuch - Tab: Nachrichten und Seiten''

Für politische Werbung ist unter Umständen eine Transparenzerklärung nach Eu-Verordnung 2024/900 erforderlich.

=== Was ist die EU-Verordnung 2024/900 ===
Die Verordnung verlangt im Kern eine klare Kennzeichnung politischer Werbung und detaillierte Angaben zu Auftraggeber, Finanzierung und Targeting-Einsatz. Ihr kommt immer dann damit in Kontakt, wenn ihr z.B. Werbung in Sozialen Netzwerken schaltet
==== Kennzeichnung als politische Werbung ====
Jede politische Werbung muss als solche eindeutig erkennbar sein, etwa durch einen gut sichtbaren Hinweis in der Anzeige. Außerdem muss erkennbar sein, auf welchen politischen Prozess (Wahl, Referendum, Gesetzgebungsverfahren) sie sich bezieht.
==== Angaben zum Sponsor / Auftraggeber ====
Anzugeben sind Name bzw. Firma des Sponsors bzw. der verantwortlichen Stelle sowie deren Kontaktdaten (mindestens eine leicht erreichbare Kontaktmöglichkeit). Zusätzlich sind Informationen zur Finanzierung erforderlich, insbesondere wer gezahlt hat und in welcher Höhe das Budget für die konkrete Werbemaßnahme liegt.
==== Informationen zum Targeting ====
Es muss offengelegt werden, ob Targeting oder spezielle Anzeigenschaltungsverfahren genutzt werden. Dabei sind u.a. die genutzten Kriterien/Zielgruppen, verwendete Datenkategorien, die Zwecke des Targetings sowie die grundlegende Logik (einschließlich KI-Einsatz) zu beschreiben.
==== Weitere Transparenzangaben ====
Anzugeben sind ferner der Zeitraum, in dem die Werbung verbreitet wird, und – soweit möglich – die Zahl der erreichten Personen. Für Online-Werbung besteht außerdem eine Pflicht zur Hinterlegung der Anzeige in einem EU‑weiten Online-Archiv, ergänzt um die genannten Transparenzinformationen.

Nähere Informationen findet ihr z.B. hier: [https://www.datenschutz-berlin.de/themen/werbung/politische-werbung/][Https://www.datenschutz-berlin.de/themen/werbung/politische-werbung/ https://www.datenschutz-berlin.de/themen/werbung/politische-werbung/]

In der Praxis wird man diese Erklärung auf einer Unterseite auf der Homepage machen, die man dann in der Anzeige entsprechend mittels Link oder einem QR-Code z.B. angeben / verlinken kann.

=== Das Modul "Transparenzerkklärung" ===

Mit diesem Modul könnt Ihr eine solche Erklärung erfassen. Sie erscheint nicht im Menü, lässt sich aber auf der Seite /transparenz/ über eure Homepage aufrufen

Transparenzerklärung bearbeiten

2026-01-06T11:55:50Z

Mhagge:

''Handbuch - Tab: Nachrichten und Seiten''

Für politische Werbung ist unter Umständen eine Transparenzerklärung nach Eu-Verordnung 2024/900 erforderlich.

=== Was ist die EU-Verordnung 2024/900 ===
Die Verordnung verlangt im Kern eine klare Kennzeichnung politischer Werbung und detaillierte Angaben zu Auftraggeber, Finanzierung und Targeting-Einsatz. Ihr kommt immer dann damit in Kontakt, wenn ihr z.B. Werbung in Sozialen Netzwerken schaltet
==== Kennzeichnung als politische Werbung ====
Jede politische Werbung muss als solche eindeutig erkennbar sein, etwa durch einen gut sichtbaren Hinweis in der Anzeige. Außerdem muss erkennbar sein, auf welchen politischen Prozess (Wahl, Referendum, Gesetzgebungsverfahren) sie sich bezieht.
==== Angaben zum Sponsor / Auftraggeber ====
Anzugeben sind Name bzw. Firma des Sponsors bzw. der verantwortlichen Stelle sowie deren Kontaktdaten (mindestens eine leicht erreichbare Kontaktmöglichkeit). Zusätzlich sind Informationen zur Finanzierung erforderlich, insbesondere wer gezahlt hat und in welcher Höhe das Budget für die konkrete Werbemaßnahme liegt.
==== Informationen zum Targeting ====
Es muss offengelegt werden, ob Targeting oder spezielle Anzeigenschaltungsverfahren genutzt werden. Dabei sind u.a. die genutzten Kriterien/Zielgruppen, verwendete Datenkategorien, die Zwecke des Targetings sowie die grundlegende Logik (einschließlich KI-Einsatz) zu beschreiben.
==== Weitere Transparenzangaben ====
Anzugeben sind ferner der Zeitraum, in dem die Werbung verbreitet wird, und – soweit möglich – die Zahl der erreichten Personen. Für Online-Werbung besteht außerdem eine Pflicht zur Hinterlegung der Anzeige in einem EU‑weiten Online-Archiv, ergänzt um die genannten Transparenzinformationen.

Nähere Informationen findet ihr z.B. hier: [https://www.datenschutz-berlin.de/themen/werbung/politische-werbung/][Https://www.datenschutz-berlin.de/themen/werbung/politische-werbung/ https://www.datenschutz-berlin.de/themen/werbung/politische-werbung/]

In der Praxis wird man diese Erklärung auf einer Unterseite auf der Homepage machen, die man dann in der Anzeige entsprechend mittels Link oder einem QR-Code z.B. angeben / verlinken kann.

Mit diesem Modul könnt Ihr eine solche Erklärung erfassen. Sie erscheint nicht im Menü, lässt sich aber auf der Seite /transparenz/ über eure Homepage aufrufen

Transparenzerklärung bearbeiten

2026-01-06T11:51:18Z

Mhagge:

''Handbuch - Tab: Nachrichten und Seiten''

Transparenzerklärung bearbeiten

2026-01-06T11:50:55Z

Mhagge: Die Seite wurde neu angelegt: „Handbuch - Tab: Nachrichten und Seiten“

Handbuch - Tab: Nachrichten und Seiten

Handbuch

2026-01-06T11:49:56Z

Mhagge:

[[Category:Handbuch]]

=== Allgemeines ===
* [[Einführung]]
* [[Login in das System]]
* [[Passwort vergessen]]

=== Das Adminmenü ===
Die Menüfunktionen im Admin-Bereich sind in thematisch zusammengehörenden Tabs zugefasst. Der einzelne Bereich wird mit Klick auf die jeweilige "Tab-Überschrift" geöffnet, wo sich dann die entsprechenden Menüpunkte finden. Der Tab "Nachrichten und Seiten" ist immer als erstes nach dem Login geöffnet.

[[Datei:Reiterhauoptmenü.png|alternativtext=Reiter / Tabs im Hauptmenü|rahmenlos|700x700px]]

==== Tab Nachrichten und Seiten ====
* [[Nachrichten]]
** [[Neuer Artikel]]
** [[Durchreiche: Externe Artikel manuell einbinden]]
** [[Alle Artikel]]
* [[Kalender]]
** [[neuer Termin]]
** [[Schnelleingabe bis zu 10 neue Termine]]
** [[Termine bearbeiten]]
* [[Seiten]]
** [[Neue Seite anlegen]]
** [[Seite bearbeiten]]
* [[Seiteninhalte]]
** [[Impressum bearbeiten]]
** [[Datenschutzerklärung bearbeiten]]
** [[Transparenzerklärung bearbeiten]]
** [[Startseite der Homepage]]
* Texte für News oder Seiten
** [[Links prüfen]]
* Bild-Verzeichnis
** [[Bilder oder MP3s: Übersicht, löschen]]
** [[Bilder oder MP3s hochladen / ändern]]
* Bilder prüfen
** [[Bilder prüfen]]
* [[Freigabe]]
** [[Gästebuch]]
** [[Kommentare in Nachrichten]]
** [[Links freischalten|Links]]

==== Tab Module ====
* [[Adressdatenbank]]
** [[Neue Adresse oder Person]]
** [[Adressen und Personen bearbeiten]]
* [[Downloads]]
** [[Neuer Eintrag]]
** [[Downloads öffnen]]
** [[Datei hochladen]]
* [[Formulare]]
** [[Neues Formular anlegen]]
** [[Formulare bearbeiten]]
* [[Links]]
** [[Neuen Link eintragen]]
** [[Kategorien einrichten]]
** [[Web-Links bearbeiten]]
* [[Newsbox]]
** [[Newsbox anzeigen]]
** [[Newsbox anlegen]]
* [[Quiz]]
** [[Quiz erstellen]]
** [[Quiz bearbeiten oder löschen]]

==== Tab Blöcke ====
* [[Blöcke]]
** [[Neuer Block, (Blockbereich)]]
* Menü
** [[Hauptmenü, neuer Menüpunkt]]
** [[Hauptmenü, Verwalten]]
* Themenblöcke
** [[Extrablöcke, Übersicht]]
** [[Umfragen einrichten]]

==== Tab Einstellungen ====
* [[Benutzer, Zugang]]
** [[Eigene Zugangsdaten einrichten und bearbeiten]]
** [[Admins verwalten]]
* [[Homepage einstellen]]
** [[Homepage einrichten]]
** [[Beziehungen]]
** [[Metatags]]
** [[Layoutauswahl, Auftritt gestalten]]
*Logout
** [[Logout, beenden]]
* [[Nachrichten und Termine einrichten]]
** [[Einstellungen für die Durchreiche und Kommentare]]
** [[Verwendete Themen einrichten]]
*Soziale Netzwerke
**[[Buttonleiste für soziale Netzwerke]]
**[[Direktverbindungen]]

==== Tab Infos ====
Unter diesem Tab finden sich verschiedene Support-Anlaufstellen sowie Nachrichten zum WebSoziCMS - Infos über Updates, Wartungsarbeiten und ähnliches.

==== Sonstiges ====
Funktionen, die nicht im Menü zu finden sind und z.B. über Programmcodes einzufügen sind
* [[INCLUDE-Funktionen]]
* [[Plugin-Funktionen]]
* [[Fotostrecke]]
* [[Editor]]

Versionshistorie

2025-11-25T13:46:29Z

Mhagge:

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.

=== '''25.11.2025''' ===
Verbesserungen am ICS-Export von Terminen

=== '''13.10.2025''' ===
Die Reply-To Mail-Adresse wird jetzt zuverlässiger erkannt, z.B. auch wenn das Feld nicht als "email", sondern als "Text" deklariert wurde

=== '''01.09.2025''' ===
Diverse Anpasungen und Bugfixing bei Themes

==== '''18.08.2025''' ====
Mit dem Update heute gab es Veränderungen am Formularmodul:
- die Übersicht der Formulare wurde gefixt und ist jetzt wieder übersichtlicher (was so ein kleines </div> an der falschen Stelle doch ausmachen kann)

- das Feld mail_two, was eigentlich nur für interne Zwecke gedacht ist wird in der versendeten Mail nun nicht mehr ausgegeben

- 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

- 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)

== Ältere Versionen ==
* [[Version 3.9]]
* [[Version 3.8]]
* [[Version 3.7]]
* [[Version 3.6]]
* [[Version 3.5]]
* [[Version 3.4]]
* [[Version 3.3]]
* [[Version 3.2]]
* [[Version 3.1]]
* [[Version 3.0]]

__NOTOC__

Versionshistorie

2025-08-18T15:08:56Z

Mhagge:

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.

==== '''18.08.2025''' ====
Mit dem Update heute gab es Veränderungen am Formularmodul:
- die Übersicht der Formulare wurde gefixt und ist jetzt wieder übersichtlicher (was so ein kleines </div> an der falschen Stelle doch ausmachen kann)

- das Feld mail_two, was eigentlich nur für interne Zwecke gedacht ist wird in der versendeten Mail nun nicht mehr ausgegeben

- 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

- 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)

== Ältere Versionen ==
* [[Version 3.9]]
* [[Version 3.8]]
* [[Version 3.7]]
* [[Version 3.6]]
* [[Version 3.5]]
* [[Version 3.4]]
* [[Version 3.3]]
* [[Version 3.2]]
* [[Version 3.1]]
* [[Version 3.0]]

__NOTOC__

Versionshistorie

2025-08-18T15:07:18Z

Mhagge:

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.

'''18.08.2025'''
Mit dem Update heute gab es Veränderungen am Formularmodul:
- die Übersicht der Formulare wurde gefixt und ist jetzt wieder übersichtlicher (was so ein kleines </div> an der falschen Stelle doch ausmachen kann)

- das Feld mail_two, was eigentlich nur für interne Zwecke gedacht ist wird in der versendeten Mail nun nicht mehr ausgegeben

- 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

- 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)

== Ältere Versionen ==
* [[Version 3.9]]
* [[Version 3.8]]
* [[Version 3.7]]
* [[Version 3.6]]
* [[Version 3.5]]
* [[Version 3.4]]
* [[Version 3.3]]
* [[Version 3.2]]
* [[Version 3.1]]
* [[Version 3.0]]

__NOTOC__

Versionshistorie

2025-08-18T15:06:51Z

Mhagge:

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.

'''18.08.2025'''
Mit dem Update heute gab es Veränderungen am Formularmodul:
- die Übersicht der Formulare wurde gefixt und ist jetzt wieder übersichtlicher (was so ein kleines </div> an der falschen Stelle doch ausmachen kann)
- das Feld mail_two, was eigentlich nur für interne Zwecke gedacht ist wird in der versendeten Mail nun nicht mehr ausgegeben
- 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
- 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)

== Ältere Versionen ==
* [[Version 3.9]]
* [[Version 3.8]]
* [[Version 3.7]]
* [[Version 3.6]]
* [[Version 3.5]]
* [[Version 3.4]]
* [[Version 3.3]]
* [[Version 3.2]]
* [[Version 3.1]]
* [[Version 3.0]]

__NOTOC__

Version 3.9

2025-08-18T15:05:03Z

Mhagge: Die Seite wurde neu angelegt: „== 3.9 am 5.10.2020 == * verschiedene Bugfixes * Update verschiedener Fremd-Bibliotheken auf aktuelle Versionen * 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)“

== 3.9 am 5.10.2020 ==
* verschiedene Bugfixes
* Update verschiedener Fremd-Bibliotheken auf aktuelle Versionen
* 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)

Versionshistorie

2025-08-18T15:04:45Z

Mhagge: /* Ältere Versionen */

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.

== 3.9 am 5.10.2020 ==
* verschiedene Bugfixes
* Update verschiedener Fremd-Bibliotheken auf aktuelle Versionen
* 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)

== Ältere Versionen ==
* [[Version 3.9]]
* [[Version 3.8]]
* [[Version 3.7]]
* [[Version 3.6]]
* [[Version 3.5]]
* [[Version 3.4]]
* [[Version 3.3]]
* [[Version 3.2]]
* [[Version 3.1]]
* [[Version 3.0]]

__NOTOC__

WebSoziCMS Handbuch:Impressum

2025-07-14T12:03:12Z

Mhagge:

__NOTOC__
<h1>Impressum</h1>

<h2>Angaben gemäß § 5 TMG</h2>
<p>Markus Hagge<br />
unaone imc services Markus Hagge<br />
Dr.-Julius-Leber-Straße 1<br />
23552 Lübeck</p>

<h2>Kontakt</h2>
<p>Telefon: 0451 / 62066790<br />
Telefax: 0451 / 62066799<br />
E-Mail: info@unaone.net</p>

<h2>Umsatzsteuer-ID</h2>
<p>Umsatzsteuer-Identifikationsnummer gemäß § 27 a Umsatzsteuergesetz:<br />
DE814700701</p>

<h2>Redaktionell verantwortlich</h2>
<p>Markus Hagge<br />
Dr.-Julius-Leber-Straße 1<br />
23552 Lübeck</p>

<h2>Verbraucherstreitbeilegung/Universalschlichtungsstelle</h2>
<p>Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.</p>

Admins verwalten

2024-02-23T15:25:44Z

Mhagge:

[[Category:Handbuch]][[Category:Tab:Einstellungen]]
<i>Handbuch - Tab: Einstellungen</i>

Unter diesem Menüpunkt lassen sich sämtliche für die Homepage eingerichteten Admin-Zugange verwalten. Bearbeiten bzw. löschen auf dem Link neben dem gewünschten Benutzernamen führt die entsprechenden Aktionen aus (beim gerade eingeloggten Benutzer ist dieses nicht möglich, die eigenen Daten werden über "[[Eigene Zugangsdaten einrichten und bearbeiten]]" verändert. Ebenfalls ist es nicht möglich, den gerade eingeloggten Zugang hier zu löschen - dazu muss man sich vorher mit einem anderen Zugang einloggen.

Über neuen "Neuen Admin anlegen" lässt sich ein völlig neuer Zugang anlegen. Zu vergeben ist dabei ein Benutzername sowie Name und E-Mail-Adresse des neuen Benutzers. Über das Drop-Down-Feld "Zugriffsrechte" können dem neuen Nutzer bestimmte Rechte zugewiesen werden

* Gast: kann sich einloggen
* User: kann die eigenen Daten bearbeiten, die Homepage inhaltlich bearbeiten, aber bestimmte Einstellungen der Homepage (z.B. das Layout oder die Grundeinstellungen) nicht verändern
* Gruppe: sozusagen der Super-Admin der betreffenden Homepage, verfügt auf dieser über alle Rechte

Die Vergabe weitergehender Rechte ist leider nicht möglich, es ist insbesondere nicht möglich den Zugriff nur auf bestimmte Bereiche der Homepage zu beschränken (Darauf wurde bewusst verzichtet, weil nur sehr selten wirklich Bedarf für eine solche Lösung ist, zugleich aber das Rechte-System auch für die Nutzer um einiges komplexer werden würde.

Eine Erweiterung: (z.B. für rein interne Nutzer) ist geplant.

Über den Haken bei "Benutzer Link zum generieren eines eigenen Passwortes zumailen" erhält der neue Benutzer per Mail (an die angegebene Mail-Adresse) einen Link, mit dessen Hilfe ein eigenes Passwort festgelegt werden kann.

Wird der Haken nicht gesetzt, wir der neue Zugang angelegt, der neue Nutzer müsste sein Passwort allerdings über die "Passwort vergessen"-Funktion neu setzen.

Bekannte Fehler

2024-01-15T09:43:26Z

Mhagge:

'''15.01.2024 Bilder werden unter Umständen nicht angezeigt'''

Unter noch unbekannten Umständen kann es passieren, dass die Leserechte auf das Bilder-Verzeichnis verloren gehen. In der Folge können Bilder auf der Webseite nicht dargestellt werden. Das Problem tritt sehr selten auf und konnte bislang nur beobachtet, aber nicht reproduziert werden. Es scheint ein Zusammenhang mit dem Upload von Bildern aus IOS-Geräten (Ipad / Iphone) zu bestehen.

Sollte bei Euch dieses Problem auftauchen bitte eine kurze Mail an support@soziserver.de schreiben, wir setzen die Berechtigungen dann auf die richtigen Werte zurück, so dass die Bilder wieder angezeigt werden

Bekannte Fehler

2024-01-15T09:43:07Z

Mhagge:

'''15.01.2024'''

Unter noch unbekannten Umständen kann es passieren, dass die Leserechte auf das Bilder-Verzeichnis verloren gehen. In der Folge können Bilder auf der Webseite nicht dargestellt werden. Das Problem tritt sehr selten auf und konnte bislang nur beobachtet, aber nicht reproduziert werden. Es scheint ein Zusammenhang mit dem Upload von Bildern aus IOS-Geräten (Ipad / Iphone) zu bestehen.

Sollte bei Euch dieses Problem auftauchen bitte eine kurze Mail an support@soziserver.de schreiben, wir setzen die Berechtigungen dann auf die richtigen Werte zurück, so dass die Bilder wieder angezeigt werden

Websozis2024

2024-01-15T09:38:37Z

Mhagge:

Das Layout websozis2024 ist eine Eigenentwicklung der WebSozis, es lehnt sich an das aktuelle Layout von spd.de an

Bei diesem Layout befinden sich die Block/Widget-Bereiche oben unter dem Kopfbanner / über dem Hauptinhalt sowie unten unter dem Hauptinhalt.

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 400 Pixel.

__TOC__
[[Datei:Websozis2024.png|alternativtext=Screenshot des Layoutes websozis2024|zentriert|mini|600x600px|Layout websozis2024 - in einem Desktopbrowser]]
Es ist mit allen modernen Browsern kompatibel.

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

Das Layout unterstützt die [[Wie_wird_die_Newsbox_genutzt|Newsbox]], diese befindet sich im Bereich des Headerbildes auf der Startseite

== Responsives Layout ==
websozis2024 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.
[[Datei:Websozis2024 iphone.png|alternativtext=Screenshot Layout websozis2024 auf einem IPhone|zentriert|mini|627x627px|Layout websozis2024 - auf einem IPhone]]

== Live-Ansicht des Layouts ==
Hier seht Ihr unsere Demo-Seite mit dem Layout websozis2024: https://www.wscms-demo.de/index.php?theme=websozis2024

== Eingebettete Inhalte fremder Quellen (z.B. iframe) ==

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:

<pre>

<div class="embed-responsive embed-responsive-21by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>


<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>


<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>


<div class="embed-responsive embed-responsive-1by1">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
</pre>

Diese Ergänzungen sind für <iframe>, <embed>, <video> und <object>-HTML-Tags möglich.

== Abmessungen ==

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.

{| class="wikitable"
|-
! Bildposition !! Breite !! Höhe !! Bildposition !! Breite !! Höhe
|-
| Logo || 160px || max 80px || Kopfbanner || 1110px || 500px
|-
| 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
|-
| 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
|}

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.

=== Kofbanner ===
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.

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.

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.

== bekannte Probleme ==
* 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)

== Modifikationen ==

derzeit keine

=== Ausblenden des Logos ===
Wenn ihr das Logo ausblenden wollt könnt ihr folgenden Code verwenden (Eingabe im Tab "Einstellungen" bei "[[Metatags]]")

<pre>
<style type="text/css" media="screen, projection">

</style>
</pre>(es ist nicht möglich das im Menü beim Scrollen eingeblendete Logo auszublenden)

== Bootstrap ==
Das Layout websozis2024 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/

== Wechsel des Themes / Layoutes einer Homepage ==

Eine Anleitung findet sich [[Wechsel_des_Themes_(Layoutes)_einer_Homepage|hier]]

Websozis2024

2024-01-15T09:37:45Z

Mhagge:

Das Layout websozis2024 ist eine Eigenentwicklung der WebSozis, es lehnt sich an das aktuelle Layout von spd.de an

Bei diesem Layout befinden sich die Block/Widget-Bereiche oben unter dem Kopfbanner / über dem Hauptinhalt sowie unten unter dem Hauptinhalt.

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.

__TOC__
[[Datei:Websozis2024.png|alternativtext=Screenshot des Layoutes websozis2024|zentriert|mini|600x600px|Layout websozis2024 - in einem Desktopbrowser]]
Es ist mit allen modernen Browsern kompatibel.

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

Das Layout unterstützt die [[Wie_wird_die_Newsbox_genutzt|Newsbox]], diese befindet sich im Bereich des Headerbildes auf der Startseite

== Responsives Layout ==
websozis2024 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.
[[Datei:Websozis2024 iphone.png|alternativtext=Screenshot Layout websozis2024 auf einem IPhone|zentriert|mini|627x627px|Layout websozis2024 - auf einem IPhone]]

== Live-Ansicht des Layouts ==
Hier seht Ihr unsere Demo-Seite mit dem Layout websozis2024: https://www.wscms-demo.de/index.php?theme=websozis2024

== Eingebettete Inhalte fremder Quellen (z.B. iframe) ==

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:

<pre>

<div class="embed-responsive embed-responsive-21by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>


<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>


<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>


<div class="embed-responsive embed-responsive-1by1">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
</pre>

Diese Ergänzungen sind für <iframe>, <embed>, <video> und <object>-HTML-Tags möglich.

== Abmessungen ==

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.

{| class="wikitable"
|-
! Bildposition !! Breite !! Höhe !! Bildposition !! Breite !! Höhe
|-
| Logo || 160px || max 80px || Kopfbanner || 1110px || 500px
|-
| 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
|-
| 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
|}

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.

=== Kofbanner ===
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.

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.

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.

== bekannte Probleme ==
* 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)

== Modifikationen ==

derzeit keine

=== Ausblenden des Logos ===
Wenn ihr das Logo ausblenden wollt könnt ihr folgenden Code verwenden (Eingabe im Tab "Einstellungen" bei "[[Metatags]]")

<pre>
<style type="text/css" media="screen, projection">

</style>
</pre>(es ist nicht möglich das im Menü beim Scrollen eingeblendete Logo auszublenden)

== Bootstrap ==
Das Layout websozis2024 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/

== Wechsel des Themes / Layoutes einer Homepage ==

Eine Anleitung findet sich [[Wechsel_des_Themes_(Layoutes)_einer_Homepage|hier]]

Websozis2024

2024-01-15T09:37:25Z

Mhagge:

'''Achtung: Beschreibung in Bearbeitung, kann noch Fehler enthalten'''

Das Layout websozis2024 ist eine Eigenentwicklung der WebSozis, es lehnt sich an das aktuelle Layout von spd.de an

Bei diesem Layout befinden sich die Block/Widget-Bereiche oben unter dem Kopfbanner / über dem Hauptinhalt sowie unten unter dem Hauptinhalt.

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.

__TOC__
[[Datei:Websozis2024.png|alternativtext=Screenshot des Layoutes websozis2024|zentriert|mini|600x600px|Layout websozis2024 - in einem Desktopbrowser]]
Es ist mit allen modernen Browsern kompatibel.

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

Das Layout unterstützt die [[Wie_wird_die_Newsbox_genutzt|Newsbox]], diese befindet sich im Bereich des Headerbildes auf der Startseite

== Responsives Layout ==
websozis2024 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.
[[Datei:Websozis2024 iphone.png|alternativtext=Screenshot Layout websozis2024 auf einem IPhone|zentriert|mini|627x627px|Layout websozis2024 - auf einem IPhone]]

== Live-Ansicht des Layouts ==
Hier seht Ihr unsere Demo-Seite mit dem Layout websozis2024: https://www.wscms-demo.de/index.php?theme=websozis2024

== Eingebettete Inhalte fremder Quellen (z.B. iframe) ==

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:

<pre>

<div class="embed-responsive embed-responsive-21by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>


<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>


<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>


<div class="embed-responsive embed-responsive-1by1">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
</pre>

Diese Ergänzungen sind für <iframe>, <embed>, <video> und <object>-HTML-Tags möglich.

== Abmessungen ==

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.

{| class="wikitable"
|-
! Bildposition !! Breite !! Höhe !! Bildposition !! Breite !! Höhe
|-
| Logo || 160px || max 80px || Kopfbanner || 1110px || 500px
|-
| 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
|-
| 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
|}

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.

=== Kofbanner ===
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.

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.

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.

== bekannte Probleme ==
* 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)

== Modifikationen ==

derzeit keine

=== Ausblenden des Logos ===
Wenn ihr das Logo ausblenden wollt könnt ihr folgenden Code verwenden (Eingabe im Tab "Einstellungen" bei "[[Metatags]]")

<pre>
<style type="text/css" media="screen, projection">

</style>
</pre>(es ist nicht möglich das im Menü beim Scrollen eingeblendete Logo auszublenden)

== Bootstrap ==
Das Layout websozis2024 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/

== Wechsel des Themes / Layoutes einer Homepage ==

Eine Anleitung findet sich [[Wechsel_des_Themes_(Layoutes)_einer_Homepage|hier]]

Datei:Websozis2024 iphone.png

2024-01-15T09:37:14Z

Mhagge:

Screenshot websozis2024 Iphone

Datei:Websozis2024.png

2024-01-15T09:36:03Z

Mhagge:

Screenshot des Layotes websozis2024

Websozis2024

2024-01-15T09:12:10Z

Mhagge:

'''Achtung: Beschreibung in Bearbeitung, kann noch Fehler enthalten'''

Das Layout websozis2024 ist eine Eigenentwicklung der WebSozis, es lehnt sich an das aktuelle Layout von spd.de an

Bei diesem Layout befinden sich die Block/Widget-Bereiche oben unter dem Kopfbanner / über dem Hauptinhalt sowie unten unter dem Hauptinhalt.

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.

__TOC__
[[Datei:Websozis2021.png|alternativtext=Screenshot des Layoutes websozis2021|zentriert|mini|600x600px|Layout websozis2021 - in einem Desktopbrowser]]
Es ist mit allen modernen Browsern kompatibel.

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

Das Layout unterstützt die [[Wie_wird_die_Newsbox_genutzt|Newsbox]], diese befindet sich im Bereich des Headerbildes auf der Startseite

== Responsives Layout ==
websozis2024 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.
[[Datei:Websozis2021 iphone.png|alternativtext=Screenshot Layout websozis2021 auf einem IPhone|zentriert|mini|522x522px|Layout websozis2021 - auf einem IPhone]]

== Live-Ansicht des Layouts ==
Hier seht Ihr unsere Demo-Seite mit dem Layout websozis2024: https://www.wscms-demo.de/index.php?theme=websozis2024

== Eingebettete Inhalte fremder Quellen (z.B. iframe) ==

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:

<pre>

<div class="embed-responsive embed-responsive-21by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>


<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>


<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>


<div class="embed-responsive embed-responsive-1by1">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
</pre>

Diese Ergänzungen sind für <iframe>, <embed>, <video> und <object>-HTML-Tags möglich.

== Abmessungen ==

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.

{| class="wikitable"
|-
! Bildposition !! Breite !! Höhe !! Bildposition !! Breite !! Höhe
|-
| Logo || 160px || max 80px || Kopfbanner || 1110px || 500px
|-
| 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
|-
| 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
|}

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.

=== Kofbanner ===
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.

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.

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.

== bekannte Probleme ==
* 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)

== Modifikationen ==

derzeit keine

=== Ausblenden des Logos ===
Wenn ihr das Logo ausblenden wollt könnt ihr folgenden Code verwenden (Eingabe im Tab "Einstellungen" bei "[[Metatags]]")

<pre>
<style type="text/css" media="screen, projection">

</style>
</pre>(es ist nicht möglich das im Menü beim Scrollen eingeblendete Logo auszublenden)

== Bootstrap ==
Das Layout websozis2024 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/

== Wechsel des Themes / Layoutes einer Homepage ==

Eine Anleitung findet sich [[Wechsel_des_Themes_(Layoutes)_einer_Homepage|hier]]

Websozis2024

2024-01-15T09:11:08Z

Mhagge:

'''Achtung: Beschreibung in Bearbeitung, kann noch Fehler enthalten'''

Das Layout websozis2024 ist eine Eigenentwicklung der WebSozis, es lehnt sich an das aktuelle Layout von spd.de an

Bei diesem Layout befinden sich die Block/Widget-Bereiche oben unter dem Kopfbanner / über dem Hauptinhalt sowie unten unter dem Hauptinhalt.

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.

__TOC__
[[Datei:Websozis2021.png|alternativtext=Screenshot des Layoutes websozis2021|zentriert|mini|600x600px|Layout websozis2021 - in einem Desktopbrowser]]
Es ist mit allen modernen Browsern kompatibel.

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

Das Layout unterstützt die [[Wie_wird_die_Newsbox_genutzt|Newsbox]], diese befindet sich im Bereich des Headerbildes auf der Startseite

== Responsives Layout ==
websozis2024 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.
[[Datei:Websozis2021 iphone.png|alternativtext=Screenshot Layout websozis2021 auf einem IPhone|zentriert|mini|522x522px|Layout websozis2021 - auf einem IPhone]]

== Live-Ansicht des Layouts ==
Hier seht Ihr unsere Demo-Seite mit dem Layout websozis2024: https://www.wscms-demo.de/index.php?theme=websozis2024

== Eingebettete Inhalte fremder Quellen (z.B. iframe) ==

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:

<pre>

<div class="embed-responsive embed-responsive-21by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>


<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>


<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>


<div class="embed-responsive embed-responsive-1by1">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
</pre>

Diese Ergänzungen sind für <iframe>, <embed>, <video> und <object>-HTML-Tags möglich.

== Abmessungen ==

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.

{| class="wikitable"
|-
! Bildposition !! Breite !! Höhe !! Bildposition !! Breite !! Höhe
|-
| Logo || 215px || 100px || Kopfbanner || 1110px || 500px
|-
| 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
|-
| 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
|}

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.

=== Kofbanner ===
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.

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.

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.

== bekannte Probleme ==
* 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)

== Modifikationen ==

derzeit keine

=== Ausblenden des Logos ===
Wenn ihr das Logo ausblenden wollt könnt ihr folgenden Code verwenden (Eingabe im Tab "Einstellungen" bei "[[Metatags]]")

<pre>
<style type="text/css" media="screen, projection">

</style>
</pre>(es ist nicht möglich das im Menü beim Scrollen eingeblendete Logo auszublenden)

== Bootstrap ==
Das Layout websozis2024 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/

== Wechsel des Themes / Layoutes einer Homepage ==

Eine Anleitung findet sich [[Wechsel_des_Themes_(Layoutes)_einer_Homepage|hier]]

Websozis2024

2024-01-15T09:09:34Z

Mhagge:

'''Achtung: Beschreibung in Bearbeitung, kann noch Fehler enthalten'''

Das Layout websozis2024 ist eine Eigenentwicklung der WebSozis, es lehnt sich an das aktuelle Layout von spd.de an

Bei diesem Layout befinden sich die Block/Widget-Bereiche oben unter dem Kopfbanner / über dem Hauptinhalt sowie unten unter dem Hauptinhalt.

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.

__TOC__
[[Datei:Websozis2021.png|alternativtext=Screenshot des Layoutes websozis2021|zentriert|mini|600x600px|Layout websozis2021 - in einem Desktopbrowser]]
Es ist mit allen modernen Browsern kompatibel, lediglich der InternetExplorer muss die Version 10 oder höher haben.

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.

Das Layout unterstützt die [[Wie_wird_die_Newsbox_genutzt|Newsbox]], diese befindet sich im Bereich des Headerbildes auf der Startseite

== Responsives Layout ==
websozis2024 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.
[[Datei:Websozis2021 iphone.png|alternativtext=Screenshot Layout websozis2021 auf einem IPhone|zentriert|mini|522x522px|Layout websozis2021 - auf einem IPhone]]

== Live-Ansicht des Layouts ==
Hier seht Ihr unsere Demo-Seite mit dem Layout websozis2024: https://www.wscms-demo.de/index.php?theme=websozis2024

== Eingebettete Inhalte fremder Quellen (z.B. iframe) ==

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:

<pre>

<div class="embed-responsive embed-responsive-21by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>


<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>


<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>


<div class="embed-responsive embed-responsive-1by1">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
</pre>

Diese Ergänzungen sind für <iframe>, <embed>, <video> und <object>-HTML-Tags möglich.

== Abmessungen ==

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.

{| class="wikitable"
|-
! Bildposition !! Breite !! Höhe !! Bildposition !! Breite !! Höhe
|-
| Logo || 215px || 100px || Kopfbanner || 1110px || 500px
|-
| 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
|-
| 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
|}

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.

=== Kofbanner ===
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.

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.

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.

== bekannte Probleme ==
* 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)

== Modifikationen ==

derzeit keine

=== Ausblenden des Logos ===
Wenn ihr das Logo ausblenden wollt könnt ihr folgenden Code verwenden (Eingabe im Tab "Einstellungen" bei "[[Metatags]]")

<pre>
<style type="text/css" media="screen, projection">

</style>
</pre>(es ist nicht möglich das im Menü beim Scrollen eingeblendete Logo auszublenden)

== Bootstrap ==
Das Layout websozis2024 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/

== Wechsel des Themes / Layoutes einer Homepage ==

Eine Anleitung findet sich [[Wechsel_des_Themes_(Layoutes)_einer_Homepage|hier]]

Websozis2024

2024-01-15T09:09:21Z

Mhagge: Die Seite wurde neu angelegt: „Achtung: Beschreibung in Bearbeitung, kann noch Fehler enthalten Das Layout websozis2024 ist eine Eigenentwicklung der WebSozis, es lehnt sich an das aktuelle Layout von spd.de an Bei diesem Layout befinden sich die Block/Widget-Bereiche oben unter dem Kopfbanner / über dem Hauptinhalt sowie unten unter dem Hauptinhalt. Die Artikel werden jeweils in einer Reihe untereinander angeordnet.Das Artikelbild wird links neben dem Text des Artikels anzeigt. Wi…“

Achtung: Beschreibung in Bearbeitung, kann noch Fehler enthalten

Das Layout websozis2024 ist eine Eigenentwicklung der WebSozis, es lehnt sich an das aktuelle Layout von spd.de an

Bei diesem Layout befinden sich die Block/Widget-Bereiche oben unter dem Kopfbanner / über dem Hauptinhalt sowie unten unter dem Hauptinhalt.

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.

__TOC__
[[Datei:Websozis2021.png|alternativtext=Screenshot des Layoutes websozis2021|zentriert|mini|600x600px|Layout websozis2021 - in einem Desktopbrowser]]
Es ist mit allen modernen Browsern kompatibel, lediglich der InternetExplorer muss die Version 10 oder höher haben.

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.

Das Layout unterstützt die [[Wie_wird_die_Newsbox_genutzt|Newsbox]], diese befindet sich im Bereich des Headerbildes auf der Startseite

== Responsives Layout ==
websozis2024 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.
[[Datei:Websozis2021 iphone.png|alternativtext=Screenshot Layout websozis2021 auf einem IPhone|zentriert|mini|522x522px|Layout websozis2021 - auf einem IPhone]]

== Live-Ansicht des Layouts ==
Hier seht Ihr unsere Demo-Seite mit dem Layout websozis2024: https://www.wscms-demo.de/index.php?theme=websozis2024

== Eingebettete Inhalte fremder Quellen (z.B. iframe) ==

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:

<pre>

<div class="embed-responsive embed-responsive-21by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>


<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>


<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>


<div class="embed-responsive embed-responsive-1by1">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
</pre>

Diese Ergänzungen sind für <iframe>, <embed>, <video> und <object>-HTML-Tags möglich.

== Abmessungen ==

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.

{| class="wikitable"
|-
! Bildposition !! Breite !! Höhe !! Bildposition !! Breite !! Höhe
|-
| Logo || 215px || 100px || Kopfbanner || 1110px || 500px
|-
| 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
|-
| 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
|}

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.

=== Kofbanner ===
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.

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.

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.

== bekannte Probleme ==
* 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)

== Modifikationen ==

derzeit keine

=== Ausblenden des Logos ===
Wenn ihr das Logo ausblenden wollt könnt ihr folgenden Code verwenden (Eingabe im Tab "Einstellungen" bei "[[Metatags]]")

<pre>
<style type="text/css" media="screen, projection">

</style>
</pre>(es ist nicht möglich das im Menü beim Scrollen eingeblendete Logo auszublenden)

== Bootstrap ==
Das Layout websozis2024 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/

== Wechsel des Themes / Layoutes einer Homepage ==

Eine Anleitung findet sich [[Wechsel_des_Themes_(Layoutes)_einer_Homepage|hier]]

Layoutübersicht

2024-01-15T09:07:50Z

Mhagge:

[[Kategorie:Layoute]]
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

Wie man ein Layout wechselt ist hier beschrieben: [[Wechsel_des_Themes_(Layoutes)_einer_Homepage|Wechsel des Themes einer Homepage]]

== Layoute der WebSozis ==
* [[websozis2024]]
* [[websozis2021]]
*[[websozis2020]]
* [[websozis2020_alternate]]
* [[websozis2018]]
* [[websozis2018_cyan]]
* [[websozis2017]]
* [[websozis2017_bigheader]]
* [[spd_bayern_2016r]]
* [[websozis2015_r]]

== "Technische" Layoute ==
* [[inactive]]

== nur regional verfügbare Layoute ==

=== Baden-Württemberg ===
* [[spdbw2021]]

=== Schleswig-Holstein ===
* [[spdsh2017_r]]

=== Sachsen ===
* [[sachsen2019]]

== veraltete Layoute ==
Diese Layoute können in den Auftritten noch eingestellt sein, sie sind aber nicht mehr als "neu" auswählbar. Sie werden technisch nicht mehr unterstützt, es kann daher zu Darstellungsfehlern und Funktionsstörungen kommen.

* [[spd2012]] (nicht responsiv)
*[[spd2014]] (nicht responsiv)
* Alle anderen hier nicht genannten Layoute

Hauptseite

2023-11-14T09:37:50Z

Mhagge:

__NOTOC__
[[file:websozicms-logo.png‎|right]]
'''Herzlich willkommen beim WebSoziCMS-Wiki'''

Dieses Wiki bietet Hilfe und Anleitung rund um das WebSoziCMS.

Das WebSoziCMS ist ein von den [https://www.websozis.de WebSozis] speziell für SPD-Bedürfnisse entwickeltes CMS (Content-Mangagement-System), grob gesagt eine Art Baukastensytem für Homepages. Mit dem WebSoziCMS können SPD-Gliederungen, Funktions- und Mandatsträger sowie Kandidaten einfach und schnell online gehen. Es erlaubt auch unerfahrenen Nutzern die einfache Erstellung und Pflege von WebSeiten.

Das WebSoziCMS wird nicht frei zum Download angeboten. Es ist für den Soziserver programmiert und enthält urheberrechtlich geschützte Bilder und Layouts. Es kann zu einem Internetauftritt als kostenlose Erweiterung auf dem [https://www.soziserver.de Soziserver] bestellt werden.

Wir bieten mit unserem [[Kurzanleitung|Schnelleinstieg]] für Erstanwender eine Übersicht über die wichtigsten Themen. Eine vollständige Anleitung findet sich im [[Handbuch]].

== Übersicht ==
* [[Voraussetzungen]]
* [[Kurzanleitung|Schnelleinstieg]]
* [[Handbuch]]
* [[Fragen und Antworten]]
* [[Layoutübersicht]]
* [[Bekannte Fehler]]
* [[Versionshistorie]]

== Support ==
Unseren Support erreicht ihr folgendermaßen:

* Forum der Websozis: [https://forum.websozis.de https://forum.websozis.de]
* E-Mail: [mailto:support@soziserver.de support@soziserver.de]
* Mastodon: https://unaone.social/@soziserver
* Facebook-Gruppe [https://www.facebook.com/groups/155343477939908/ https://www.facebook.com/groups/155343477939908/]

Für SPD, SPÖ und SPD-Mitglieder steht im Forum der [http://www.websozis.de WebSozis] eine eigener Forumsbereich rund um das WebSoziCMS zu Verfügung, wo die Möglichkeit besteht Fragen zu Stellen, mit anderen Nutzern in einen Erfahrungsaustausch zu treten und sich an der Entwicklung zu beteiligen.

Aktuelle Ankündigungen und wichtige Änderungen findet ihr zudem im News-Bereich direkt in der Admin-Oberfläche des CMSes sowie auf [https://www.soziserver.de soziserver.de] bzw. ggf. (im Falle von Störungen z.B.) auf [http://www.soziserver-status.de soziserver-status.de]

== Demo ==
Eine öffentliche Demo-Homepage ist unter https://www.wscms-demo.de zu finden.
== Hinweis ==
Die Informationen in diesem Wiki wurden von uns nach bestem Wissen & Gewissen zusammengestellt. Trotzdem können Sie fehlerhaft oder nicht mehr aktuell sein. Für einen [mailto:support@soziserver.de Hinweis] in einem solchen Fall sind wir dankbar. Die Verwendung der Informationen erfolgt auf eigenes Risiko.

Direktverbindungen

2023-10-31T11:04:37Z

Mhagge:

[[Category:Handbuch]][[Category:Tab:Einstellungen]]

'''Derzeit kann sich mit keinem Netzwerk direkt verbunden werden. Der Trend bei den sozialen Netzwerken geht dazu, ihre Inhalte innerhalb ihres Netzwerkes abzuschotten. So hat nun auch Twitter (bzw. X) die entsprechende Schnittstelle deaktiviert.'''

Hier besteht die Möglichkeit sich direkt mit Sozialen Netzwerke zu verbinden (derzeit nur Twitter), so dass sich das WebSoziCMS Informationen direkt aus diesem Sozialen Netzwerk holen kann (z.B. für die Anzeige eines Widgets mit Tweets) oder aber Informationen direkt von der Homepage auf den entsprechenden Dienst veröffentlicht werden können.

Dazu musst Dich mit den Zugangsdaten des gewünschten Accounts (es ist nur einer pro sozialem Netzwerk möglich) einloggen. Es wird dann ein permanenter Zugang erstellt und in der Homepage gespeichert.

Hauptseite

2023-09-24T12:06:16Z

Mhagge: Matrix als Support hinzugefügt

__NOTOC__
[[file:websozicms-logo.png‎|right]]
'''Herzlich willkommen beim WebSoziCMS-Wiki'''

Dieses Wiki bietet Hilfe und Anleitung rund um das WebSoziCMS.

Das WebSoziCMS ist ein von den [https://www.websozis.de WebSozis] speziell für SPD-Bedürfnisse entwickeltes CMS (Content-Mangagement-System), grob gesagt eine Art Baukastensytem für Homepages. Mit dem WebSoziCMS können SPD-Gliederungen, Funktions- und Mandatsträger sowie Kandidaten einfach und schnell online gehen. Es erlaubt auch unerfahrenen Nutzern die einfache Erstellung und Pflege von WebSeiten.

Das WebSoziCMS wird nicht frei zum Download angeboten. Es ist für den Soziserver programmiert und enthält urheberrechtlich geschützte Bilder und Layouts. Es kann zu einem Internetauftritt als kostenlose Erweiterung auf dem [https://www.soziserver.de Soziserver] bestellt werden.

Wir bieten mit unserem [[Kurzanleitung|Schnelleinstieg]] für Erstanwender eine Übersicht über die wichtigsten Themen. Eine vollständige Anleitung findet sich im [[Handbuch]].

== Übersicht ==
* [[Voraussetzungen]]
* [[Kurzanleitung|Schnelleinstieg]]
* [[Handbuch]]
* [[Fragen und Antworten]]
* [[Layoutübersicht]]
* [[Bekannte Fehler]]
* [[Versionshistorie]]

== Support ==
Unseren Support erreicht ihr folgendermaßen:

* Forum der Websozis: [https://forum.websozis.de https://forum.websozis.de]
* E-Mail: [mailto:support@soziserver.de support@soziserver.de]
* Mastodon: https://unaone.social/@soziserver
* Facebook-Gruppe [https://www.facebook.com/groups/155343477939908/ https://www.facebook.com/groups/155343477939908/]
* Matrix-Chatraum: https://matrix.to/#/!websozicms:unaone.net

Für SPD, SPÖ und SPD-Mitglieder steht im Forum der [http://www.websozis.de WebSozis] eine eigener Forumsbereich rund um das WebSoziCMS zu Verfügung, wo die Möglichkeit besteht Fragen zu Stellen, mit anderen Nutzern in einen Erfahrungsaustausch zu treten und sich an der Entwicklung zu beteiligen.

Aktuelle Ankündigungen und wichtige Änderungen findet ihr zudem im News-Bereich direkt in der Admin-Oberfläche des CMSes sowie auf [https://www.soziserver.de soziserver.de] bzw. ggf. (im Falle von Störungen z.B.) auf [http://www.soziserver-status.de soziserver-status.de]

== Demo ==
Eine öffentliche Demo-Homepage ist unter https://www.wscms-demo.de zu finden.
== Hinweis ==
Die Informationen in diesem Wiki wurden von uns nach bestem Wissen & Gewissen zusammengestellt. Trotzdem können Sie fehlerhaft oder nicht mehr aktuell sein. Für einen [mailto:support@soziserver.de Hinweis] in einem solchen Fall sind wir dankbar. Die Verwendung der Informationen erfolgt auf eigenes Risiko.