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.

Menu met tussenstreepjes

Op een nieuw te maken website heeft de vormgeefster leuk van die tussenstreepjes in het menu verzonnen. Van die streepjes | die je niet met een border kunt maken omdat ze dan te hoog worden.

Het menu is een ongeordende list (UL). Het is een WordPress websites en actieve elementen krijgen een eigen class. De streepjes zitten alleen tussen twee items in. Het begin en het eind van het menu kent dus geen streepje.
Ik heb gekozen om content in het list-element te gebruiken, en wel een | voor hetmenu-item [Lees meer...]

Fontface en internet explorer

Op een nieuwe website die ik aan het bouwen ben, had Karen Folkertsma (die de vormgeving weer voor haar rekening heeft genomen) een leuk lettertype voor het menu bedacht. Dat kan tegenwoordig, dacht ik, en ging er mee aan de slag. In firefox, chrome en safari natuurlijk geen probleem. Maar toen  ik in internet explorer ging kijken, zag ik daar slechts het vervangende font in het menu. Vele pagina’s en zoekpogingen verder heb ik eindelijk de oplossing. [Lees meer...]

Custom Class widget

Eigenlijk verbaasd heb mij dat er nog geen plugin is (ik heb hem in ieder geval nog niet gevonden) waarbij je de mogelijkheid hebt om de widget een eigen class te geven. Nu was ik al een beetje op weg met de Better Text Widget die de widget een class geeft gebaseerd op de widgettitle, maar dat betekent dat je bij het veranderen van je titel ook de css weer moet aanpassen. Er zat niets anders op dan een widget op maat laten maken door Hiranthi van Illutic Webdesign. Het resultaat is een plugin die de widget een extra invoerveld geeft, waarin je een class kunt invullen. Deze class wordt toegevoegd aan de widget waardoor je dus de tekstwidgets een verschillend uiterlijk kunt geven, die behouden blijft als je de titel wijzigt en die je voor meerdere tekstwidgets kunt gebruiken.

Better Text Widget

Op een nieuwe website is het de bedoeling dat de vele widgets in de sidebar allemaal een eigen kleur krijgen. Dat is natuurlijk prima te doen via de css.  Elke nieuwe textwidget krijgt immers in WordPress een eigen ID mee. Maar na wat themewisselingen en vergissingen heeft een aantal van die widgets nu opeens een ander ID. Dat is lastig, want dat betekent dat de css weer moet worden aangepast. Op zoek dus naar een plugin waarbij je zelf de class van de textwidget kunt bepalen. Dat is nog niet zo makkelijk en een reactie op LinkedIn is zelfs het zelf schrijven van een widget. Nog niet mijn sterkste kant. Na een kleine zoektocht zijn er wel wat plugins te vinden die een uitbreiding geven op de standaard textwidget. Helaas zijn nog niet allemaal geupgrade voor de laatste versie van WordPress. Maar uiteindelijk beland ik bij Better Text Widget. Belangrijkste kunstje van deze widget voor mij is dat de plugin de widget een extra class geeft, gebaseerd op de titel van de widget. En dat is handig en opent vele mogelijkheden.  Maar ik blijf me aanbevolen houden voor een widget waar bij ik naast de titel gewoon een class kan ingeven, zodat ik daarmee bijvoorbeeld de kleur kan bepalen en de redacteur vrijheid heeft in het kiezen van de titel van de widget.