Kleuren in je webdesign

A color cheat sheet of pagetutorAls je zelf een website aan het bouwen bent en je moet daarbij ook het design doen dan zijn kleuren cheat-sheets erg handig. Zo weet je welke kleuren websafe zijn. Hierdoor kom je niet voor verrassingen te staan. Op deze cheat-sheets staan de kleuren met hun hex nummer, hierdoor kan je de kleuren gemakkelijk in je css-bestand opnemen door de nummers over te nemen.

Zelf gebruik ik de RGB hex Colour Chart van Addedbytes. Deze heb ik uitgeprint en in een map gestopt. Zo kan ik deze pakken als ik een bepaalde kleur nodig heb. Maar er zijn natuurlijk meer kleuren cheat-sheets. [Lees meer...]

Intern geheugen uitbreiden voor je WordPress site

Intern geheugen

Regelmatig kom ik in het WordPress forum meldingen tegen van WordPress gebruikers met hulpkreten als volgt:

Help, mijn site doet het meer en ik krijg de volgende melding: PHP Fatal error: Allowed memory size of X bytes exhausted (tried to allocate Y) in whatever.php

Vaak zie je dit soort meldingen in hoeveelheid toenemen wanneer WordPress een versie update uitbrengt zoals van 2.8 naar 2.9. In veel gevallen zal WordPress met een dergelijke nieuwere versie namelijk iets meer geheugen vragen van je server dan voorheen. Wat overigens ook mee speelt is het aantal plugins dat je extra hebt geactiveerd, maar ook wat voor soort plugins dat zijn. [Lees meer...]

Navigatie toevoegen aan je WordPress webshop

Hiranthi van illutic Webdesign heeft een mooie tutorial gemaakt om je betalingsstappen zichtbaar te maken die ik jullie niet wil onthouden.

In Nederland ben je, als webshop, verplicht aan te geven hoeveel stappen je klant moet ondernemen voor de aankoop. Dat houdt dus in dat je aan moet geven welke stap de klant op dat moment is, welke stappen er al zijn geweest en welke er nog komen gaan.

In Shopp zit dit niet standaard gebakken, maar het is wel makkelijk toe te voegen.

Haar tutorial voor de duidelijkheid over de  Shopp plugin, meer over WordPress webshop, en Hiranthi laat op een heldere manier zien hoe je dit zou kunnen doen, inclusief opmaak: betalings-navigatie toevoegen aan Shopp.

Thematic snippets om WP Dimensie Child Themes te maken

Tijdje terug heb ik aangegeven jullie mee te nemen in het proces hoe van Thematic naar een Child Theme te gaan hier op WP Dimensie. Vandaag deel 1. Zoals je nu ziet kun je zien dat WP Dimensie er al anders uit ziet dan de standaard Thematic theme en daarnaast gedraagt het huidige design zich op een aantal vlakken ook anders.

Ik weet niet of ik een standaard ga hanteren hoe ik de wijzigingen door ga voeren, maar in dit geval begin ik gewoon van boven naar beneden. Mijn intentie in eerste instantie was de designelementen van het vorige design te implementeren in deze versie. Te denken valt aan de volgende elementen:

  • toevoegen van topnavbar inclusief twitter, rss feed, rss reacties
  • menu overnemen (inclusief dropdown van categorieën)
  • CSS voor WP125 plugin overnemen.
  • CSS voor WP-Page-Navi overnemen.

[Lees meer...]

Subpagina’s samen met hoofdpagina’s tonen in sidebar

Al hoe fijn WordPress werkt, het is soms best nog wel eens lastig om alles uit de kast te halen als het om het tonen van subpagina’s i.c.m. met hoofdpagina’s in bijvoorbeeld een sidebar. Ofwel.. Child Pages samen met Parent Pages tonen.

WP Engineer publiceerde vandaag een fijne hack om dit op te lossen.

Important for us are 2 things: the top page is always at the end of the array and it can return an empty array. So we just go to the end of the array and for the case that there is no parent page, we display all the subpages of this page. We write a function in our functions.php because it is easier to maintain, and may also be used in several sidebars. [Lees meer...]

Hoe maak je een child theme op basis van Thematic

Hoe maak je een child theme op basis van thematic? Het antwoord hierop is, zoals je later zult zien, verrassend eenvoudig. Zo vlak voor de jaarwisseling heb je kunnen lezen dat ik Thematic ging gebruiken als basis voor de transformatie naar een nieuw design hier op de WordPress Dimensie.

Om te beginnen is het goed om te weten wat een child theme in combinatie met een Framework nu eigenlijk inhoudt. WordPress Child Themes zitten gewoon in je  /wp-content/themes/ net als elk ander Theme wat je geïnstalleerd heb. Je activeert een Child Them ook op exact dezelfde manier als elk ander Theme. In een Child Theme folder vind je vaak exact dezelfde mappen voor je afbeeldingen, je scripts en daarnaast vind je in ieder geval een style.css bestand en mogelijk ook een functions.php. [Lees meer...]

Zelf bepalen waar de auteur link naar toe gaat

Voor een blog met meerdere auteurs is het prettig dat je een manier hebt om via de author link die get_the_author in de meeste theme’s standaard toont, maar in sommige gevallen is dat helemaal niet zo interessant. Klik op de link en je eindigt op een url eindigend op weblog.nl/author/henkie/

Wanneer er maar een paar auteurs zijn op je WordPress site, of je wilt meer controle hebben over waar een naam naar toe linkt, dan is daar een manier voor. Door gebruikt te maken van twee velden is er een mooie manier om de link die achter get_the_author zit naar specifieke url’s / pagina’s te leiden. Handig voor profilering en zoekmachine optimalisatie. [Lees meer...]