Pagina1 van 2

WordPress – Eenvoudig te volgen Ajax Voorbeeld

WordPress – Eenvoudig te volgen Ajax Voorbeeld
5

Omdat een van de WordPress plugins die ik gebruik niet meer ondersteund wordt door de developer, en ik geen goed alternatief kon vinden, moest ik zelf aan de slag om een plugin te schrijven. Niet een drama maar wel weer veel werk.

Ik wilde hiervoor Ajax gebruiken om netjes data op te halen.
Na veel zoeken en lezen over hoe je Ajax in WordPress gebruikt, merkte ik dat het verrassend beroerd wordt uitgelegd voor een beginner of een incidenteel gebruiker. Laat staan een eenvoudig werkend voorbeeld te vinden.
Zelfs het voorbeeld uit de WordPress Codex genereerde een “400 (Bad Request)” (je kunt dit zien in de console van jouw webbrowser).

Nadat ik het eindelijk uit had gezocht en werkende had, leek het me een goed idee er een artikel aan te wijden hoe je met Ajax in WordPress begint met behulp van PHP, JavaScript en jQuery.

Ik hoop dat iemand er wat aan heeft en hiermee zichzelf ellende kan besparen om aan de slag te gaan met Ajax in WordPress.

WordPress – Kopieer & Plak met Bron vermelding

WordPress – Kopieer & Plak met Bron vermelding
0

Diegenen onder ons die regelmatig artikelen schrijven voor hun website of blog, weten wel hoeveel werk het is om echt zelf iets te schrijven, hoe kort het artikel ook moge zijn.

En wat is nu het meest vervelende? Mensen die gewoon lekker jouw werk kopiëren, zonder om toestemming te vragen, zonder zelf iets bij te dragen en zonder bron vermelding. Gewoon lomp weg kopiëren en plakken en doen alsof ze het zelf geschreven hebben.

Voor WordPress gebruikers (en als je alleen het JavaScript deel pakt, ook voor andere website eigenaren) kunnen met een eenvoudige truc automatisch een link of een copyright melding plaatsen onder de tekst/content dien van hun website gekopieerd wordt. Dit is niet alleen een nette reminder voor diegene die schaamteloos jouw werk kopieert, maar als ze het in tact laten ook nog een hulpje om SEO te verbeteren voor jouw website.

WordPress – Simpel en Eenvoudig een Advertentie Widget maken

WordPress – Simpel en Eenvoudig een Advertentie Widget maken
0

Zou het niet handig zijn om een widget te hebben voor het plaatsen van advertenties in de sidebar van jouw WordPress website, b.v. een advertentie van Google Adsense?

Uiteindelijk beheer je de layout van jouw sidebar(s), normaal gesproken, via de Admin pagina’s van WordPress, dus waarom niet voor het plaatsen van advertenties in de sidebar?

Er zijn vast legio plugin die dit ook doen, maar ik ben zelf niet zo’n plugin fan, dus hier een eenvoudig stukje code dat dit voor je doet. De code wordt toegevoegd aan “functions.php” en de widget wordt daarna vanzelf beschikbaar in de admin pagina’s en kan waar dan ook, zoveel als je wilt, in de sidebar geplaatst worden.

WordPress – Injecteer Advertenties in Posts

WordPress – Injecteer Advertenties in Posts
0

Helaas zijn de meeste websites gedwongen om advertenties te plaatsen, al is het maar om te proberen de hosting kosten te dekken.
Dit geldt dus ook voor Tweaking4All – ik had liever helemaal geen advertenties, maar van donaties alleen gaat het echt niet lukken.

Het nadeel van advertenties, behalve dat ze als vervelend ervaren kunnen worden, is dat ze alleen wat opbrengen als ze op de juiste plaatsen verschijnen zodat bezoekers er op klikken (hint!).

Nu ben ik misschien niet de beste persoon om adviezen te geven, over waar je nu wel of niet advertenties moet plaatsen, maar voor mijn gevoel zijn er 3 “goede” locaties.
In het begin, aan het einde en … in het midden van een artikel of post.

In dit artikel laat ik je zien hoe je automatisch een advertentie in een artikel of post kunt plaatsen. Zonder het gebruik van plugins, zonder de post in de database te wijzigen. Gewoon geheel automatisch een advertentie voor de nde <H2> tag. De beschreven functie zal gewoon in de “functions.php” van jouw thema geplaatst worden.

WordPress – Backslash behoud in Posts

WordPress – Backslash behoud in Posts
0

Backslash behoud (\) brengt ons bij een van de vervelende “features” van WordPress: het stript automatisch backslashes van posts.
Het heeft z’n doel en toepassing, maar het is verrekte vervelend als je probeert code voorbeelden te plaatsen op jouw WordPress website.

In dit erg korte artikel laat ik je zien hoe ik het opgelost heb voor mijn websites.
Een kleine functie die alle backslashes van een post omzet naar HTML entities, waardoor ze niet verloren gaan of verwijderd worden. Weergave in tekst en in code voorbeelden werkt zoals verwacht.

Overigens; deze functie doet dit iedere keer als je een post opslaat. Zelf een HTML entity in de code (Tekst view) werkt namelijk maar èèn keer, omdat bij het inladen van een post in de editor, de HTML entity weer een gewone backslash is. Deze functie vervangt bij een update deze weer correct naar een backslash HTML entity.

Google en AWIS Alexa Page Rank voor WordPress

Google en AWIS Alexa Page Rank voor WordPress
2

Er zijn verschillende, zinvolle of niet zinvolle, redenen waarom je graag wilt laten zien wat de Google pagerank en/of Alexa ranking van jouw website. Of het nu voor de lol is, of om te laten zien hoe goed jouw website het doet,…

Dit artikel is een update op een eerder geplaatst artikel. De destijds gebruikte Alexa link blijkt echter niet meer functioneel te zijn, dus in dit nieuwe artikel gebruiken we daarom de Alexa Web Information Service API. Je moet je hiervoor inschrijven, maar met deze methode kom je niet boven de 1.000 gratis queries per maand uit.

Ik heb een redelijk aantal handige PHP scripts gevonden, maar die berusten eigenlijk allemaal op het real-time ophalen van de betreffende scores, terwijl die scores op z’n hoogst 1x per dag geupdate worden. Een beetje zonde om de Google en Alexa servers overbodig vaak lastig te vallen, en … het inladen van jouw website wordt hierdoor onnodig trager, ook al is het misschien niet merkbaar voor de eindgebruiker.

In dit artikel laat ik je zien hoe ik dit geïmplementeerd heb voor WordPress, voor zowel Google Rank als Alexa, welke maar 1x per dag geupdate wordt.

WordPress – Mod_security problemen bij posts en opmerkingen opgelost

WordPress – Mod_security problemen bij posts en opmerkingen opgelost
0

In de wereld van WordPress, is het volgende probleem niet onbekend;

Een gebruiker plaatst een opmerking of een post en na het drukken op de “submit” of “plaatsen” knop wordt hij of zij meteen doorgestuurd naar de hoofdpagina en er wordt helemaal niks geplaatst. Al het werk weg en een gefrustreerde gebruiker zonder wat voor uitleg dan ook.

Bij WordPress wordt dit vaak veroorzaakt door een zogenaamde false-positive van mod_security.

In dit korte artikel, laat ik je zien hoe je dit probleem kunt vinden en oplossen zonder al te veel moeite.

WordPress – Auto Hoofdstuk Ankers en Overzicht

WordPress – Auto Hoofdstuk Ankers en Overzicht
3

Deze ShortCode is vooral handig als je langere posts schrijft.
Bij een langere post (in WordPress in dit geval) wil je graag de lezer een overzicht bieden, al is het maar om een idee te geven wat de inhoud gaat zijn, of voor referentie op een later moment zodat de gebruiker er snel heen kan springen.

Uiteraard worden dingen nog gekker, als je b.v. een cursus schrijft of zo, en de “cursus” beslaat meerdere posts en toch wil je een overzicht bieden van al deze posts.

Mocht je hier al eens tegen aan gelopen zijn, en je hebt dit handmatig gedaan, dan weet je wat voor een monniken werk dat kan zijn, zeker als je het netjes gesorteerd en correct wilt doen.

Dit leek me een mooie taak voor een computer, dus heb ik snel even wat code in elkaar gefriemeld (zeker voor verbetering vatbaar) die precies dit klusje van ons overneemt door middel van een WordPress shortcode.

Google en Alexa Page Rank voor WordPress

Google en Alexa Page Rank voor WordPress
6

Er zijn verschillende, zinvolle of niet zinvolle, redenen waarom je graag wilt laten zien wat de Google pagerank en/of Alexa ranking van jouw website. Of het nu voor de lol is, of om te laten zien hoe goed jouw website het doet,…

Ik heb een redelijk aantal handige PHP scripts gevonden, maar die berusten eigenlijk allemaal op het real-time ophalen van de betreffende scores, terwijl die scores op z’n hoogst 1x per dag geupdate worden. Een beetje zonde om de Google en Alexa servers overbodig vaak lastig te vallen, en … het inladen van jouw website wordt hierdoor onnodig trager, ook al is het misschien niet merkbaar voor de eindgebruiker.

In dit artikel laat ik je zien hoe ik dit geïmplementeerd heb voor WordPress, voor zowel Google Rank als Alexa, welke maar 1x per dag geupdate wordt.

WordPress – Media Library maximale bestandsomvang voor upload vergroten

WordPress – Media Library maximale bestandsomvang voor upload vergroten
0

Mijn meest recente probleemp met WordPress was de beperkte maximale bestandsomvang voor het uploaden van bestanden naar de Media Library, in dit geval twee video’s die ik gemaakt had voor een Arduino artikel.

In dit artikel laat ik je een paar methoden zien hoe je de maximale bestandsomvang voor upload naar de Media Library kunt veranderen d.m.v. php.ini, functions.php of het .htaccess bestand. WordPress MU/Multisite/MS wordt ook niet vergeten.

WordPress – Open links in comments in een nieuw venster of tab

WordPress – Open links in comments in een nieuw venster of tab
2

WordPress is een mooi en volwassen Content Management Systeem, en niet alleen voor bloggers …

Een van de kleine minpunten waar ik zelf tegenaan liep is het feit dat alle links in een comment (opmerking/reactie) automatisch gestript wordt van de HTML “target=_blank” optie, en deze links openen dus niet in een nieuw venster of een nieuwe tab. Ik wil gebruikers niet “verliezen” omdat een ander pagina zich opent over mijn pagina en heb zelf dus de voorkeur dat een nieuw venster of tab geopend wordt voor de betreffende link …

In dit artikel daarom een erg eenvoudige truc om links in comments (opmerkingen/reactie) automatisch altijd te openen in een nieuw venster of een nieuwe tab door simpel weg altijd “target=_blank” aan links in comments toe te voegen.

WordPress – Uploaden van niet ondersteunde bestandsformaten

WordPress – Uploaden van niet ondersteunde bestandsformaten
8

WordPress beheert media bestanden via de Media Library of Media Bibliotheek. Standaard worden een aantal bestandsformaten, of beter gezegd: MIME-types, toegestaan voor upload.

De huidige standaard selectie is wat beperkt zeker als je bijvoorbeeld een bbPress forum draait waarbij men bijvoorbeeld RAR of 7z bestanden wilt uploaden.

Helaas heeft WordPress geen Admin pagina om dit te configureren, en moeten we dus een stukje code zelf toevoegen. In dit artikel laat ik je zien hoe dat gedaan kan worden met als doel extra bestandsformaten of te well MIME types toe te voegen.

WordPress – Eigen kolommen toevoegen aan de Posts Admin pagina

WordPress – Eigen kolommen toevoegen aan de Posts Admin pagina
0

Niet iedere WordPress admin gebruikt ze, maar je kunt zogenaamde custom fields toevoegen aan (onder andere) berichten (posts). Hier bij Tweaking4All gebruiken we dit bijvoorbeeld voor een korte titel, korte beschrijving en bijvoorbeeld de moeilijkheidsgraad van het onderwerp in een bericht.

Het probleem is dat ik soms weleens vergeet deze custom fields (zelf gedefinieerd veld) in te vullen en dan is het handig om de ingevulde waarden op de admin overzicht pagina van de berichten te zien zodat ik meteen zie wat ik vergeten ben.

het blijkt, hoewel niet gebruikelijk, dat dit eigenlijk helemaal niet zo moeilijk is, dus even een kort artikel hoe ik kolommen heb toegevoegd en verwijderd voor Tweaking4All.

Een paar Trucs om je website sneller te maken …

Een paar Trucs om je website sneller te maken …
2

Tijdens het omzetten van de oude Weethet.nl en Tweaking4All websites probeerde ik zoveel mogelijk te letten op de look en functionaliteit van de website.
Uiteraard belangrijke punten als het op web-design aankomt aangezien dit is wat de eindgebruiker ziet.

Een erg belangrijk onderdeel van de gebruikerservaring is echter ook hoe snel een pagina inlaadt. Een snelle website wordt als prettig ervaren. Het is echter ook van belang voor de zoekmachines zoals Google – snellere pagina’s hebben de voorkeur.

Omdat ik zelf het e.e.a. moest optimaliseren voor Tweaking4All, hier een artikel gebaseerd op eigen ervaring hoe je een website sneller krijgt …

WordPress – Hoe maak ik een eenvoudige sitemap pagina?

WordPress – Hoe maak ik een eenvoudige sitemap pagina?
0

In dit korte artikeltje laat ik je zien hoe ik voor mijn website een sitemap of overzicht pagina heb gemaakt (niet te verwarren met een sitemap.xml).

Ik wilde voor Tweaking4All een overzichtspagina met een lijst van beschikbare pagina’s, categorieën en de berichten (posts) in deze categorieën. De reden waarom ik mijn eigen code schreef is simpel: alles wat ik aan voorbeelden kon vinden op het Internet was te beperkt. Beperkt in diepte (alleen het eerste niveau), platte lijsten, overslaan van berichten, etc. Geen van hen had een echte hiërarchie weergave.

Met een klein beetje code en jouw persoonlijke CSS is dat snel gedaan …

1 2