Backups van infiniteWP > database te groot

Ik ben fan van InfiniteWP. Heel handig om veel website tegelijk te monitoren. En backups en updates te draaien. Maar, die backups moeten wel af en toe gecheckt. Want aan een niet werkende backup heb je ook niets. Dus maak ik af en toe van mijn websites een volledige backup. Die importeer ik vervolgens in …
Lees meer over: Backups van infiniteWP > database te groot

Een slider maken met foto-uitsnede

Vandaag voor energia.org (de nieuwe website is nog niet online op dit moment) een slider op de home-page gemaakt. Dat kan gemakkelijk met een plugin zoals Genesis Responsive Slider. Dat werkt prima. Maar vaak is de foto voor een slider nogal smal liggend. En neemt de plugin gewoon het bovenste of middelste stuk uit de foto. …
Lees meer over: Een slider maken met foto-uitsnede

Lege p automatisch verwijderen

Klanten opvoeden blijft lastig. 🙂 Dus maak ik het ze liever gemakkelijk met wat code-snippers, zodat de meest voorkomende “fouten” vanzelf worden rechtgetrokken. Dit keer de lege p-tag die vaak aan het einde van een bericht onnodige witregels veroorzaakt. Ik vond een stukje code op github en het werkt super. [code] add_filter( ‘the_content’, ‘remove_empty_p’, 20, …
Lees meer over: Lege p automatisch verwijderen

Profiel-foto aanpassen door ingelogde gebruiker

Voor een leden-site wil ik dat bezoekers hun eigen foto kunnen toevoegen aan het profiel, zodat er een leuk smoelenboek ontstaat. Ik maak hierbij gebruik van 3 plugins. Types van Toolset  Views ook van Toolset Gravity forms met de add-on user registration Stap 1: gebruikers veld aanmaken   Onder types ga je naar user field. Klik op add …
Lees meer over: Profiel-foto aanpassen door ingelogde gebruiker

Vooraf laden van afbeeldingen

Om een website lekker snel te laten zien, en geen vertraging te krijgen in afbeeldingen die je pas ziet als je ergens met je muis overheen gaat is er een klein css-trucje. Voeg de afbeeldingen op onderstaande manier aan je css toe en verstop ze weer met display:none. Ze worden dan alvast geladen zonder dat …
Lees meer over: Vooraf laden van afbeeldingen

Afbeeldingen resizen bij het uploaden

Ik had altijd een fijn stukje code dat ervoor zorgde dat de afbeeldingen die mijn klanten uploaden alleen bewaard werden op het grootste formaat ingegeven in het dashboard > instellingen > media. Maar helaas, helaas, het werkt niet meer in WordPress 4. En mijn php’s is niet goed genoeg om het te herschrijven. Dus op zoek naar …
Lees meer over: Afbeeldingen resizen bij het uploaden

Gegevens aanpassen met Gravity forms

Vraag van een klant: elk lid moet (een deel) van zijn gegevens zelf kunnen aanpassen aan de voorkant van de website. De moeilijkheid zit hem vooral in de extra velden die ik eerder heb toegevoegd aan de gebruikers-profielen. (Dat ga ik overigens hier nu niet uitleggen, dat beschouw ik even als een gegeven.) Het is …
Lees meer over: Gegevens aanpassen met Gravity forms

Afbeelding schuin zetten met een schaduw

Hier word ik weer zo blij van. Dit scheelt uren werk vergeleken met een paar jaar geleden. De code is gewoon van w3schools.com gehaald. Een plaatje iets buiten het vlak, een beetje gekanteld en een schaduwtje. Op deze manier, ernaast de afbeelding zonder onderstaande CSS: [code] img.mjh_img { position: relative; top: -25px; left: -45px; transform:rotate(3deg); -ms-transform:rotate(3deg); /* …
Lees meer over: Afbeelding schuin zetten met een schaduw

Gemakkelijkste mobiele menu ever!

Dit vond ik zo’n vondst. Prachtige eenvoud. Het gaat om het toevoegen van een menu voor de mobiele versie van een website waarbij het hoofdmenu in de zijbalk zit. Wat je krijgt is een knop bovenaan je website (alleen mobiele versie) die laat je springen naar het menu dat verder onderaan staat. Ik ga er …
Lees meer over: Gemakkelijkste mobiele menu ever!

Tekst in je eigen kleur

Sinds WordPress 3.9 zijn de eigen gemaakte kleuren verdwenen. Ik heb een aantal klanten die dat graag gebruiken en die hingen aan de telefoon. “Waar is mijn kleuren palletje?” Standaard zie je nu dit: Maar wat mijn klant wil is bijvoorbeeld dit: Dit zijn kleuren die niet in het algemene palet zitten, en je kunt …
Lees meer over: Tekst in je eigen kleur