Anleitung Einleitung Vorstellung Kandidierende Social Media Icons Vorstand & Mitglieder Innerhalb einer Seite verlinken Ordnung ins Chaos bringen Termine erstellen Startseite bearbeiten Beiträge gestalten Menü anpassen Im Folgenden findet ihr eine Anleitung, um schnell neue Seiten und Inhalte erstellen zu können. Um der Anleitung am besten folgen zu können, öffnet diese Seite im Bearbeitungsmodus. Mail Falls Themen unklar bleiben, noch Fragen bestehen oder weitere Vorlagen benötigt werden, gebt gerne dem Kreisverband Bescheid: Tipp: Diese Webseite basiert auf dem WordPress-Theme Sunflower. Eine Anleitung zu dessen vielen Funktionen findet ihr hier. Eine kurze Bemerkung zu Vorlagen: Für viele häufig genutzte Inhalte, wie die Vorstellung von Kandidierenden, Gemeinde-, Ortschafts- und Kreisräten oder auch Vorstandsmitgliedern gibt es eigens erstellte Vorlagen. Ihr findet die Vorlagen unter dem blauen Plus -> Vorlagen -> Meine Vorlagen. Nachdem ihr die Vorlage eingefügt habt, müsst ihr sie noch entsprechend anpassen. Um eine Vorlage zu bearbeiten, klickt in der Listenansicht auf die drei Punkte neben der eingefügten Vorlage und klickt auf „Loslösen“. Nun könnt ihr eigene Inhalte einfügen. Vorstellung Kandidierende Kandidierende 3 Spalten Für die Vorstellung von mehr als 10 Kandidierenden bietet es sich an, die Vorlage „Kandidierende 3 Spalten“ zu nutzen. Auf grösseren Bildschirmen müssen die Besucher:innen der Webseite so nicht ganz so viel scrollen. Um bei vielen Personen und späteren Änderungen nicht den Überblick zu verlieren, bietet es sich an, den jeweiligen Block in der Seitenleiste entsprechend zu bezeichnen. Dazu den „Kandiderende 3 Spalten“-Block ausklappen und neben „Person 1“ (oder 2 oder 3) auf die drei Punkte klicken und „Umbennen“ auswählen. Listenplatz ?? Vorname Name Familienstand, Alter, Beruf, weitere Infos »Zitat« Listenplatz ?? Vorname Name Familienstand, Alter, Beruf, weitere Infos »Zitat« Listenplatz ?? Vorname Name Familienstand, Alter, Beruf, weitere Infos »Zitat« Kandiderende quer Für die Vorstellung von maximal zehn Kandidierenden bietet sich die Vorlage „Kandidierende quer“ an. Hier können auch mehr persönliche Informationen oder längere Zitate eingefügt werden. Zudem wird jeder Person mehr Raum gegeben. Listenplatz ?? Vorname Name Beruf, Familienstand, Alter, weitere Informationen »Zitat« Social Media Icons Statt Links für Mailadressen, Instagram oder Facebook einfach nur als Text einzufügen, können diese auch als gelbe Symbole eingebunden werden. (Im Bearbeitungsmodus haben die Symbole unterschiedliche Farben. In der Vorschau und veröffentlicht werden sie aber einheitlich in tannengrün auf sonnengelbem Hintergrund angezeigt.) Hierzu einfach nach den „social icons“ suchen und das gewünschte auswählen. Mit einem Klick auf das soeben eingefügte Symbol kann dann die entsprechende Adresse eigegeben werden. Achtung! Bei der E-Mail-Adresse muss vor der Mail-Adresse noch ein mailto: eingegeben werden. Sonst gibt es einen Fehler. Für die Adresse des KV-Lörrach wäre das beispielsweise: mailto:kv@gruene-loerrach.de Mail Instagram Facebook Vorstand & Mitglieder Bei der Vorstellung von Vorstandsmitgliedern könnt ihr die Vorlage Person grün quer verwenden. Hier ist Platz für spezifische Informationen. Zudem können direkt Kontaktinformationen wie Mailadresse und Social-Media-Accounts angegeben werden. (Siehe hierzu auch Social Media Icons) Vorname Name Ortsverband/Ortsteil Funktion Hier stehen Informationen über die Person. Innerhalb einer Seite verlinken Falls ihr eine längere Seite mit verschiedenen Themenblöcken habt und beispielsweise am Anfang ein kurzes Inhaltsverzeichnis anlegen wollt, könnt ihr einen sogenannten HTML-Anker nutzen. Wählt dafür den Block aus, auf den ihr verlinken wollt und klickt in der rechten Seitenleiste unter Block ganz unten auf den Pfeil neben Erweitert. Dort kann dann ein passender Begriff eingegeben werden, etwa Inhaltsverzeichnis, wenn ich auf das Inhaltsverzeichnis auf der selben Seite verlinken will. Anschliessend erstellt man wie gewohnt einen Link. Als Adresse gibt man dann das Hashtag-Symbol und ohne Abstand den eben als HTML-Anker eingegebenen Begriff ein. Beispielsweise also #Inhaltsverzeichnis (Achtung! Groß- und Kleinschreibung beachten). Inhaltsverzeichnis Ordnung ins Chaos bringen Je mehr Inhalte ihr auf eure Webseite oder auch nur in einen einzelnen Beitrag packt, desto schneller kann es unübersichtlich werden. Daher ein paar Tipps, wie man beim Erstellen und Bearbeiten von Inhalten die Übersicht behält und auch in einem Jahr nicht erst einmal ewig nach früheren Inhalten suchen muss. Fotos beschriften Gewöhnt euch am besten direkt an, Fotos, die ihr neu hochgeladen habt, sofort zu beschriften. Eine kurze Beschreibung, was oder wer darauf zu sehen ist, reicht vollkommen. Bei Personen lohnt es sich eventuell noch ihre Rolle ebenfalls zu erwähnen. Wichtig! Gebt in allen vier Feldern (Alternativtext, Titel, Beschriftung, Beschreibung) die entsprechenden Informationen ein. Sonst kann es sein, dass die Suchfunktion von WordPress die Datei später nicht findet. Falls ihr Bilder von Bilddatenbanken verwendet (nutzt hierzu bitte Unsplash, Gratisography oder Pixelio und NICHT pixabay oder pexels) schreibt bitte in mindestens eines der Felder auch die Quelle. So können sie schneller wieder gefunden werden, falls sich die Lizenzbedingungen der Bilddatenbanken in Zukunft ändern sollten. Ob ihr mittels Kopieren und Einfügen in alle vier Felder dasselbe schreibt oder die Beschreibung jeweils anpasst, ist euch und eurer Zeit und Akribie überlassen. Hauptsache, das Foto lässt sich später schnell wieder finden, falls ihr es unerwarteter Weise doch noch einmal benötigt. Blöcke benennen Bei längeren Beiträgen oder etwa der Vorstellung von vielen Personen kann es schnell anstrengend werden, die ganze Zeit hoch und runter zu scrollen. Die linke Seitenleiste ist da zunächst leider auch keine grosse Hilfe. Um euch hier schnell zu orientieren lohnt es sich, Blöcke mit passenden Namen zu versehen und Gruppen zu erstellen. Um einen Block umzubenennen klickt in der linken Seite unter „Listenansicht“ auf die drei Punkte neben dem entsprechenden Block und wählt dort „Umbenennen“ aus. Aus „Absatz“ kann so euer „Passender Name“ werden. Falls die linke Seitenleiste ebenfalls immer länger wird, lohnt es sich ebenfalls, Gruppen zu erstellen. Dazu wählt ihr den Block aus, an dem die Gruppe beginnen soll (drauf klicken), haltet die Shift-Taste (auch Grossschreibtaste genannt) gedrückt und klickt auf den Block, der als letztes ebenfalls in die Gruppe aufgenommen werden soll. Nun sollten mehrere Blöcke blau hinterlegt sein. Klickt auf die drei Punkte neben dem ersten blau markierten Block und wählt „Gruppieren“. Nun werden alle ausgewählten Blöcke zu einer Gruppe zusammengefügt. Mit einem Klick auf den Pfeil neben der Gruppe könnt ihr diese ausklappen und einzelne Blöcke in der Gruppe auswählen. Auch hier lohnt es sich, die ganze Gruppe mit einem eigenen Namen zu versehen (Siehe oben). Termine erstellen Um einen Termin zu erstellen, klickt im Dashboard (der Übersichtsansicht, wenn ihr angemeldet seid) in der linken Seitenleiste auf Termine und wählt „Neuen Beitrag erstellen“. Anschliessend könnt ihr wie gewohnt einen Titel vergeben und den Beschreibungstext für den Termin verfassen oder einfügen. Falls ihr ein Bild für den Termin habt nutzt bitte die Funktion „Beitragsbild hinzufügen“ in der rechten Seitenleiste unter dem Reiter „Termin“. Bitte fügt das Bild nicht zwischen Titel und Text manuell ein. Hier gibt es leider öfter Probleme bei der Darstellung. In der Terminübersicht wird automatisch der Anfang eurer Beschreibung übernommen. Falls ihr einen eigenen kurzen Text für die Terminübersichtsseite verfassen wollt, klickt in der rechten Seitenleiste unter „Beitragsbild hinzufügen“ auf „Textauszug hinzufügen“. Dort könnt ihr den entsprechenden Text eingeben. Bitte verwendet bei neuen Terminen auch immer die Schlagwortfunktion. Das hilft Besucher:innen der Webseite bei vielen Terminen schnell interessante Angebote zu finden. Dazu schreibt ihr in der rechten Seitenleiste unter „Schlagwörter“ entsprechende Begriff auf. Mehrere Schlagwörter werden durch Kommata getrennt. Beispiele wären etwa Stammtisch, Vorstandssitzung oder Kommunalwahl. Nicht vergessen! Zum Schluss gebt ihr ganz unten in der rechten Seitenleiste unter „Termin“ noch den Start- und Endzeitpunkt eurer Veranstaltung sowie den Veranstaltungsort ein. Hinweis: An der Einbindung der Bilder in der Terminübersicht wird derzeit noch gearbeitet. Sobald dies möglich ist, wird diese Anleitung entsprechend aktualisiert. Ausserdem werden derzeit noch alle Schlagwörter, ob aktuell oder nicht, angezeigt. Wir arbeiten an einer Lösung! Startseite bearbeiten Auch für die Startseite gibt es eine entsprechende Vorlage. Dort können maximal 6 Themen gleichzeitig bespielt werden. Falls möglich, empfiehlt es sich, nur drei Themen zu bespielen. Dazu in der rechten Spalte das untere Thema 4 und in der linken Spalte die Themen 5 und 6 löschen. Jeder Block kann entweder mit einem Hintergrundbild oder einer farbigen Fläche hinterlegt werden. Grundsätzlich sind Fotos vorzuziehen. Allerdings nur, wenn auch ein ansprechendes und aussagekräftiges Foto zur Verfügung steht. Das Hintergrundbild kann über die Bearbeitungsleiste ganz oben geändert werden. Hierzu auf „Ersetzen“ klicken und das entsprechende Bild auswählen. Grundsätzlich hat jeder Block ein Hintergrundbild. Falls ihr stattdessen lieber nur eine Farbe nutzen wollt, da ihr kein passendes Foto zur Hand habt, müsst ihr das Hintergrundbild nicht entfernen. Stattdessen klickt ihr auf das Bild im entsprechenden Block (nicht den Text auswählen) und wählt in der linken Seitenleiste den Reiter „Stile“ (schwarz-weisser Halbkreis) und dann unter „Overlay“ die passende Farbe und setzt die „Overlay-Deckkraft“ auf 100%. Haltet euch bei den Farben bitte an die Theme-Farben. Das Himmelblau sollte zudem nur verwendet werden, wenn ihr eine kurzfristige wichtige Information auf der Startseite unterbringen wollt. Für reguläre Themen nutzt bitte die übrigen Farben. Falls die weisse Schrift auf einem hellen Fotohintergrund nicht gut leserlich ist, könnt ihr auch schwarz als Overlay-Farbe auswählen und die Deckkraft auf bis zu 25% stellen. Alternativ kann auch die Schriftfarbe geändert werden. Nutzt hierbei bitte ebenfalls die Theme-Farben oder schwarz und weiss. Nicht vergessen: Fügt bei den Texten zu den Themen noch jeweils den Link zur entsprechenden Seite ein. Für Fortgeschrittene: Falls ihr bei einem einfarbigen Block am rechten oberen Rand eine Sonnenblume anzeigen lassen wollt (vgl. Thema 2 in der Vorschau) müsst ihr zunächst den Block (nicht den Text) auswählen. Unter dem Reiter „Einstellungen“ (Zahnrad) scrollt bis ganz nach unten zu „Erweitert“ und gebt bei „Zusätzliche CSS-Klasse(n)“ ein Leerzeichen und das Wort sunflower ein. Thema 1 Thema 4 Thema 2 Thema 3 Thema 5 Thema 6 Beiträge gestalten Um einen Beitrag bereits in der Übersicht interessant zu gestalten, sollte ein „Beitragsbild“ festgelegt werden. Dazu in der linken Seitenleiste unter dem Reiter „Beitrag“ auf „Beitragsbild festlegen“ klicken. Achtung: Das Beitragsbild wird im Bearbeitungsmodus nicht angezeigt. In der veröffentlichten Version befindet es sich ganz zu Beginn des Beitrags unterhalb der Überschrift und der Veröffentlichungsdatums. Für das Beitragsbild bitte keine hochformatigen Bilder nutzen. Für Beiträge sollte auf jeden Fall die Option „Textauszug hinzufügen“ genutzt werden. Diese findet sich unter „Beitragsbild festlegen“. Dort kann eine kurze Beschreibung des Beitrages für die Übersichtsseite erstellt werden. Ansonsten wird automatisch der Beginn des Beitragstextes genutzt, was zu Verständnisproblemen führen könnte. Bitte verwendet bei Beiträgen die Schlagwortfunktion. Diese befinden sich in der linken Seitenleiste im Reiter „Beitrag“. Dort nach unten scrollen bis zu „Schlagwörter“ und auf den nebenstehenden Pfeil klicken, um die Option auszuklappen. Nun könnt ihr ein oder mehrere Schlagwörter eingeben. Das hilft den Leser:innen den Text besser zuzuordnen und ermöglicht euch ausserdem, Beiträge zu filtern. Als Schlagwörter bieten sich etwa „Veranstaltungen“, „Gemeinderat“ oder ”Pressemitteilung” an. Überlegt auch am besten vorab eine Liste mit möglichen Schlagwörtern und ergänzt diese nur, falls nötig. Das hilft bei der Übersichtlichkeit. Um einen Beitrag für die Leser:innen attraktiv zu gestalten, lohnt es sich Fotos einzubinden und Zitate hervorzuheben. Gerade bei vielen Fotos wird ein Artikel jedoch (besonders auf Laptops und Desktops) schnell lang. Damit nicht so viel gescrollt werden muss, sollten Bilder zusätzlich auch neben dem Text platziert werden. Dazu gibt es ebenfalls entsprechende Vorlagen. Für die Einbindung von Bildern neben Text nutzt am besten den Block „Medien und Text“. In der oberen Leiste könnte ihr dann auswählen, ob das Bild links oder rechts vom Text erscheinen soll. Falls ein Bild im Hochformat zu lang für den nebenstehenden Text sein sollte, kann unter dem Reiter „Einstellungen“ die Option „Bild ausfüllend zuschneiden“ aktiviert werden. Darunter kann dann der „Fokuspunkt“ bestimmt werden. Somit wird das Bild passend zum Text zugeschnitten. Alternativ kann auch die „Medienbreite“ verringert werden. Sollte der Text des nächsten Blocks zu nah am Text oder Bild der vorherigen Blocks sein, könnt ihr einen „Abstandshalter“ nutzen. Nachdem ihr diesen eingefügt habt, wählt ihn aus und klickt auf die Buchstaben „px“ unter „Höhe“ im Reiter „Einstellungen“. Wählt dort „rem“ aus und gebt einen Wert von 1 oder 1.5 ein. Wenn ihr ein Zitat neben einem Bild platzieren wollt, klickt ins Textfeld des „Medien und Text“-Blocks. In der oberen Leiste klickt auf das Absatzsymbol (das umgedrehte P) und wählt „Umwandeln in … Zitat“ aus. Um schnell ersichtlich zu machen, dass es sich um ein Zitat handelt, empfiehlt es sich die Französischen Anführungszeichen »« zu nutzen. Deutsches Guillemet Anführung»[alt]+[0187][shift+[alt]+[q][alt gr]+[y]Deutsches Guillemet Abführung«[alt]+[0171][alt]+[q][alt gr]+[x]Tastaturkürzel für Anführungszeichen. Alternativ kann man die Zeichen auch kopieren und einfügen. Zur Information: An der Einbindung von Fotogalerien und Diashows wird derzeit noch gearbeitet. Wir halten euch auf dem Laufenden. Menüs anpassen Um die Menüleiste eurer Webseite anzupassen, nutzt das Dashboard (die Startseite, nachdem ihr euch angemeldet habt. In der linken Seitenleiste findet ihr unter „Design“ den Unterpunkt „Menüs“. Die Reihenfolge könnt ihr einfach durch Ziehen der einzelnen Menüpunkte ändern. Wenn ihr eine neue Seite zum Menü hinzufügen wollt, wählt sie in der linken Seitenleiste „Seiten“ aus und klickt am Ende der Liste auf „Zum Menü hinzufügen“. Sie wird dann ganz am Ende angehängt. Wenn ihr Unterkategorien erstellen wollt, zieht die entsprechende Seite auf den Eintrag mit der Oberkategorie.
