De Goeie Vraag WordPress plugin

Heb je een WordPress blog? Dan kun je met de WordPress plugin van Goeie Vraag gemakkelijk recente vragen tonen over de onderwerpen naar jouw keuze.

Downloaden

Download de Goeie Vraag WordPress plugin hier.

Installatie

1. Plaats de plugin-bestanden in je plugin-directory.
2. Activeer de plugin.
3. Ga naar de instellingen van de plugin om te bepalen welke vragen getoond worden en hoe deze worden getoond.
4. Voeg <?php goeievraag(); ?> toe aan je templates, of maak gebruik van het widget-systeem.

Weergave van de vragen

Je kunt zelf bepalen hoeveel vragen, en welke onderdelen van een vraag worden getoond. Onder de instellingen vind je de item-HTML: dit wordt gebruikt bij het tonen van elke vraag. Je hebt de volgende onderdelen tot je beschikking:

• %vraag%
  de tekst van de vraag, bijv. Waarom zijn bananen krom?
• %url%
  de URL van de vraag op GoeieVraag.nl
• %beschrijving%
  de extra uitleg van de vraag, maximaal 100 tekens lang, bijv. Ik heb me laten vertellen dat het door de zwaartekracht of door het licht wordt veroorzaakt... Wat is waar?
• %antwoorden%
  het aantal totnogtoe gegeven antwoorden, bijv. 5 antwoorden
• %gesteld%
  hoe lang geleden de vraag gesteld is, bijv. 13 minuten geleden
• %status%
  hoeveel tijd de vraag nog openstaat, bijv. nog 4 dagen of gesloten
• %gebruiker%
  de gebruikersnaam van de vraagsteller, bijv. Gebruikersnaam
• %afbeelding%
  de URL van de gebruikersafbeelding (38x38 pixels)

Hiermee kun je de vraag-items zelf samenstellen naar eigen wens. Hieronder volgen een aantal voorbeelden die je kunt gebruiken.

Simpel:
<li><a href="%url%">%vraag%</a></li>

Standaard:
<li><a href="%url%">%vraag%</a><br /> <small>%beschrijving%</small></li>

Uitgebreid:
<li><a href="%url%"><img src="%afbeelding%" width="38" height="38" alt="%gebruiker%" />%vraag%</a><br /> <small>%beschrijving%<br /> %gesteld% | %status% | %antwoorden%</small></li>

Styling

Met wat extra CSS kun je de vragen stylen naar eigen wens. Hier volgt wat voorbeeld-CSS die je kunt gebruiken en/of aanpassen.

div.goeievraag { overflow: hidden; } div.goeievraag ol { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; } div.goeievraag ol li { margin: 0 0 .5em 0; padding: 0 0 0 0; } div.goeievraag ol li img { float: left; margin: 0 .5em .5em 0; border: solid 1px #999; } div.goeievraag form { margin: 1em 0 0 0; padding: 0 0 0 0; } div.goeievraag form textarea { margin: 0 0 0 0; padding: 0 0 0 0; width: 98%; height: 2em; }