Wiki Piratenpartij

Deze pagina is alleen-lezen. Je kan de broncode bekijken maar niet veranderen. Neem contact op met de beheerder als je denkt dat dit niet klopt.
====== Aanmaken van een nieuwe afdeling website ======

Dit document is voor de beheerders van de piratenpartij website. Het document beschrijft hoe er nieuwe afdeling sites kunnen worden aangemaakt.\\
\\
**Dit aanmaken houd in dat er**

   * Een nieuwe site wordt gemaakt met een eigen subdomein
  * Dat de basis structuur wordt aangemaakt in de nieuwe site

Verder is het handig om de handleiding 'Websites_Piratenpartij_Content.odt' er bij te hebben. Hierin worden de specifieke template en opmaak eigenschappen besproken, inclusief stappenplan voor het instellen.

====== Aannames ======

De volgende aannames zijn er gedaan om dit werkend te krijgen

  - In de DNS staat er een wildcard record voor *.piratenpartij.nl. Voor zowel IPv4 als voor IPv6.
  - Dat er een wildcard SSL is geïnstalleerd. Alle sites zullen gebruik maken van *.piratenpartij.nl.
  - Dat er een email adres [afdeling]@piratenpartij.nl bestaat die wordt uitgelezen.

====== Afdeling site aanmaken ======

Om een nieuwe afdeling site te maken, moeten er een paar stappen worden doorlopen. Deze stappen worden hier uitgelegd.

===== Stappenplan =====

  - Login op de hoofdwebsite [[https://piratenpartij.nl/wp-admin|https://piratenpartij.nl/wp-admin]]
  - Ga dan naar: 'Mijn sites' → 'Netwerkbeheer' → 'Sites'{{  :werkgroep:ict:afdelingen:networkmenuitemsites.png  }}
  - Klik op de knop 'Nieuwe site toevegen'{{  :werkgroep:ict:afdelingen:networkaddnewsite.png  }}
  - Vul dan de volgende gegevens in, in het formulier
      - Website adres: [afdeling].piratenpartij.nl
      - Website titel: Piratenpartij [Afdeling]
      - Beheerder e-mail adres: [afdeling]@piratenpartij.nl{{  :werkgroep:ict:afdelingen:networkaddnewsiteform.png  }}
  - Na het opslaan krijg je een bevestiging dat de site is aangemaakt.{{  :werkgroep:ict:afdelingen:networkaddnewsiteconfirmation.png  }}
  - Klik op de link 'Bezoek het Dashboard' om de site verder in te richten.
  - Als je op de Dashboard van de nieuwe afdeling site bent, ga naar: 'Extra' → 'Importeren'.{{  :werkgroep:ict:afdelingen:networkaddnewsiteimportstrcuture1.png  }}
  - Kies nu voor de optie 'Wordpress'{{  :werkgroep:ict:afdelingen:networkaddnewsiteimportstrcuture2.png  }}
  - Upload daar de WordPress eXtended RSS: '{{:werkgroep:ict:afdelingen:piratenpartij_afdeling_wordpress_import.xml.zip|piratenpartij_wordpress_nieuws_site_start.xml}} ' (moet nog gemaakt worden).{{  :werkgroep:ict:afdelingen:networkaddnewsiteimportstrcuturerss1.png  }}Selecteer de xml file en klik op 'Bestand uploaden en importeren'{{  :werkgroep:ict:afdelingen:networkaddnewsiteimportstrcuturerss2.png  }}
  - In het nieuwe scherm moet je dan de content eigenaar goed zetten. Dit doe je door de bestaande gebruiker in de import file aan de nieuwe beheerder te koppelen.{{  :werkgroep:ict:afdelingen:networkaddnewsiteimportstrcuturedefaultuser.png  }}Check ook het vinkje aan bij 'Download en importeer bijlagen'. Klik op verstuur om de data te importeren.
  - Als laatste krijg je de melding dat de data goed is geïmporteerd{{  :werkgroep:ict:afdelingen:networkaddnewsiteimportstrcuturerssdone.png  }}

====== Afdeling site inrichten ======

Als er een nieuwe site is aangemaakt, moet deze nog verder worden ingericht. Dit inrichten gaat via een import file. Dit scheelt werk en typefouten. \\ Voor alle acties geldt dat je ingelogd op de afdeling site moet zijn

  - Geordende lijstLogin op de website van de afdeling: [[https://[afdeling].piratenpartij.nl/wp-admin|https://[afdeling].piratenpartij.nl/wp-admin]], of als je net de site hebt aangemaakt, klik op de link 'Bezoek het Dashboard'

===== Stappenplan =====

De volgende zaken moeten worden ingesteld. Dit lijkt een lange lijst, maar zal in praktijk niet meer dan 30 minuten kosten.

  - Website template
  - Website titel en ondertitel
  - Website menu
  - Widgets header
      - Zoeken
      - Social media links
  - Widgets rechts
      - Wij zijn
      - Kalender
      - Piratennieuws
      - Nieuws archief
      - Categorieën
      - Aanmelden
  - Agenda kleuren
  - Overbodige pagina's en reacties verwijderen

==== Website template ====

  - Ga naar thema pagina: 'Weergave' → 'Thema's'{{  :werkgroep:ict:afdelingen:menuitemnewtemplate.png  }}
  - Klik op de knop 'activeren' van de Piratenpartij Thema{{  :werkgroep:ict:afdelingen:choosetemplate.png  }}
  - De Piratenpartij template is nu actief, en tevens ook nog maar de enige template die beschikbaar is. Dit heeft als voordeel dat de afdeling eigenaar dit niet meer kan aanpassen.{{  :werkgroep:ict:afdelingen:activetemplate.png  }}
  - De template is nu goed ingesteld.{{  :werkgroep:ict:afdelingen:newmenuselectmainconfirmed.png  }}

==== Website titel en ondertitel ====

  - Klik op Instellingen in het linke zwarte menu{{  :werkgroep:ict:afdelingen:menusettings.png}}
  - Vul in het veld 'Websitetitel' de gewenste nieuws naam in. Piratenpartij [afdeling]
  - Vul in het veld 'Ondertitel' in: voor een vrije informatiesamenleving
  - Zorg dat het email adres klopt: [afdeling]@piratenpartij.nl
  - Controleer de tijdzone{{  :werkgroep:ict:afdelingen:websitesettings.png  }}
  - Sla de nieuwe naam op door op de knop 'Wijzigingen opslaan' {{  :werkgroep:ict:afdelingen:savesettings.png  }}

==== Website menu ====

  - Ga naar 'Weergave' → 'Menu's'{{  :werkgroep:ict:afdelingen:menuitemnewmenu.png  }}
  - Je krijgt nu het hoofdmenu te zien voor de site. Dit hoofdmenu moet alleen nog worden toegekend in het CMS. Dit doe je door naar de optie 'Locatie beheren' te gaan.{{  :werkgroep:ict:afdelingen:newmenuselectmain.png  }}Daar kies je dan het menu 'Hoofdmenu' als Primary Menu. Sla dit op door op de knop 'Wijzigingen opslaan' te klikken.
  - Menu is nu ingesteld{{  :werkgroep:ict:afdelingen:newmenuselectmainconfirmed.png  }}

==== Widgets ====

Er zijn meerdere widgets nodig die ingesteld moeten worden. Voor de eerste keer, zorg er altijd dat je dan met een lege lijst begint.

  - Ga naar 'Weergave' → 'Widgets'{{  :werkgroep:ict:afdelingen:menuitemwidgets.png  }}
  - Zorg ervoor dat de initiële widgets uit de widgets gebieden 'Header' en 'Side bar right' zijn gehaald. Zo dat je met een lege lijst start{{  :werkgroep:ict:afdelingen:widgetsoverview.png  }}

=== Widget zoeken ===

  - Klik op de widget 'Zoeken' en plaats deze in de Widget Header gebied.{{  :werkgroep:ict:afdelingen:widgetzoeken.png  }}
  - Klik op de knop 'Widget toevoegen' en het zoek veld is ingesteld.

=== Widget social media links ===

  - Klik op de widget 'Social Media Feather: Follow US' en plaats deze in de Widget Header gebied.{{  :werkgroep:ict:afdelingen:widgetsocialmedia.png  }}
  - Klik op de knop 'Widget toevoegen' en het social media widget is ingesteld.
  - Vul de titel in met 'Volg ons' en stel de iconen op de maat 24×24 pixels in. En klik op de knop 'Opslaan'.{{  :werkgroep:ict:afdelingen:widgetsocialmediafinish.png  }}
  - Voor het verder instellen van de juiste Social media links, kijk in de handleiding 'Basis handleiding piratenpartij website' bij het onderdeel 'Social Media icons'

=== Widget Wij Zijn ===

  - Klik op de widget 'Wij zijn …' en plaats deze in de Widget Side bar right gebied.{{  :werkgroep:ict:afdelingen:widgetwijzijn.png  }}
  - Laat het tekst veld leeg voor de standaard Piratenpartij programma punten.{{  :werkgroep:ict:afdelingen:widgetwijzijnfinished.png  }}
  - Een afdeling kan zelf hier de eigen programma punten invoeren om zo landelijk te overrulen.

=== Widget kalender ===

  - Klik op de widget 'Aankomende activiteiten' en plaats deze in de Widget Side bar right gebied.{{  :werkgroep:ict:afdelingen:widgetcalendar.png  }}
  - Vul de titel in met 'Kalender' en zit het 'Aantal weer te geven activiteiten' op 5. En klik op de knop 'Opslaan'.{{  :werkgroep:ict:afdelingen:widgetcalendarsetup.png  }}

=== Widget Laatste tweets ===

  - Klik op de widget 'Really Simple Twitter' en plaats deze in de Widget Side bar right gebied.{{  :werkgroep:ict:afdelingen:widgettwitter.png  }}
  - In het vervolg scherm wordt er om API tokens voor twitter gevraagd. Laat deze leeg. Het is aan de beheerder om deze tokens in te voeren. Dit is afhankelijke van het gebruikte twitter account.
  - Voor het verder instellen van de juiste Twitter settings, kijk in de handleiding 'Basis handleiding piratenpartij website' bij het onderdeel 'Twitter feed'

=== Widget Piratennieuws ===

  - Klik op de widget 'RSS' en plaats deze in de Widget Side bar right gebied.{{  :werkgroep:ict:afdelingen:widgetrss.png  }}
  - Vul na het toevoegen van de Widget de volgende velden in:
      - RSS Feed url: [[https://piratenpartij.nl/wp-content/themes/ppnl/pirate-news.php|https://piratenpartij.nl/wp-content/themes/ppnl/pirate-news.php]]
      - RSS Feed titel: Piratennieuws{{  :werkgroep:ict:afdelingen:widgetrsssetup.png?500  }}
  - Klik op de knop 'Opslaan' om de RSS feed widget op te slaan.

=== Widget Archief ===

  - Klik op de widget 'Archief' en plaats deze in de Widget Side bar right gebied.{{  :werkgroep:ict:afdelingen:widgetarchive.png  }}
  - Vink de opties 'Als dropdown weergeven' en 'Berichtenaantal tonen' aan.{{  :werkgroep:ict:afdelingen:widgetarchivesetup.png  }}
  - Klik op de knop 'Opslaan' om de archief widget op te slaan.

=== Widget Categorieën ===

  - Klik op de widget 'Categorieën' en plaats deze in de Widget Side bar right gebied.{{  :werkgroep:ict:afdelingen:widgetcategories.png  }}
  - Vink de opties 'Als dropdown weergeven' en 'Berichtenaantal tonen' aan.{{  :werkgroep:ict:afdelingen:widgetcategoriessetup.png  }}
  - Klik op de knop 'Opslaan' om de categorieën widget op te slaan.

=== Widget Aanmelden ===

  - Klik op de widget 'Login With Ajax' en plaats deze in de Widget Side bar right{{  :werkgroep:ict:afdelingen:widgetajaxlogin.png  }}
  - Vul de volgende waarden in
      - Title (Logged in): Aanmelden
      - Title (Logged out): Hoi %uesrname%
      - Zet het vinkje achter 'AJAX registration' uit.{{  :werkgroep:ict:afdelingen:widgetajaxloginsetup.png  }}
  - Klik op de knop 'Opslaan' om de aanmelden widget op te slaan.

=== Widget Nieuwsbrief ===

**Deze widget is alleen beschikbaar voor de landelijke pagina. Afdeling sites zullen deze widget niet hebben.**

  - Klik op de widget 'Newsletter' en plaats deze in de Widget Side bar right{{  :werkgroep:ict:afdelingen:widgetnewsletter.png  }}
  - Vul de volgende gegevens in:
      - Title: Nieuwsbrief
      - Introduction: Nieuwsbrief ontvangen? Voer je e-mail adres hier in:{{  :werkgroep:ict:afdelingen:widgetnewslettersetup.png  }}
  - Klik op de knop 'Opslaan' om de aanmelden widget op te slaan.

=== Widgets Overzicht ===

Als alle widgets zijn ingesteld, zal dit de uiteindelijke overzicht zijn van de widgets pagina. Let goed op de volgorde van widgets. Als deze niet overeen komt met het onderstaande plaat, sleep de widgets in de juiste volgorde.{{  :werkgroep:ict:afdelingen:finishedwidgetsoverview.png  }}

==== Agenda ====

De agenda heeft verschillende instellingen nodig voordat deze goed werkt.

=== Pagina ===

  - Ga naar 'Activiteiten' → 'Instellingen'{{  :werkgroep:ict:afdelingen:menuitemcalendar.png  }}
  - Stel daar de volgende onderdelen in
      - Agenda pagina: Kalender
      - De week start op: maandag
      - Beschikbare weergaven: Zet de standaard op Maand
      - Timezone: Amsterdam{{  :werkgroep:ict:afdelingen:calendarpagesetup1.png  }}
  - Ga naar de sectie 'Toevoegen/Bewerken activiteiten' en stel daar de volgende instellingen in
      - Gebruik 24 uurs
      - Gebruik de ingestelde regio (WordPress locale) om te bepalen hoe de automatische aanvulling van adressen zich gedraagt{{  :werkgroep:ict:afdelingen:calendarpagesetup2.png  }}
  - Sla de instellgen op door op de knop 'Bewaar instellingen' te klikken

==== Plugins ====

Er moeten een aantal plugins goed worden ingesteld.

=== LDAP ===

Hier is geen uitleg voor. Dit instellen zou voor een beheerder geen probleem moeten zijn. (Of moet nog worden aangevuld met extra informatie)

=== WooCommerce ===

Dit zal geinstalleerd moeten worden volgens de algemene plugin installatie

===== Overbodige berichten, pagina's en reacties verwijderen =====

Na het opzetten van de nieuwe site, is er atlijd 1 bericht en 1 reactie.

  - Ga naar 'Berichten' → 'Alle berichten'{{  :werkgroep:ict:afdelingen:menuitempages.png  }}
  - Ga met de muis over het bericht heen, en klik op de rode 'Prullenbak' optie. Let op, er komt **geen**  bevestiging!{{  :werkgroep:ict:afdelingen:pagesoverview.png  }}
  - Nu is het demo bericht verwijderd. Hiermee wordt ook de demo reactie die bij dit bericht zit verwijderd. Eventueel kun je nu ook nog de prullenbak legen.{{  :werkgroep:ict:afdelingen:pagesoverviewempty.png  }}
  - Ga nu naar 'Pagina' → 'Alle berichten'{{  :werkgroep:ict:afdelingen:menuitempages2.png  }}
  - Scroll naar beneden naar de pagina 'Voorbeeld pagina'. Ga met de muis over de pagina heen, en klik op de rode 'Prullenbak' optie. Let op, er komt **geen**  bevestiging!{{  :werkgroep:ict:afdelingen:pagesoverview2.png  }}
  - Hiermee is de demo pagina verwijderd. Eventueel kun je nu ook nog de prullenbak legen.

===== Afronding =====

En nu is de site klaar! \\ Stuur de beheerder een email met uitleg, en het document 'Websites_Piratenpartij_Content.odt' voor uitleg over de werking van de site

===== Afdeling site redirection =====

Het is ook mogelijk om een subdomein naam aan te maken voor een afdeling, zonder dat deze een eigen website hebben. Sommige afdelingen zijn minder actief, en hebben genoeg aan 1 pagina op de landelijke site. Dit is nu bijvoorbeeld voor Zwolle.

Als je naar [[https://zwolle.piratenpartij.nl|https://zwolle.piratenpartij.nl]] gaat, kom je uit op [[https://piratenpartij.nl/regionaal/zwolle/|https://piratenpartij.nl/regionaal/zwolle/]]

Om dit mogelijk te maken moet er ingelogd worden op de webserver (ssh), en de volgende nginx configuratie worden aangepast. Per regel staat de volledige hostname zonder protocol gevolgd met een spatie en dan de pagina url zonder host of tussen paden.

<code>
/etc/nginx/piratenpartij.afdeling.redirects.conf
</code>

## Zet hier de subdomein neer, met daarachter de afdeling pagina naam \\ ## Voorbeeld: [[https://zwolle.piratenpartij.nl|https://zwolle.piratenpartij.nl]] → [[https://piratenpartij.nl/regionaal/zwolle/|https://piratenpartij.nl/regionaal/zwolle/]]

<code>
map $host $afdeling_redirect {
  default 0;
  hoekschewaard.piratenpartij.nl hoekschewaard;
  zwolle.piratenpartij.nl zwolle;
}
</code>

Als de nieuwe afdeling er in staat, moet NGINX herladen worden, en zal de redirect werken. \\ Deze redirects kunnen dus niet vanuit Wordpress (CMS) ingesteld worden. Daarom is dit alleen mogelijk door systeembeheerders. En er kunnen alleen afdeling sites worden geredirect.