# Haus der Statistik Dokumentation von Prozessen rund ums Haus der Statistik # Kommunikation Welche grafischen Standards sollen bei Publikationen eingehalten werden? Welche Farben sollen benutzt werden? Was geht gar nicht? # Neue Seite # Kommunikation und Typo Dieser Leitfaden soll dazu dienen, die Kommunikation nach Außen zu vereinheitlichen. Er kann im Laufe der Zeit ergänzt werden. ### Bildsprache - Bilder so natürlich wie möglich: keine Filter oder zu starke Photoshop-Bearbeitungen - ggf. sowohl Hochformat als auch Querformat aufnehmen, um verschiedenen Medien gerecht werden zu können ### Text #### Ansprache der Adressaten - nach Medium differenziert - facebook, Newsletter: ihr/euch - instagram: du/ihr - Website: (passiv?) #### Stil - Broschüren: professionell, gehobene Sprache - Website: (?) - Facebook: gehobene Alltagssprache, nahbar - instagram: humorvoll, mit Augenzwinkern #### Detailtypografie ##### Anführungszeichen [![image-1625580592538.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-07/scaled-1680-/image-1625580592538.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-07/image-1625580592538.png) Quelle: [https://typefacts.com/artikel/anfuehrungszeichen](https://typefacts.com/artikel/anfuehrungszeichen) → Am besten automatische (im Deutschen falsche) Ersetzung in GoogleDocs deaktivieren: *Tools > Einstellungen >* *Typografische Anführungszeichen verwenden* → **Haken rausnehmen** [![image-1625580636101.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-07/scaled-1680-/image-1625580636101.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-07/image-1625580636101.png) → In Veröffentlichungen "" durch „“ ersetzen: [![image-1625580817855.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-07/scaled-1680-/image-1625580817855.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-07/image-1625580817855.png) - ##### Gedankenstriche/Bindestriche normaler Binde-/Trennstrich (wie auf Tastatur): [![image-1625580854507.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-07/scaled-1680-/image-1625580854507.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-07/image-1625580854507.png) Gedankenstrich ist länger („Halbgeviertstrich“) und wird mit Leerzeichen gesetzt: [![image-1625580870851.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-07/scaled-1680-/image-1625580870851.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-07/image-1625580870851.png) [![image-1625580918051.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-07/scaled-1680-/image-1625580918051.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-07/image-1625580918051.png) Quelle und mehr dazu: [https://typefacts.com/artikel/binde-und-gedankenstrich](https://typefacts.com/artikel/binde-und-gedankenstrich) - ##### Apostroph - in der Regel falsch verwendet, daher als Faustregel im Deutschen: *Weglassen! *siehe auch [https://typefacts.com/artikel/apostroph](https://typefacts.com/artikel/apostroph) - ganz falsch: GmbH`s, Nico´s Imbiss („Deppenapostroph“) - richtig: Clemens’ Typo-Guide; so geht’s - EN/FR:[![image-1625580967488.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-07/scaled-1680-/image-1625580967488.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-07/image-1625580967488.png) [![image-1625580985042.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-07/scaled-1680-/image-1625580985042.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-07/image-1625580985042.png) ### Konventionen - ##### Hervorhebungen im Text - möglichst dezent, eher Kursivierung anstatt Fettung verwenden - ##### Schreibweise für Orte - WERKSTATT Haus der Statistik - Musterhaus der Statistik (Autoscooter) - Straßennamen (Personen mit Vor- und Nachnamen) mit Bindestrichen! - Otto-Braun-Straße ✔ Otto Braun Strasse × - Karl-Marx-Allee ##### - ##### gendergerechte Sprache mit Doppelpunkt oder Partizip-Präsens - Bewohner:innen, Besucher:innen / Nutzende, Studierende - Mitglieder (falsch: Mitglieder:innen!) - ##### Zeiten und Daten jeweils möglichst einheitlich - Kurzform: *Fr, 1.8. 13–16:30 Uhr *\[Bis-Zeichen = Gedankenstrich, ohne Leerzeichen!\] - Langform im Text: *Freitag, den 1. August, von 13:00 bis 16:30 Uhr* - - so nicht: *13h 13:00-16 h * - ##### „Distanzierung“ von fremden Texten (z. B. Veranstaltenden) - mit Hinweis: *Beschreibung der Veranstaltenden* - Klarheit, wer kommuniziert, z. B. „Wir freuen uns über Hilfe beim Subbotnik“ = HdM spricht, nicht Initiative Haus der Statistik - ##### Newsletter: Kursivierung von Eigennamen - *ZK/U, raumlabor, SunSeeker e. V.* … - ##### Föderungs-Credits klein - Website: mit `Gefördert durch ABC` ummantelt - Bsp: „Die Veranstaltung wird durch Kulturfördermittel der Senatsverwaltung für Kultur und Europa kofinanziert.“ # Styleguide Koop5 CI Für die einheitliche Kommunikation über das Projekt Haus der Statistik wurde von der Koop5 eine Corporate Identity in Auftrag gegeben. Diese ist in jeglicher Kommunikation des Projekts anzuwenden. Diese Seite als PDF-Präsentation: [HDS\_styleguide\_190710\_MT.pdf](https://drive.google.com/file/d/1dsCy0tO60qNI_MN6Y-8IzmpsYhdXimcI/view?usp=sharing) Ordner mit allen Logos, Farben, Corporate Identity: [https://drive.google.com/open?id=1VSRnhl938tW\_uc6yADWfu\_-ZBSvqlHr3](https://drive.google.com/open?id=1VSRnhl938tW_uc6yADWfu_-ZBSvqlHr3) ### Logotype [![image-1603110561651.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/scaled-1680-/image-1603110561651.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/image-1603110561651.png) [![image-1603110638147.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/scaled-1680-/image-1603110638147.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/image-1603110638147.png) [![image-1603110663405.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/scaled-1680-/image-1603110663405.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/image-1603110663405.png) #### Minimaler Sicherheitsabstand Logotype „Haus der Statistik“ und „Modellprojekt Haus der Statistik“ Abstand rundum: 1/5 der Logobreite [![image-1603110751426.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/scaled-1680-/image-1603110751426.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/image-1603110751426.png) [![image-1603110781572.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/scaled-1680-/image-1603110781572.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/image-1603110781572.png) Logotype „Haus der Statistik“ Solid\_Mini Abstand rundum: 1/2 der Logobreite [![image-1603110841497.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/scaled-1680-/image-1603110841497.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/image-1603110841497.png) #### Ausgeschlossene Anwendungen [![image-1603110948991.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/scaled-1680-/image-1603110948991.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/image-1603110948991.png) #### Übersicht Files [![image-1603110980011.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/scaled-1680-/image-1603110980011.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/image-1603110980011.png) ### ### Schriften [![image-1603111010620.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/scaled-1680-/image-1603111010620.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/image-1603111010620.png) [![image-1603111043466.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/scaled-1680-/image-1603111043466.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/image-1603111043466.png) #### Die Typografie (Publikationen) organisiert die Textinformationen in einem klaren und ökonomischen Zweispalten-System in gut lesbaren Schriftgrößen und großen Headlines und lässt verschiedene Artikel ineinandergreifen. Auszeichnungen werden sparsam eingesetzt. [![image-1603111123380.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/scaled-1680-/image-1603111123380.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/image-1603111123380.png) ### Formen [![image-1603111157318.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/scaled-1680-/image-1603111157318.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/image-1603111157318.png) ### Grafiken [![image-1603111213343.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/scaled-1680-/image-1603111213343.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/image-1603111213343.png) ### Bilder [![image-1603111244015.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/scaled-1680-/image-1603111244015.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/image-1603111244015.png) ### Farben #### CMYK [![image-1603111278210.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/scaled-1680-/image-1603111278210.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/image-1603111278210.png) [![image-1603111293672.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/scaled-1680-/image-1603111293672.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/image-1603111293672.png) #### RGB [![image-1603111309768.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/scaled-1680-/image-1603111309768.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/image-1603111309768.png) [![image-1603111360953.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/scaled-1680-/image-1603111360953.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2020-10/image-1603111360953.png) # zusammenkunft.berlin-Website bearbeiten
- Login auf [https://zusammenkunft.berlin/wp-admin](https://zusammenkunft.berlin/wp-admin) - Bearbeitungen bei "Semplice" vornehmen - [*Semplice overview and quickstart guide*](https://help.semplice.com/hc/en-us/articles/360034485852) ## Mitglieder/Team bearbeiten - Page "ZUsammenKUNFT Berlin – Genossenschaft ..." bearbeiten ### Neue hinzufügen - Bild oder Text eines Menschen anklicken, dann im Kontextmenü in den Spalten-Modus umschalten (zweiter Kreis von oben). Im Kontextmenü unten links kann die Spalte dupliziert werden: [![image-1620817218565.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-05/scaled-1680-/image-1620817218565.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-05/image-1620817218565.png) - Namen bearbeiten, - Link anpassen: oben links auf `< >` klicken, um den HTML-Code zu bearbeiten [![image-1620817287897.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-05/scaled-1680-/image-1620817287897.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-05/image-1620817287897.png) - Anker-ID zwischen den "" anpassen: `

Vorname Nachname

` - (Nun kann mit [https://zusammenkunft.berlin/#vorname-nachname](https://zusammenkunft.berlin/#vorname-nachname) , z. B. in der Projekt-Mitwirkendenaufzählung, verlinkt werden) ### Team → Ehemalige [![grafik.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2023-07/scaled-1680-/grafik.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2023-07/grafik.png) - *Column* > *Save as Block* - Block auf [Seite "Ehemalige"](https://zusammenkunft.berlin/wp-admin/admin.php?page=semplice-admin#edit/271) wieder einfügen ## Textsatz - Die Team-Karten sind in schmalen Textspalten gesetzt, das bedeutet, dass lange deutsche Komposita Probleme machen können: hässliche Löcher am Ende der Zeilen, wenn die Worttrennung nicht manuell eingegeben wird. - **Lösung**: unsichtbare [*Bedingte Trennstriche*](https://de.wikipedia.org/wiki/Bedingter_Trennstrich) als Unicode-Zeichen einfügen. Je nach System ist die Eingabe unterschiedlich: -
Windows`Alt` + `0` `1` `7` `3`
MacKeine definierte Taste. Kann über die Zeichenübersicht eingefügt werden per Suche nach Unicode-Steuerzeichen SOFT HYPHEN.
Linux`Compose (Alt Gr + Shift)`, `-`, `-`, `Leer`
- alternativ: `­` im HTML-Code zwischen die Sil­ben setzen. - Beispiel: gemein(-)wohl(-)orien(-)tierte Stadt(-)ent(-)wick(-)lung bzw. `gemein­wohl­­­­­­­­orien­tierte Stadt­ent­wick­lung` ## Bilder - im Hochformat, vor neutralem Hintergrund (z. B. Rolladen der Imbiss-Oase!) aufnehmen, Einstellung "amerikanisch"/"halbnah" ![Einstellungen, Kameraeinstellungen, Perspektive](https://i.pinimg.com/originals/b9/72/b4/b972b410bb0b8c06434db65d99cb4a46.jpg) - auf Ansichtsverhältnis 2:3 zuschneiden, Zuschnitt so wählen, dass Kopfgröße und Augenhöhe ungefähr mit den anderen Bildern übereinstimmt - notfalls unten einen Streifen ansetzen: [![image-1620817436916.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-05/scaled-1680-/image-1620817436916.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-05/image-1620817436916.png) - als JPG mit Dateinamen `vorname_nachname.jpg` (oder `vorname_nachname_c_fotografin.jpg` , falls Copyright wichtig) abspeichern. - Bildgröße: 270 × 405 px - Datei sollte max. 75 KB groß sein (ggf. JPG-Qualität auf 70–80% verringern)
# InDesign-Template mit Daten aus Tabelle füttern Daten aus Exceltabellen können in InDesign importiert werden. Das kann eine Menge an stupider Copy&Paste-Arbeit ersparen. ### Voraussetzungen - InDesign CS5 oder höher - LibreOffice Calc (7.0+) - Excel sollte auch funktionieren, analoge Einstellungen selbst finden ### 1 Daten exportieren aus Googlesheets oder Excel: als xls oder csv abspeichern ### 2 Daten in LibreOffice aufbereiten - öffnen - Sicherstellen, dass alle Spalten benannt sind (Beschriftung erste Zeile) - Zeilenumbrüche in Textfeldern (`\\n`) suchen und durch `¶` ersetzen - [![image-1622459626390.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-05/scaled-1680-/image-1622459626390.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-05/image-1622459626390.png) - weitere Rohdatenkorrekturen durchführen - z. B. Sekunden in Zeiten löschen: `:00:00` suchen und durch `:00` ersetzen - als **Tab-getrennte** CSV-Datei mit Unicode (**UTF-16**)-Kodierung abspeichern als `YYMMDD_Dateiname_Unicode-UTF16_tab_no-line-breaks.csv` ### 3 Daten in InDesign importieren - Fenster > Hilfsprogramme > Datenzusammenführung öffnen - Kontextmenü: "Datenquelle auswählen" - CSV-Datei auswählen - Vorschau überprüfen - "Zusammengeführtes Dokument erstellen" ### 4 Korrekturen in InDesign - in InDesign die Zeilenumbrüche mit Suchen/Ersetzen (`Strg`+`F`) wiederherstellen - mit `^7` für Abssatzsymbol und `^p` für Absatz [![image-1622459877654.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-05/scaled-1680-/image-1622459877654.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-05/image-1622459877654.png) - automatisch erstellte Seiten auf Fehler überprüfen, ggf. redaktionell bearbeiten, schick machen ### Troubleshooting #### LibreOffice: Spalten werden nicht korrekt erkannt, alle Daten sind hintereinander in der ersten Spalte → beim CSV-Import korrektes Trennzeichen einstellen (bei GSheets CSV-Download: Komma) #### LibreOffice: Spalten werden nicht korrekt erkannt, Text wird auf mehrere Spalten aufgeteilt → beim CSV-Import korrektes Trennzeichen einstellen (bei GSheets CSV-Download: Komma), darauf achten, dass ggf. Kommas und Umbrüche enthaltender Text mit Anführungszeichen umschlossen ist (z. B. `"hier ist, manchmal, ein komplexer satzbau"`) #### InDesign: Es erscheint nichts in der Datenzusammenführung, auch keine Fehlermeldung → UTF-16-kodiert abspeichern #### InDesign: Umlaute und Sonderzeichen werden nicht korrekt dargestellt → CSV UTF-16-kodiert abspeichern, beim Import in InDesign unter Importoptionen "Unicode", nicht "ASCII" auswählen. #### InDesign: Daten erscheinen, aber an willkürlichen Orten evtl. werden Kommas und Zeilenumbrüche von InDesign als Spaltentrenner gelesen. → Zeilenumbrüche in LibreOffice Suchen und ersetzen, tabgetrennte CSV (UTF-16) abspeichern # Veranstaltungen erstellen (Website) # Veranstaltungen erstellen (Website): 1. Formular intern von Veranstaltern ausfüllen lassen: [https://hausderstatistik.org/intern/veranstaltung-eintragen/](https://hausderstatistik.org/intern/veranstaltung-eintragen/) 2. Daten landen in der Tabelle: [https://docs.google.com/spreadsheets/d/1KhDEiL7cGcyN5qDl2HpQ-GWqJ8nuzSU2XeC8y-aGlOg/edit#gid=1877792675](https://docs.google.com/spreadsheets/d/1KhDEiL7cGcyN5qDl2HpQ-GWqJ8nuzSU2XeC8y-aGlOg/edit#gid=1877792675) (die Infos müssen in der ersten Tabellenzeile anfangen sonst erscheint im Backend nichts) Bitte zu Punkt 8 springen! 3. Tabelle als .CSV exportieren (herunterladen als …)![](https://lh4.googleusercontent.com/TZZn5245eG0MeMjpQznEo_Wh9lIyd-AfATczq2Y0v54hhTlbDyV1xq3AVPAPFV8a14iSy3RIgDt_6ELVPciepjNR3ynsJr57CdLc6Ey2gOCcDMbLV7JCtapJlB-oRt7lC8KSrfbu) 4. .csv-Datei im Website-Backend importieren: ![](https://lh5.googleusercontent.com/Gfl1GqAeeEzPjA-XQyVERMa2pbWO35ehguCoQFznEOzUwBe421FX0PIhkUQ9y9XAeEFLh4J3runhKnsUuDmOoOw64kwfYK16oakbBUgNhj3azDMqVLp8TuU6R9XUFZj5PbO47is_) 5. ![](https://lh4.googleusercontent.com/bayLWSA-EEFHds8LRxZiu_Sem9p1Xzw1EFY_ixgerpAeWSzPecZ3XShU8EUXp1Qf_RTkAC5fUMc7QWdO80Z9igdWFaMTyYR4SD_hQ_-Cv3GFPcjPrpEV8EZKMobboya4JU462xC7) (Fehlermeldung kommt öfter - einfach weg klicken) 6. ![](https://lh3.googleusercontent.com/FgYTPlxLh52jzR_YjxMJKBwXBXcI-6Q2Ra4Z-nvFygxEYM6mphOR7hcRvubJUeX6rWI_qWHnC-V_k0qEG8sI4d-MgCWMrXR71A_O0ak6jD12aLxUnqNenv0-mZPn4zYQotHklyFE) checken ob die Kategorien zu dem Inhalt passen 7. ![](https://lh3.googleusercontent.com/cg_0jBZHeqleTV9npjzAZIgu3TNVwPndLa3NfIPqlDq9dHHY5hOxlMMjjCqGBNEHhR7Lf_JLva17TEH5fGqleG7GZparHbXDsiYtNSJ056-STpfYpNdLQyR1lFHqziWyCOv6iZBj) Praktisch funktioniert diese Übertragungsweise eher schlecht, da immer wieder Informationen verloren gehen, deswegen gehen wir gerade wie folgt vor: 8. Regelmäßig Tabelle auf neue Veranstaltungen prüfen, die eingetragen werden müssen:[![Veranstaltung eintragen.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-08/scaled-1680-/veranstaltung-eintragen.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2021-08/veranstaltung-eintragen.png) [https://docs.google.com/spreadsheets/d/1KhDEiL7cGcyN5qDl2HpQ-GWqJ8nuzSU2XeC8y-aGlOg/edit#gid=1877792675](https://docs.google.com/spreadsheets/d/1KhDEiL7cGcyN5qDl2HpQ-GWqJ8nuzSU2XeC8y-aGlOg/edit#gid=1877792675) Dafür Ampel (Spalte z) beachten: Weiss = Veranstaltung muss noch von Dariya genehmigt werden Grün = Veranstaltung ist genehmigt und kann eingetragen werden: Website, Instagram, Facebook, Schaufenster Blau = Die Veranstaltung wurde überall eingetragen Pink = Bei der Veranstaltung gab es eine Änderung, die in den verschieden Kanälen angepasst werden muss 9. Veranstaltung auf der Website eintragen: Bei den Veranstaltungen mit einem Schlagwort suchen, ob es eine vergleichbare Veranstaltung gab, die als Grundlage dienen kann, wenn ja, diese Duplizieren und dann bei dem dadurch entstandenen Entwurf auf Bearbeiten klicken, um die neue Veranstaltung zu erstellen, wenn nicht, kann eine beliebige Veranstaltung zum Duplizieren verwendet werden ![](https://lh4.googleusercontent.com/X8QrF64m3FAuVnpFGTVd9HN2eUHzN5ohGgqjNqjCWfaHJAVY5MVkUfNUNdcjNAeSwYukLmLtL0AWUW9SZcD61DwEK4-Qqn7PpzYwgHmDZKNkbbzWmvWMVpGi-YRik6QXUTfzxX9l) 10. Informationen aus der Tabelle in die Veranstaltung übertragen 11. Manche Informationen wie Kategorie -> Schlagwörter, Veranstaltungskategorie, Textauszug, Beitragsbild, Veranstaltungsort (1) müssen rechts in der Seitenleiste verändert werden 12. Titel, Datum, Uhrzeit, Haupttext, Veranstaltungsort (2), Veranstalter, Veranstaltungswebsite müssen im Mittelbereich angepasst werden, wenn das große Beitragsbild sich nicht automatisch an das in der rechten Spalte anpasst, muss dieses manuell angepasst werden ![](https://lh4.googleusercontent.com/NJ7KyYNvVhHzqA4MjzoHUm6iPIMFoURrXkrEHRaKHUOIfJgpziEaDT3hDpird-SMaoNkA77zlv554Tvy6IcHx3UeNshNObpNP2j_tO1EvJL_uba6eD30_7ILj1F0g8t_6-xdt1gr) ![](https://lh4.googleusercontent.com/Jal1JgEtXyRHylKgwdtqrbLBVi_HB8nKRBnWOzDl7qFgS1_4t5DorMpzdWEbMLPoqrU_siRFD0aUyxBg9jjaOizEeiOI0QvunOq8czw3-tmx_KkyrHFZ5DDrguKJ9Z48ydp7LUKE) ![](https://lh3.googleusercontent.com/6HlznjA4SufHDXfhYmQn6DieDodtptb5qugfZKMJjPDznHQDht5G2QcVNFvmIALL2RZlMlkL4v-uGBsU64KbtHKD8g9hsvqHw2VceFjPvaLnRxM1xhuJUDZXeCjER3UDDT-BgiVT) ![](https://lh5.googleusercontent.com/F-b-TqdrShW7Y2ZAnRA9rmNpEtNYJ9_wG8Tk5Udekw2dUeglyOdEAH6NSNKQKF_sfThsbULAgEahJv8ZPD-VxNuGEvPfMfMz5nKE7-huwnRRDA0M5kx9KjQp-o_maOXuOzk7xDno) 13. Für wiederkehrende Veranstaltungen findet man die Veranstaltungsbilder teilweise in der Mediathek. Die Beitragsbilder müssen im 800 x 1200 Format, ca. 300 KB, mit Copyright sein. Wenn die Bilder nicht in der Mediathek liegen, wurden sie im besten Fall von den Veranstaltern im folgenden Ordner hochgeladen: [https://drive.google.com/drive/folders/189qaGXw40CKMYfWiWQOy46QK8xseTEED](https://drive.google.com/drive/folders/189qaGXw40CKMYfWiWQOy46QK8xseTEED) Wenn nicht, per E-Mail nachfragen. 14. Wenn ein neues Veranstaltungsbild hochgeladen wird, sollte das Bild betitelt werden: ![](https://lh4.googleusercontent.com/woEQp8KWjlyhbbNWOTOKyXeuI-Nc4-ZVcBWJFKAqsgPRqkgE_N0LhffXVwPGbyMwv26Wo1wGkCItTAyN6MaZ-4Jyn4Ub4kR3YXVpZGBnB1TtRD6yhmXX0gtz3FQPXkILdcNuIMcD) ![](https://lh5.googleusercontent.com/TQ93rfns3VRyDbsjHNWSC91yfYQUhkAzgjj3cVLjD2Ej2_gWOvA1wwUcadf8fFXyfzi9HvBYp9bfQT6STEDAPWon9E21g-23NwKbFoY2qMwliMerQjMXE_sqTxY8txwb_oTI5v7j) 15. Zusätzliche Funktionen: - Kategorien anklicken, URL Länge prüfen/ kürzen Extra: wenn wichtig/ Mitwirkung, dann Kästchen Veranstaltung hervorheben wählen. → Hide Sticky post ![](https://lh4.googleusercontent.com/NRLUkEmxrbGj1heDEYNECtpqQ_qO29-t0MpT4VMQTEw5Ty25HiM7Ax9QuGVMjALqsrpULl8K3W37H6chrskni9R5fEmiZZ5rMYJUvK4E8kek2d-2_yZ4NLK6jlPQlAjmN9DYyoc-) 16. Option: wiederverwendbare Blöcke nutzen, z.B. Corona - über das kleine Plus - dann Wiederverwendbarer Block - corona auswählen, oder Trennlinie für Englisch anklicken ![](https://lh5.googleusercontent.com/8-UifQMqTUmzkJonGxdjIA93wDpsha08iUEG4O68y-ntAdok8C2ADuTtT6BVQetSrdh1dODgV4QXHpQORiA4bAzAtQbaRyDEpXnf-VXCLM-KvdmGZNnRyIAga2cFOmefGXWPmDm-) ![](https://lh4.googleusercontent.com/yR-_moEBOeB9w9AP1A-gzWQoHrFx3Wvr4vPUPhUvd5ZmuTdOiVY6VxPHjZr8y9p6u7huD0N8Kbhz4XBBnCLP2CfTg5ggCA3ZJvK3WLDfSykpiKtjwRX4u2Rez4ooMXItpALyW-7i) 17. Rechtschreibung prüfen 18. Zweimal auf Veröffentlichen drücken und dann sowohl die Veranstaltung als Vollbild aus auch in klein in der Übersicht mit allen Veranstaltungen gegenprüfen ![](https://lh4.googleusercontent.com/gFdFUuipykNRMkeeixC9z03cEjROAFZ-BHzVu0nofB3VGTliRbR7GpiZ1UYZQ2B-Y2654MRl9j-lmanQxpfydTodfAw6_AYjFUpXMlYYYiCLyKNsYgbWq7Zj4OjK9rWQvVc8VDVU) ![](https://lh3.googleusercontent.com/HXGRMaPjW0ccS12jT9GLTadywI-JMElIGOfF-LOuc5h_rvt4wRvEUvb-wpZoxDgdQmLSJ5xD3jI-FPubo00CXh7orXBcZOQAhGi1fYIqliViiERO9XQQPg7e4bZtwYzBnUu0DRNI) 19. die Daten aus der Tabelle in den Reiter Archiv 2021 verschieben um Tabelle ordentlich zu halten [https://docs.google.com/spreadsheets/d/1KhDEiL7cGcyN5qDl2HpQ-GWqJ8nuzSU2XeC8y-aGlOg/edit#gid=187779267](https://docs.google.com/spreadsheets/d/1KhDEiL7cGcyN5qDl2HpQ-GWqJ8nuzSU2XeC8y-aGlOg/edit#gid=1877792675) # hausdermaterialisierung.org-Website Stand: 2023-06-16 ## Einführung Die HdM-Website baut auf der [HdM-CI (PDF)](https://drive.google.com/file/d/1ASrmx2ULCeko1yx9lwQ1ijEMH_qbasnT/view?usp=sharing) von Patric Dreier auf. Der HdM-Kommunikationsordner mit Website-Inhalten, CI etc. befindet sich im GDrive-Ordner [02 KOMMUNIKATION HdM](https://drive.google.com/drive/u/0/folders/1Y5mmT87U5aIdhQeAWHfTKwg1xn1ZpMWM). Die Redaktion liegt beim Team Kommunikation der ZKB. Die Website baut auf Wordpress unter Verwendung von Elementor als WYSIWYG-Page-Builder auf, weiterhin finden *Advanced Custom Fields (ACF)* und *Unlimited Elements* Verwendung zur Darstellung dynamischer Inhalte. ## Grundstruktur - Startseite – Page "**[Haus der Materialisierung](https://hausdermaterialisierung.org/wp-admin/post.php?post=10733&action=edit)**" - Angebote – Anchor [\#Aktuelle-Angebote-im-HdM%E2%80%8B](https://hausdermaterialisierung.org/#Aktuelle-Angebote-im-HdM%E2%80%8B) - [Bildungsangebote.](https://hausdermaterialisierung.org/bildungsangebote) Inhalte: [Beiträge mit Kategorie "Bildungsangebote"](https://hausdermaterialisierung.org/wp-admin/edit.php?s&post_status=all&post_type=post&action=-1&m=0&cat=72&filter_action=Auswahl+einschr%C3%A4nken&paged=1&action2=-1) - Aktuell – Archivseite. Inhalte: [Beiträge mit Kategorie "Aktuelles"](https://hausdermaterialisierung.org/wp-admin/edit.php?category_name=aktuelles) - Pionier:innen – Seite + [Beiträge mit Kategorie "Nutzer:innen"](https://hausdermaterialisierung.org/wp-admin/edit.php?category_name=nutzerinnen) ... ## How To ### Bildungsangebote aktualisieren In dieser [GSheet-Tabelle](https://docs.google.com/spreadsheets/d/13oTs_ZrnVNmzcmKTjqN4fIDf64vF92yb/edit#gid=1297870768) findet sich die Übersicht der Bildungsangebote. Die Bildungsangebote lassen sich im Backend bearbeiten, unter [Beiträge > Kategorie "Bildungsangebote"](https://hausdermaterialisierung.org/wp-admin/edit.php?s&post_status=all&post_type=post&action=-1&m=0&cat=72&filter_action=Auswahl+einschr%C3%A4nken&paged=1&action2=-1). Die Teasertexte können beim "Textauszug" (excerpt) bearbeitet werden: [![grafik.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2023-06/scaled-1680-/grafik.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2023-06/grafik.png) Die Infos (gelbe Kästen) werden auch in der Seitenleiste eingetragen: [![grafik.png](https://doku.zusammenkunft.berlin/uploads/images/gallery/2023-06/scaled-1680-/ymrgrafik.png)](https://doku.zusammenkunft.berlin/uploads/images/gallery/2023-06/ymrgrafik.png) ### Beitrag, der an falscher Stelle erscheint, korrigieren Problem: „Aktuelles“-Beiträge erscheinen auch unter den [Bildungsangeboten](https://hausdermaterialisierung.org/bildungsangebote/). Lösung: Kategorien überprüfen. Bei diesem Beispielbeitrag sind bei mehreren Kategorien Haken. In der Regel gibt es nur eine Kategorie – hier wäre nur „Aktuelles“ richtig. → Andere Haken entfernen und aktualisieren. ![](https://doku.zusammenkunft.berlin/uploads/images/gallery/2023-10/embedded-image-izixvaac.png) ### Header/Footer bearbeiten Plugin „Elementor Header & Footer Builder“ [https://hausdermaterialisierung.org/wp-admin/edit.php?post\_type=elementor-hf](https://hausdermaterialisierung.org/wp-admin/edit.php?post_type=elementor-hf)