Rich Text Widget – update

Ik schreef al eerder of de problemen met de Rich Text Widget na de upgrade van WordPress naar versie 3.3. Vandaag kreeg ik bericht van de maker van de plugin dat hij een upgrade heeft gemaakt die compatible is met WordPress 3.3.1. De nieuwe versie van de Rich Text Widget verschijnt op dit moment nog niet als upgrade bij de plugins, maar zodra je hem als nieuwe plugin wilt toevoegen, dan geeft hij aan dat de plugin al geinstalleerd is, maar bijgewerkt kan worden. Met deze nieuwe versie 1.0.4 zijn de problemen met de widgets opgelost.

Rich Text Widget en WordPress 3.3

Enige tijd geleden schreef ik over mijn zoektocht naar een tekstwidget met een wysiwyg editor. De plugin die ik toen het prettigst vond en die het beste werkte, was de Rich Text Widget van Julien Appert. Ik heb hem op een aantal website geïnstalleerd bij klanten die niet zo handig zijn met html. Maar toen kwam de nieuwste versie van WordPress uit, versie 3.3 Sonny. Helaas werkt die niet goed samen met de Rich Text Widget plugin. De plugin op zich is niet ‘broken’, maar veroorzaakt een probleem bij de Widgets. Je kunt de sidebars daar niet meer uitklappen en widgets toevoegen. De enige manier om met de widgets te werken is door de toegankelijkheidsmodus te activeren. Niet echt handig, want slepen van widgets is dan niet mogelijk. Verplaatsen gelukkig wel. Ik hoop dat de maker van deze plugin gauw met een nieuwe versie komt, die wel samenwerkt met de laatste versie van WordPress. Maar als iemand een oplossing weet in de vorm van een tijdelijke aanpassing in de plugin, dan hou ik mij aanbevolen.

Anne van Delft

Screenshot van de WordPress website www.annevandelft.nlDe website van Anne van Delft was een statische website die ze zelf niet kon bijhouden. Met een ontwerp van Karen Folkertsma is voor Anne een nieuwe website gemaakt met WordPress. Voor de bouw is gebruik gemaakt van het Genesis Framework van StudioPress. Anne wilde graag per pagina zelf kunnen bepalen welke informatie op die pagina in de sidebar komt. We maken daarvoor gebruik van de plugin Genesis Simple Sidebars, waarmee je heel makkelijk sidebars kunt aanmaken en per pagina kunt bepalen welke sidebar je daar wilt tonen.

Lightbox plugins

Ik maak al jaren gebruik van een Lightbox plugin. Het is een mooie mogelijkheid om in de tekst een beschaafd formaat plaatje te zetten en mensen toch op een leuke manier de uitvergrote foto te kunnen tonen. Ik maak dan meestal gebruik van de Lightbox-2 plugin van Rupert Morris, maar op de een of andere manier had ik op de website van een klant een andere plugin gezet, die heel verwarrend, ook Lightbox 2 heet. De plugin werkte hetzelfde en had ook in Dashboard zo’n beetje het zelfde admin-menu. Geen punt dus. Tot mijn klant gebruik ging maken van de gallery-optie in WordPress en onder elk bericht 3 foto’s zette in die gallery. Netjes ingesteld dat de link van de afbeelding naar de afbeelding moest gaan en niet naar de pagina, maar toch… geen lightbox effect. Wel op alle andere afbeeldingen op de website. [Lees meer...]

Favicon en Genesis

Yoast schrijft op zijn blog dat een favicon één van de site basics is (lees het blog van Yoast). Daar ben ik het helemaal mee eens. Door een goede favicon is het makkelijk om snel de tab van de juiste website te vinden. Ook kun je bij de favorieten makkelijk de juiste website vinden. Op zijn blog legt Yoast in een paar simpele stappen uit hoe je zorgt voor een goede favicon. Maar, is zijn opmerking in de laatste regel, de favicon van je CMS of theme, zoals Genesis, is dus geen goede favicon.

Genesis levert standaard een witte G op een zwart vlak – maar hoe wijzig je die dan? Volg de stappen op Yoast’s blog en maak een goede favicon. De vervolgstappen voor Genesis zijn verder ook makkelijk. Plaats het bestand favicon.ico in de images-map van je child-theme en klaar. Het kan even duren voordat je goede favicon zichtbaar is, omdat de browser het soms nog uit de cache haalt. Cache legen (geschiedenis wissen) kan de boel dan wat versnellen.

Verplaatsen stylesheet in de head-sectie bij Genesis

Voor mijn WordPress website maak ik tegenwoordig altijd gebruik van het Genesis Framework. Groot voordeel hiervan is dat bij de websites die ik maak al een mooi basisframewerk heb staan. Door vooral het aanpassen van het stylesheet kan ik de website dan geheel een eigen look geven. Maar ik loop wel eens tegen onduidelijkheden aan als ik wat meer wil veranderen dan de css. Bij een geheel eigen gebouwde template is dat geen punt. Je wijzigt gewoon zelf de HTML of zelfs de PHP-code. Bij Genesis is dat voor mij af en toe wat zoeken. Zo zetten plugins vaak een eigen stylesheet in de wp_head. Deze wp_head staat helemaal onderaan in de head-sectie, dus onder het algemene stylesheet. Even in dit stylesheet dus de css van de plugin overrulen is dan lastig. Nu kun je onder de wp_head code in de header.php natuurlijk nogmaals je stylesheet oproepen, maar dan doet hij dit dus dubbel. Door een klein stukje code in de functions.php van je (child)theme kun je de standaardlocatie van je stylesheet ‘uitzetten’. De code hiervoor is:

// stylesheet weghalen uit de metasectie van de head
 remove_action( 'genesis_meta', 'genesis_load_stylesheet' );

Vervolgens plak je dan de volgende regel onder de <?php wp_head();?>, hoewel ik vermoed dat ik ook een stukje code in de functions.php hiervoor kan zetten.

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( ‘stylesheet_url’ ); ?>" />[/php]

En je stylesheet verschijnt netjes helemaal onderin de head-sectie. Binnen dit stylesheet kun je dan wel je eigen css zetten om de opmaak door een plugin gegenereerde content te wijzigen.

WPML en NextGen gallery slideshow

Een klant vroeg mij om zijn website tweetalig te maken. Tot voor kort was deze website wel tweetalig, maar zeer adhoc. De ene pagina was in Engels en de ander in het Nederlands. Met de plugin WPML heb ik dit nu wat meer gescheiden. Dit had echter wel een bijwerking. Op de website draaide ook de plugin NextGen Gallery met een slideshow in de sidebar en slideshow in vele berichten. Dit werkte allemaal goed op het Nederlandse gedeelte, maar niet op het Engelse gedeelte. De enige manier die ik heb gevonden om het op beide delen werkend te krijgen was een hack in twee bestanden van de NextGen plugin tesamen met een juiste instelling van WPML. [Lees meer...]

HNCConcept

Het Nieuwe Coach Concept - Een WordPress websiteDe website van HNCConcept is weer een ontwerp van Karen Folkertsma. De website is gemaakt met WordPress met het framework Genesis als basis.

Het ontwerp kent veel verschillende widgets. Om het voor de eigenaren makkelijk te maken is gebruik gemaakt van de Rich Text Widget – plugin, zodat de teksten ingevuld kunnen worden met een editor en ze niet met html codes hoeven te werken. Daarnaast is gebruik gemaakt van de plugin Widget-classes om de widgets verschillend te kunnen vormgeven en Genesis Simple Sidebars om op verschillende pagina’s verschillende widgets te tonen.

Social Media buttons

Social Media, zoals Twitter, LinkedIn, Google+, zijn toch manieren om het nieuws van je website verder te verspreiden. Mensen bezoeken je website en hebben een makkelijke manier om andere op te hoogte te brengen van in hun ogen interessante inhoud. Met een klik op de knop heb je je vrienden op Facebook verteld dat je deze pagina wel leuk vindt via de Like-button, of via de Twitterbutton stuur je snel even een tweet de wereld in met een link naar de bezochte pagina. En zo zijn er nog tal van mogelijkheden om via vele kanalen mensen op de hoogte te brengen van die ene website waar jij op dat moment staat. En dat wil je natuurlijk ook op je eigen website. Want meer bezoekers kan ook betekenen meer werk. En vaak reageert ook google op deze berichten en klim je weer wat hoger op de ranking.

Om het de bezoeker makkelijk te maken zijn er voor WordPress meerdere plugins waarmee je in één klap de benodigde buttons onder je pagina’s en/of berichten zet. Ik gebruik AddtoAny, Daarbij heb ik de keuze uit vele buttons/social media platforms. Ik kan er voor kiezen een paar uit te lichten en de rest in een andere button te tonen. Ik heb gekozen voor de netwerken die ik zelf ook gebruik en die mij relevant lijken. De andere buttons heb ik ook beschikbaar staan omdat er altijd mensen zijn die weer op die netwerken actief zijn. Natuurlijk mag je de buttons hieronder allemaal even uitproberen, graag zelfs ;)

 

Widget Classes « WordPress Plugins

WordPress widget classes pluginToen Karen Folkertsma ooit kwam met een ontwerp voor een WordPress website met verschillend vormgegeven widgets in de sidebar hebben we een plugin laten ontwikkelen door Illutic waarmee we een class konden toekennen aan een tekstwidget. We hebben deze widget al vele malen met veel plezier gebruikt in diverse van onze gezamenlijke projecten. Een fijne widget, maar het is hiermee alleen mogelijk om een class toe te kennen aan een tekstwidget. Nu kwam ik via de webdesignmailinglijst van Women on the web deze plugin op het spoor. Tijd voor een klein onderzoek. Want als hij doet wat hij zegt…. een mogelijkheid om een class toe te kennen aan om het even wat voor widget – dan zijn we daar heel blij mee. Bij elke widget komt netjes een extra veld waarin je een class kunt aangeven (of meer classes) en de css doet dan de rest.

Meer info en plugin downloaden: WordPress › Widget Classes « WordPress Plugins.