Level Level

Aanpassen van de (custom) post type sortering in de back-end van WordPress

2011-08-22T15:36:20Z

Van één van onze klanten kregen we recentelijk de vraag of het ook mogelijk zou zijn om de artikelen van een bepaald post type op alfabetische volgorde te tonen. Standaard worden niet hiërarchische post types (post types die zich gedragen als artikelen) gesorteerd op publicatiedatum, van nieuwste naar oudste artikel.

Gelukkig is dit een relatief eenvoudige aanpassing welke je zelf in een paar stappen kan aanbrengen:

Kijk of je WordPress thema een bestand bevat wat functions.php heet. Zo ja, volg stap 2, zo nee, maak een bestandje in je thema map en noem deze functions.php. Ga nu alsnog verder met stap 2.

Plaats het volgende stukje code in functions.php en verander op regel 6 POST_TYPE in de naam van je custom post type

 if (is_admin()) {

// Kijk welke post type wordt opgevraagd
$post_type = $wp_query->query['post_type'];

/vervang POST_TYPE door de naam van je custom post type
if ( $post_type == 'POST_TYPE') {

// bepaal op welke waarde je je artikelen wilt sorteren
$wp_query->set('orderby', 'title');

// 'order' kan ASC (oplopend) of DESC (aflopend) zijn
$wp_query->set('order', 'ASC');
}
}
}
add_filter('pre_get_posts', 'set_custom_post_types_admin_order');

Sla functions.php op en bekijk je post type aan de back-end om te zien of het gelukt is.

Nu je doorhebt hoe dit truucje werkt kan je dit ook alleen voor artikelen

$post_type == 'post'

of pagina’s

$post_type == 'page'

inzetten.

Ook de waarde waarop je je overzicht wilt sorteren kan je aanpassen. In dit voorbeeld gaan we uit van de titel van een bericht maar je zou op de naam van auteurs

$wp_query->set('orderby', 'author');

je berichten kunnen ordenen of een waarde van een custom field. Een overzicht van parameters voor orderby vind je op deze pagina in de codex.

Bronnen:
Set Post Order In Admin
Set WordPress custom post types order in admin
Codex – Orderby Parameters

Nieuwe website voor Level Level

2011-07-30T10:20:03Z

Yeah! Level Level v2 is eindelijk live!

Donderdagmiddag 28 juli hebben we eindelijk het redesign van deze website gelanceerd. Door de overweldigende hoeveelheid aandacht voor Level Level, en de daaruit voortvloeiende opdrachten, heeft het moment van lanceren flink wat vertraging opgelopen maar is ons kindje nu toch echt live.

Sylvia en Ellen (tekst), Olga (fotografie) en Matthey (hosting) bedankt voor jullie bijdrage!

We zijn erg benieuwd wat je ervan vindt. Is het een verbetering? Mis je nog iets? Loop je tegen een bug aan? Let us know!

Jantje Beton wint Usability Award 2011 – categorie Overheid/Non-profit

2011-07-25T09:21:22Z

Op 18 april j.l. werd ons door Jantje Beton meegedeeld dat de website van Jantje Beton genomineerd was voor de Usability Award 2011.

Dit jaar waren 10 websites per categorie geselecteerd om mee te dingen naar de titel meest gebruiksvriendelijke website van Nederland. De vijf categorieën waren de volgende: E-commcerce, Overheid/Non-profit, Bedrijven websites, Communities en Nieuws & Entertainment. Met heel veel stemmen publieksstemmen heeft Jantje Beton uiteindelijk op 26 mei in Lanteren Venster de Usability Award 2011 in de categorie Overheid/Non-profit in ontvangst mogen nemen.

De vakjury zei ondermeer het volgende over de website: “De website van Jantje Beton is visueel en emotioneel heel erg duidelijk, het geeft in korte heldere teksten goed weer waar de website over gaat. De vormgeving spreekt aan en past bij Jantje Beton en het kleurgebruik draagt bij aan het prettig navigeren over de website. De website is duidelijk onderverdeeld in pagina’s met informatie voor specifieke doelgroepen.”

Bedankt voor jullie stemmen!

Facebook URL Linter

2011-07-28T12:50:50Z

Vandaag de dag is er geen website meer die wordt opgeleverd zonder een Facebook Like knop of een van de meer geavanceerde toepassingen die Facebook biedt. Het integreren van Facebook toepassingen kan een lastig klusje zijn en een handig hulpmiddel is de Facebook URL Linter. Deze pagina biedt de mogelijkheid je Facebook koppeling te testen op de verstuurde metadata en zorgt ervoor dat je eventuele syntaxerrors kan opsporen en oplossen. Een bijkomend voordeel, zeker tijdens het testen, is het feit dat de URL Linter de eerder gecachte meta gegevens opnieuw ophaalt.

Streaming problemen met Gzip en de JW player in IE

2011-12-22T12:59:12Z

Regelmatig krijgen we de vraag om audio of video te plaatsen in een site. Over het algemeen geen lastige klus maar het kan problemen met zich meebrengen. Graag maken we gebruik van de JW player van LongTail video om audio en/of video te plaatsen in een site. Over het algemeen treden er weinig problemen op bij het implementeren van dergelijke plugins. Toch zijn we tegen een situatie aangelopen die voor haperingen zorgde bij het afspelen van MP3 bestanden.

Op de site Boekschrijven.nl worden audiofragmenten aangeboden. Een preview is te beluisteren via de site. Tevens is er voor de player in deze site een custom skin ontwikkeld. Tijdens het testen van de player merkten we dat Firefox regelmatig een tweede druk op de playknop nodig had om het audiofragment af te spelen. Chrome liet de progress bar af en toe heen en weer gaan en Internet Explorer liet helemaal geen voortgang in de progress bar zien. Ook de totale lengte van het audiofragment werd niet weergegeven.

Na wat onderzoek blijkt dat Gzip de boosdoener is bij het streamen van de audio. Veel webservers gebruiken Gzip om de pagina’s in een kleiner formaat en dus sneller aan te kunnen bieden. Een wat ouder maar duidelijk artikel hierover is hier (Engelstalig) te vinden. Gzip is een goede techniek die de snelheid van een site kan bevorderen maar werkt in dit geval in ons nadeel.

Wat kunnen we doen om ervoor te zorgen dat Gzip de MP3 bestanden niet meer probeert te comprimeren. Een optie is het uitschakelen van Gzip. Dit kan door de volgende regel toe te voegen in het .htaccess bestand.

SetEnv no-gzip dont-vary

Deze regel zorgt ervoor dat in voor de gehele site Gzip uitgeschakeld wordt. Effectief maar zeer drastisch.
Wat we eigenlijk willen is dat Gzip wel gebruikt wordt maar media bestanden ongemoeid laat. Deze worden immers al vaak in hun meest gecomprimeerde vorm op de server geplaatst.
Dit kunnen we simpelweg realiseren door een tweede .htaccess bestand aan te maken. WordPress slaat alle uploads standaard op in de map /wp-content/uploads. Door in deze map het tweede .htaccess bestand aan te maken en bovenstaande regel in te voeren wordt Gzip enkel uitgeschakeld op de bestanden in deze map inclusief alle submappen. Zo worden alle mediabestanden niet meer beïnvloed door Gzip en verdwijnen ook onze verdere streamproblemen zonder dat we de Gzip functionaliteit volledig uit hoeven te schakelen.

Update:

Via de reacties kwam Patrick Vos met een alternatief.
Op deze manier hoeft er geen extra .htaccess bestand aangemaakt te worden en kan zo het overzicht beter bewaard blijven.

SetEnvIfNoCase Request_URI \.(?:mp3|m4v|ogv|mp4)$ no-gzip dont-vary

De extensies in bovenstaande voorbeeld kunnen aangepast worden.

Aanpassen van de standaard koppelings-URL bij geuploade afbeelding

2011-07-24T18:59:25Z

Wanneer je regelmatig afbeeldingen of andere media upload in je WordPress site zal het je wellicht opgevallen zijn dat WordPress standaard je laatst gebruikte keuze zal onthouden bij het toewijzen van koppelings-URL aan je geüploade media.

De keuzes die je hebt bij het aanwijzen van de link zijn ‘Geen’, ‘Bestands-URL’ en ‘Bericht-URL’.

Publiceer je nou regelmatig per abuis afbeeldingen met een link terwijl dat niet de bedoeling is? Dan is er een trucje om de standaardwaarde op ‘none’ te zetten.

Deze instelling is gedefinieerd in de wp_options tabel in je database. Nu kan je natuurlijk je database benaderen via phpmyadmin maar het kan makkelijker; WordPress biedt een ‘geheime’ pagina met alle instellingen die gedefinieerd zijn in de wp_options tabel. Ga naar

http://jouw-website.nl/wp-admin/options.php

en zie daar alle instellingen van je WordPress installatie op alfabetische volgorde. Deze instellingen zijn cruciaal voor het goed functioneren van je site, ga er dus voorzichtig mee om. Het aanpassen van deze waarden is voor eigen risico!

Zoek het veld “image_default_link_type” op. Het veld heeft een aantal opties:

Leeg
File (standaard link naar het bestand in de wp-content folder, dat wil zeggen http://jouw-website.nl/wp-content/2010/09/afbeelding.png)
Post (standaard link naar de attachment pagina, dat wil zeggen http://jouw-website.nl/?attachment=1)

Overige opties

Verander de waarde naar “none” en blijf vooralsnog van alle andere opties af. Sla de wijziging op door onderaan de pagina op “Wijzigingen opslaan” te klikken et voila! Standaard zal een geüploade afbeelding nergens naartoe linken maar is dit nog wel aan te passen wanneer nodig.

Is alles goed gegaan? Dan kan je ook eens de andere settings verkennen, zoals je in bovenstaande screenshot kan zien kan je ook de uitlijning van afbeeldingen op een voorgedefinieerde waarde zetten. Onthou wel dat dit een extreem belangrijke pagina met instellingen is dus verander niet zomaar zaken waarvan je niet weet wat ze betekenen.