De Klinkhamer nu ook in Divi

De Klinkhamer nu ook in Divi

De site van De Klinkhamer heb ik onlangs omgezet naar Divi van Elegant Themes. Met dit thema werk ik al geruime tijd omdat je zoveel elementen gemakkelijk kunt aanpassen.

Coderen!

Ik kreeg van de week een paar verzoeken waar ik niet uitkwam. Want hoewel WordPress een geweldig contentmanagementsysteem is waarbij je allerlei bouwstenen op een frame bouwt, wil je (of juister: de klant) soms net iets anders. En dan moet je het thema dat je gekozen hebt, aanpassen. Dat betekent dat je de HTML gaat veranderen van bepaalde pagina’s. Dat is nog best ingewikkeld want één klein foutje en de site ziet er gek uit of functies doen het niet meer. Daarom ben ik weer aan het studeren geslagen: bij de Codeacademy.

HTML en CSS
Een webpagina is opgebouwd in HTML (HyperTekst Mark-up Language), een soort taal waarin je tekst en beeld via een browser kunt laten zien. Je kunt een webpagina met behulp van HTML opmaken maar is het handiger om alle opmaakcodes in een apart bestand te plaatsen: de CSS. Dat staat voor cascading style sheets.

PHP en JQuery
Elke (WordPress-)site bestaat dus uit HTML en uit een CSS. Vaak zijn er meerdere CSS-bestanden want welke plugin heeft weer een aparte CSS. Daarnaast wordt heel veel gebruik gemaakt van de programmeertalen (niet helemaal het goede woord maar laat ik het nu niet moeilijker maken dan het al is…) PHP en JQuery, die zorgen voor acties, dus dat er iets gebeurt als je ergens op klikt. Daar zijn ook weer aparte bestanden voor; de plugins zijn meestal PHP-bestanden.

De diepte in
Als je iets wil wijzigen wat niet door middel van een plugin te realiseren is, moet je de code van de site aanpassen. Maar het is niet altijd duidelijk van welke bestanden je de code moet wijzigen. En ook moet je weten hoe je de code moet aanpassen. Daarom ben ik me nu aan het verdiepen in HTML, CSS, JQuery en PHP. Ik wist er al wel het nodige van maar ik ga nu echt de diepte in! Ik hoop daarmee binnen afzienbare tijd een aantal zaken aan de WordPress-thema’s te kunnen oplossen. Ik kan me er helemaal in verliezen dus als ik de telefoon niet aanneem, weet je waar ik mee bezig ben…

 

Spam vermijden met behulp van een plug-in

Spam vermijden met behulp van een plug-in

Spam is net zoiets als kalkaanslag in de badkamer: je krijgt het allemaal en hoe vaker je doucht, des te meer last je ervan hebt. Maar je kunt er ook iets aan doen: een kalkverwijderaar gebruiken. Ook tegen spam op je website is wat te doen. Naast de CAPTCHA-beveiliging (de extra code die je moet intypen om te kunnen inloggen of een formulier te verzenden) kun je  een plug-in installeren om de spam te verminderen. In dit blog bespreek ik enkele plug-ins.

Akismet
Deze plugin is gemaakt door de makers van WordPress en wordt standaard meegeleverd met WordPress. Ik had weleens rondgeneusd op de site van Akismet (dat ik tot dusver overigens Askimet noemde…) en wist dat je ervoor moet betalen. Nu heb ik de site eens goed bekeken. Je kunt ook een gratis account nemen maar dat is alleen geschikt voor persoonlijke,  niet-commerciële blogs. Ik ben dus toch maar even verder gaan kijken en vond twee andere antispam-plugins die goede recensies hebben.

Antispam Bee is een alternatief, net als Defensio. Antispam Bee is helemaal gratis en Defensio is gratis voor kleinere websites (tot aan 25.000 posts per maand). Beide plugins schijnen goed te werken. Ik heb vooral voor Defensio gekozen omdat Antispam Bee in het Duits is. Ik spreek best wel Duits en kan het aardig lezen maar Engels is toch favoriet.

Defensio
Defensio is een open source-plugin die hetzelfde doet als Akismet. Het stuurt nieuwe commentaren, trackbacks en pings naar hun server en analyseert ze op spam. Ook schijnt het kwalijke inhoud eruit te filteren, net als scheldwoorden en robotscripts. En je krijgt van dit alles gedetailleerde statistieken. Je moet je registeren met een paswoord voordat je de plugin kunt downloaden en krijgt dan een API key die je in je dashboard moet invullen (zodra je de plugin gedownload en geactiveerd hebt, verschijnt daarvoor een venster).

Ik heb Defensio net geïnstalleerd en dat ging heel gemakkelijk. Ik hou jullie op de hoogte van mijn ervaringen met Defensio!

 

Weer een mooie WordPress-site afgerond: www.deklinkhamer.nl

Weer een mooie WordPress-site afgerond: www.deklinkhamer.nl

uitzichtIk heb net een website af waar ik erg trots op ben: voor meubelatelier en timmerbedrijf De Klinkhamer in Wapse. Wapse? Ja, dat is een gehucht in Drenthe. Maar wel een mooi gehucht. Een plek waar je nog verre uitzichten hebt met koeien in de wei.

En in Wapse staat een oude zuivelfabriek waar Margo en Michel Jasperse-Rodrigo hun meubelatelier & timmerbedrijf gevestigd hebben. Ze verbouwen er niet alleen hun fabriek om tot een prachtig woonhuis annex vakantieappartement (je kunt hun blog over het wel en wee van deze verbouwing volgen), ook maakt Michel er de mooiste dingen van hout. En ze  verkopen er brocante spulletjes en tweedehands meubels die Michel helemaal opknapt. Michel is vooral een ster in ruimtebesparende ideeën. Maakt kasten in onvermoede hoekjes met uittrekbare gedeeltes. Nou, kijk maar eens rond op hun site en je begrijpt wel wat ik bedoel.

Op deze site heb ik veel gebruik gemaakt van categorieën. Alle producten zijn in een bericht geplaatst en die berichten hebben een categorienaam gekregen. Op diverse plekken in de site heb ik widgets geplaatst om die producten op te roepen, zoals op de homepage, de hoofdproductpagina’s en de blogpagina. Op het blog kun je je abonneren. Volgers krijgen een nieuwe post in een gelikte mail toegestuurd. Ook heb ik tags toegevoegd en op de homepagina een tagwolk geplaatst. En een slider natuurlijk. Tenslotte heb ik me mooi kunnen uitleven met Photoshop. Mooi spul dat WordPress!

Schermafbeelding 2014-01-10 om 23.49.33

Hoe plaats ik een filmpje op mijn site?

Hoe plaats ik een filmpje op mijn site?

Filmpjes maken je site aantrekkelijker en dus wil jij waarschijnlijk ook af en toe een filmpje  plaatsen. Maar hoe ging dat ook al weer?

  1. Zoek het filmpje op op YouTube.
  2. Klik op ‘delen’
  3. Vink ‘voorgestelde video’s weergeven wanneer de video is afgelopen’ uit (dat wil je meestal niet)
  4. En plaats de code die je dan te zien krijgt in je bericht (in de Wysiwyg-modus).

WordPress haalt nu zelf de video en het plaatje op en plaatst die in je bericht:

Mocht dit niet lukken, kies dan voor de Insluit-optie en kopieer die code naar de Tekst-modus van je bericht.

Dat is alles!
schermafdruk filmpje plaatsen

Ps: als je zelf een filmpje maakt en monteert, bijvoorbeeld met Imovie, denk eraan: laat het filmpje niet te lang zijn. Na een minuut zijn de meeste mensen al klaar met kijken…