WordPress-Vorlage
Website-Vorlage für deine Gruppe
Wer kennt es nicht? Stundenlange Diskussionen über Schriftart, Bilder, Design und Texte. Eine Gruppenwebsite ist oft mühsam zu erstellen und braucht neben technischem Know-How auch talentierte und kreative Köpfe, die Inhalte und Fotos zur Verfügung stellen. Und ist die Arbeit endlich geschafft, ist die Website nach einiger Zeit oft schon nicht mehr am aktuellen Stand der Dinge. Aber ist das in der heutigen Zeit wirklich noch notwendig, dass jede Pfadi-Gruppe eine eigene Website entwickeln und aktuell halten muss?
Nicht mehr! Die DAS Website-Vorlage ist für all jene gedacht, die schon Grundkenntnisse zur Webseiten-Erstellung haben und basiert auf WordPress (Tutorials siehe zB hier). Natürlich könnt ihr aber auch unsere Textbausteine und das grundlegende Design nutzen, wenn eure Website nicht auf WordPress basiert. In Zukunft wollen wir die Vorlage weiterentwickeln und sind auch offen für andere Plattformen und Ideen. Wir haben nämlich auch ganz andere Ideen, um dir die Erstellung einer Gruppen-Website noch mehr zu erleichtern: zum Beispiel wäre ein gemeinsamer Server doch toll. Sobald wir einer Umsetzung näherkommen, werden wir dich natürlich darüber informieren.
DAS Beispielwebsite
Auf der folgenden Seite kannst du dir unsere Beispielwebsite anschauen. Die Website die du mit den Anleitungen (weiter unten) erstellst sollte dann so aussehen.
Natürlich kannst du auch nur Teile vom Design oder Texten übernehmen.
Hier ein paar Anwendungsbeispiele für deine Inspiration ...
Wir freuen uns sehr, dass immer mehr Gruppen die Vorlage verwenden!
So werden wir als gemeinsamer Verband mit einheitlichem Auftritt wahrgenommen!
Achtung: manche dieser Website basieren noch auf der alten Vorlage.
Falls du schon mit der neuen Vorlage gearbeitet hast, schreib uns gerne, damit wir eure Website hervorheben können!
Voraussetzungen
Voraussetzungen für diesen Dienst sind:
- Ein eigener Webspace
- Eine eigene Domain
- Etwas Zeit
- Motivation
- IT-Grundkenntnisse
Video Tutorial
Schritt-für-Schritt Anleitung
WordPress
Auf deinem Webspace musst du zuerst WordPress installieren.
Beispiel-Medien, -Beiträge, -Seiten, … bitte Löschen.
PlugIns
Installiere auf deiner WordPress-Seite die folgenden Plug-Ins:
- Elementor Page Builder
- Livemesh Addons for Elementor
- Essential Addons for Elementor
- Sticky Header OceanWP
- Ocean Extra
- WPForms Lite
Falls du Instagram auf der Website einbinden willst:
- Smash Balloon Social Photo Feed
Nicht vergessen die Plug-Ins zu aktivieren
NEU AB OKTOBER 2022: Graubruder von der Gruppe Wien 8 hat ein Termine Plugin gestaltet, dass explizit auf Pfadi-Bedürfnisse abgestimmt ist.
Du kannst es auf https://www.gruppe8.at/termine/ sehen und auf https://gitlab.com/lordrost/gb8-events downloaden, um es selbst zu verwenden. Aktuell ist das Plugin noch nicht auf unserer Beispielwebsite umgesetzt.
Themes
Wir verwenden das Theme OceanWP
Ein paar Einstellungen
Bei den Elemtentor-Einstellungen die Standardfarben und -schriftarten deaktivieren
Import
Importiere die Costumizer Einstellungen im Theme Panel
Datei auswählen – Importieren – Juhu
Importiere Beispiel-Seiten, -Beiträge, …
Datei auswählen – Datei aktualisieren und importieren – warten – Juhu
!Achtung zuvor muss der WordPress Importer aktiviert werden!
Weitere Einstellungen
Öffne den Customizer. Gehe dafür auf eine der Seiten und klicke oben auf „Customizer“
Stelle fest, dass deine Startseite die richtige ist. Wähle dazu im Customizer unter Startseiten-Einstellungen „eine statische Seite“ aus und wähle dann im Drop-Down-Menü „Home“ aus.
Aktiviere das Menü. Gehe dafür unter „Menüs“ auf „alle Positionen anzeigen“ und wähle bei „Allgemein“ „Main Menu“ aus.
Kontaktformular erstellen:
Unter „WPForms“ auf „Neues Formular Hinzufügen“ klicken. Als Namen „Kontakt“ wählen. Auf „Ein Einfaches Kontaktformular erstellen“ klicken. Persönliche Anpassungen tätigen. (wird sonst automatisch an die in WordPress hinterlegte Admin E-Mail-Adresse weitergeleitet)
Oben bei „</> EMBED“ den Shortcode kopieren.
Speichern und Schleißen
Kontaktformular einbinden:
Den kopierten Code auf der Startseite ganz unten, wo schon ein Feld für einen Code hinterlegt ist, einfügen.
Im Customizer bei „Widgets-Fußbereich“ die Vorlage „Custom Footer“ wählen.
Anpassungen
Deine Seite sollte nun genau so aussehen, wie die Beispielseite.
NEU AB OKTOBER 2022: Graubruder von der Gruppe Wien 8 hat ein Termine Plugin gestaltet, dass explizit auf Pfadi-Bedürfnisse abgestimmt ist.
Du kannst es aufhttps://www.gruppe8.at/termine/ sehen und auf https://gitlab.com/lordrost/gb8-events downloaden, um es selbst zu verwenden. Aktuell ist das Plugin noch nicht auf unserer Beispielwebsite umgesetzt.
Vorlagen für einzelne Seiten
Hier gibt es zahlreiche Vorlagen für einzelne Seiten im PPÖ-Design.
Vorlagen für einzelne Bausteine
Hier gibt es einzelne Bausteine im PPÖ-Design.