Een beetje blogonderhoud met de WordPress mobiele apps

wordpress ios
Gisteren kreeg de WordPress app voor iOS een update waarmee je eindelijk(!) niet meer beperkt bent tot de HTML (tekst) modus van de editor. De app gebruikt vanaf nu standaard de visual (WYSIWYG) editor waarmee een blogpost in beginsel hetzelfde eruit ziet op het scherm van je iPhone of iPad als in de browser.

wordpress ios
In beginsel klopt dat inderdaad maar de praktijk is toch een stuk weerbarstiger. Goed, je hebt nu knoppen om tekst vet en cursief te maken, of door te halen. Een link maken gaat een stuk makkelijker dan in de HTML modus en voor (genummerde) opsommingen en quotes hoef je ook niet meer te onthouden welke HTML code je moet gebruiken, maar een volwaardig alternatief voor de editor in je browser is het nog steeds niet. Dat blijkt vooral uit de mogelijkheid om nu foto’s of afbeeldingen te uploaden of te bewerken in je blogpost. Het lukt wel maar de app negeert de instellingen om de foto’s te verkleinen (of beter gezegd, verkleind weer te geven).

Nee, hoewel het waarschijnlijk als een prachtig idee klinkt om onderweg een blogpost te gaan tikken – en WordPress geeft je die suggestie graag – je moet mijns inziens echt niet willen bloggen via de app als je meer dan alleen platte tekst gebruikt met af en toe een woordje vetgedrukt en een paar opsommingen.

Maar voor even snel blogonderhoud is het perfect

Voor een nieuwe blogpost met video of afbeeldingen zijn de WordPress apps misschien minder geschikt, het wil niet zeggen dat de apps niet bijzonder handig kunnen zijn voor andere zaken.

wordpress androidBeide apps bieden namelijk wel gemakkelijk toegang tot je blogposts en de reacties. Als je de Jetpack plugin geïnstalleerd hebt (of een WordPress.com blog hebt) kun je eventueel ook nog de WordPress statistieken via de app bekijken maar alleen al het feit dat je even snel je recentste blogpost kunt controleren op tikfoutjes maakt de app al de moeite waard. Zelf gebruik ik het op mijn Android telefoon om onderweg nog even die laatste foutjes, die er altijd in blijven zitten ongeacht hoe vaak ik het doorlees, te verbeteren. Hopelijk voordat iemand het gemerkt heeft. Dat werkt gemakkelijk – ook in de HTML modus – en snel, zelfs via een trage mobiele internetverbinding.

Datzelfde geldt ook als je even snel wilt reageren op een comment die iemand heeft achtergelaten. In reacties kun je sowieso weinig opmaak kwijt en van de beperking van de beide WordPress apps heb je dus hoe dan ook weinig last.

Maar misschien ligt het aan mij en ben ik te veel gewend om te bloggen vanaf mijn pc of laptop. Blog jij wel eens vanaf je telefoon of tablet? En hoe bevalt dat?

#

Jump links in WordPress: blogposts beter structureren door intern te linken

jump linksToen Jo Han Khouw twee weken geleden zijn gastblog aanleverde moest ik een kleine puzzel oplossen. In dit lange artikel wordt veelvuldig gebruik gemaakt van voet- en eindnoten waar ook expliciet naar verwezen wordt vanuit de tekst. Op papier blader je dan even verder en zoek je de correcte verwijzing erbij maar in een blogpost wil je natuurlijk meteen kunnen doorklikken naar de voetnoot en de literatuurlijst. Dit soort interne links, waarbij je binnen een blogpost “springt” naar een ander deel van de tekst, zijn niet met een handige knop in de WordPress editor te maken maar met een klein beetje HTML kennis voeg je ze alsnog heel gemakkelijk toe. Hoe je deze anker links (een anchor tag in HTML), of jump links, maakt staat weliswaar beschreven op een supportpagina bij WordPress maar vertelt niet *wat* je er mee kunt doen.

Waarom jump links gebruiken in WordPress?

De beste reden om jump links te gebruiken is precies waarvoor ik het nodig had: je hebt een erg lang artikel dat niet per se bedoeld is om van boven naar beneden gelezen te worden. Met een persoonlijke blogpost zul je dat niet snel hebben maar zeker als je langere (vak)inhoudelijke blogposts schrijft kan het goed zijn dat je lezers de gelegenheid wilt geven alleen de voor hen relevante hoofdstukken en/of paragrafen te lezen. Een goed voorbeeld hiervan zijn de Wikipedia pagina’s die een onderwerp heel uitgebreid beschrijven maar waar ze met jump links vanuit een inhoudsopgave je rechtstreeks laten springen naar specifieke deelonderwerpen. Kijk maar eens naar het voorbeeld van de Nederlandse Wikipediapagina over het weblog.

Jo Han had een uitgebreide literatuurlijst als eindnoten en verwees vanuit de tekst naar de gebruikte literatuur in die lijst. Ook dan is het handig als je bij die verwijzing meteen kunt doorklikken en kunt springen naar de literatuurlijst. Voor voet- en eindnoten zijn jump links dus ook een goede oplossing om lezers gemakkelijk te verwijzen.

Hoewel jump links bedoeld zijn voor linken binnen een webpagina of blogpost wil dat niet zeggen dat je er niet vanuit een andere blogpost naar kunt verwijzen. Oftewel, het aanbrengen van jump links maakt het ook gemakkelijk om rechtstreeks te verwijzen vanuit je blogpost naar het correcte deel van een andere blogpost. Als ik, met hetzelfde voorbeeld van de Wikipedia pagina over weblogs, vanuit mijn blog wil verwijzen naar een overzicht van verschillende soorten blogs op die pagina dan kan ik wederom verwijzen naar de url van de Wikipedia pagina maar nog veel beter meteen linken naar het onderdeel waar dat overzichtje staat. Zo hoeft een lezer niet te bladeren en zoeken op die pagina.

Een ander voorbeeld zijn mijn eigen overzichtspagina’s die je links onder het kopje inhoudsopgave ziet. Daar verzamel ik relevante blogposts per onderwerp maar staan er meerdere onderwerpen op één pagina. Met een jump link kan ik bijvoorbeeld nu rechtstreeks verwijzen naar de blogposts over Creative Commons op Twitter of in en andere blogpost.

Hoe maak je jump links?

Stap 1. Waar link je vandaan en waar wil je naar toe springen?

Het belangrijkste is dat je vooraf even goed nadenkt of het intern linken ook echt voordeel oplevert voor je lezer. De voordelen staan hierboven beschreven maar nadelen zijn er ook. Zo kan het verwarrend zijn voor een lezer om slechts 1 alinea verder te springen in dezelfde blogpost en levert dat geen voordeel op want de lezer was al lezend ook al snel aangekomen bij de tekst. Zorg er daarom voor dat je bij de verwijzing duidelijk maakt waar de link naar toe gaat, bijvoorbeeld door bij het aanbrengen van de link in WordPress ook de titel in te vullen. De tekst die je daar invult krijgt een lezer te zien als die met de muis over de link gaat. Bijvoorbeeld de jump link die hierboven verwijst naar een kopje binnen de Wikipedia pagina. Het is niet nodig maar wel zo duidelijk.

jump links titel meegeven

Stap 2. Zoek de plek op waar je naar toe wilt linken in de Text view

Als je weet waar je naar toe wilt springen in je eigen blogpost dan zul je in de volgende stap een stukje HTML code moeten toevoegen op die plek. Dat kan echter niet in de Visual weergave in de WordPress editor en je zult moeten switchen naar de Text weergave. Deze weergaven vind je terug rechtsbovenaan in de editor als twee tabbladen. Mijn voorbeeld is de inhoudsopgave pagina over auteursrecht en digitale rechten waar ik wil springen naar het deel met de Creative Commons blogposts.

jump links

Stap 3. Een unieke id toevoegen aan de HTML code in de Text weergave

Een anker link / jump link is niet meer dan een unieke id code waar je straks naar toe gaat linken. Deze kun je op elke willekeurige plek in je blogpost toevoegen:

<a id=”eenunieksteekwoord”></a>

Dat hoeft niet perse los want je kunt de jump link ook verankeren aan een willekeurig woord in de tekst:

<a id=”eenunieksteekwoord”>prachtige manier</a>

Maar je kunt de id ook koppelen aan alle HTML tags die je al in de tekst hebt staan. Zoals in mijn geval de <strong> HTML tag waarmee het kopje Creative Commons vet is gemaakt. Je voegt dan eenvoudigweg de id toe achter de <strong> tag.

<strong id=”ccposts”>Creative Commons</strong>

Je bepaalt zelf het steekwoord maar hou er rekening mee dat dat het onderdeel van een url wordt en dat je dus geen spaties of leestekens moet gebruiken.

Stap 4. Terug naar de Visual weergave en de vertreklink toevoegen

Als je terug switcht naar de Visual weergave dan zie je niets bijzonders want jump links zijn onzichtbaar in die weergave. Je kunt er nu echter wel naar toe linken door op de gewone manier een link toe te voegen met als doel #eenunieksteekwoord

jump links insert edit link
Let hierbij dus op dat het een # teken is, gevolgd door de unieke id die je hebt toegevoegd. Zonder spaties enz.

Link je naar een jump link buiten de blogpost waar je mee bezig bent, dan moet daar de volledige url voor komen te staan van de webpagina of blogpost waar de doellink zich bevindt. In het voorbeeld van mijn Creative Commons blogposts op de inhoudsopgavepagina:

jump links
En klaar ben je! Test nog wel even na het publiceren van je blogpost of de jump links ook werken (soms doet WordPress rare dingen met handmatige HTML toevoegingen en in de preview gaat het ook wel eens fout) maar het zou eigenlijk zonder problemen moeten werken. Tijd om de ankers uit te gooien in WordPress en je lezers te laten springen door je blogposts heen.

@afbeelding Anchor Symbol via Pixabay CC0

#

Drie WordPress plugins voor (Creative Commons) foto’s in je blog

wordpress plugins

Het valt nog niet mee om geschikte en ‘veilig te gebruiken’ afbeeldingen of foto’s te vinden op internet voor je blog. Er is veel te doen over auteursrechten op foto’s en je kunt problemen krijgen als je niet goed oplet en de verkeerde foto op je site gebruikt. Toch zijn er veel fotosites waar je goede foto’s kunt vinden die je ook zonder zorgen mag gebruiken omdat de makers ervan vooraf toestemming gegeven hebben. Daar worden soms nog bepaalde voorwaarden aan verbonden middels een Creative Commons licentie, zoals dat je verplicht de naam van de maker erbij moet vermelden of dat je een foto niet voor commerciële doeleinden mag gebruiken, maar er zijn ook veel foto’s te vinden waarbij de maker geen enkele voorwaarde verbindt aan het gebruik ervan.

Aangezien jij zelf verantwoordelijk bent voor het correct gebruik van andermans foto’s – lees hier nog even na hoe dat zit met auteursrecht en het gebruik van foto’s – is het ook een goed idee om te controleren of er, en zo ja welke, voorwaarden er vermeld staan op een fotosite en wat je allemaal wel mag/kunt doen met de foto’s. Voor een aantal sites heb ik dat al voor je gedaan overigens. Op die manier kun je zelf goed inschatten of je bepaalde foto’s wel of niet wilt gebruiken en weet je zelf ook precies waar je alle foto’s vandaan hebt gehaald. Mocht er ooit ‘gedoe’ van komen, dan scheelt dat enorm.

Nou zal lang niet iedereen tientallen fotosites af willen gaan, op zoek naar een geschikte foto die je veilig mag gebruiken. En is het ook nog wel een zorgvuldig werkje (zeg maar best wel veel werk) om de foto te downloaden, bij te snijden naar een passende afmeting, weer te uploaden naar je blog en daar ook nog de correcte naamsvermelding bij te zetten. Zou het niet handig zijn als je gewoon tijdens het tikken van de blogpost meteen vanuit WordPress kon gaan zoeken naar een foto of afbeelding en dat deze automatisch in je blogpost verschijnt? Met ook automatisch de naamsvermelding er al bij?

De titel van deze blogpost verraadt al dat dit inderdaad kan met enkele WordPress plugins. Als je gaat zoeken naar WordPress plugins waarmee je foto’s kunt opnemen in je blogpost, kom je er achter dat er vele te vinden zijn die onderling nogal verschillen in kwaliteit en in de achterliggende fotosites die ze gebruiken. De fotosites moeten zelf wel zoekmogelijkheden hebben – want anders kan een plugin er ook niet in zoeken natuurlijk – dus goede sites als Unsplash en Skitterfoto vallen af. Maak je echter veel gebruik van Flickr en/of Pixabay (beide favoriet bij mij) dan kan een goede plugin je veel tijd besparen. Mits je ook hierbij goed blijft opletten wat die plugin exact doet natuurlijk.

Een WordPress plugin die goed aangeschreven staat, maar die ik niet werkend kreeg op dit blog, is Compfight. Met deze plugin doorzoek je alle foto’s op Flickr die voorzien zijn van een Creative Commons licentie. Hierbij wordt er geen onderscheid gemaakt tussen de verschillende CC-licenties en moet je dus zelf uiteindelijk goed opletten welke licentie er hangt aan de foto die jij wilt gebruiken. Behalve dat Compfight dus niet werkt icm andere plugins op mijn blog is het niet kunnen kiezen van specifieke licentie(s) een reden om Compfight niet te gebruiken en ging ik alsnog op zoek naar andere WordPress plugins die dit beter deden. Zoals dus de volgende drie plugins die ook nog eens actief onderhouden worden door de makers:

WP Inject

WP Inject is meteen de meest uitgebreide plugin die zonder veel aanpassingen zowel Flickr als Pixabay doorzoekt op je trefwoorden en gevonden foto’s. Dat doet WP Inject op een aparte manier, namelijk door een nieuwe metabox (een blok) toe te voegen onderaan het editorscherm waarin je je blogposts tikt. Dat is wat onhandiger dan andere vergelijkbare plugins maar het geeft WP Inject extra functionaliteiten zoals bijv. het weergeven van zoekresultaten van meerdere zoekacties onder elkaar.

Wat WP Inject bijzonder maakt zijn de diverse instellingen waarmee je zelf kunt bepalen wat de plugin precies doet. Zo kun je o.a. (voor Flickr) precies instellen op welke soort CC-licentie(s) gezocht moet worden, hoe groot de foto’s mogen zijn zodat ze nog passen in de layout van je blog, waar precies de naamsvermelding moet komen als je de foto in de tekst zet en of je foto’s wilt embedden vanuit Flickr of dat je ze automatisch op je eigen server wilt zetten in de Mediabibliotheek van WordPress. Maar ook kun je de templates aanpassen die gebruikt worden zodat je bijv. de naamsvermelding in het Nederlands hebt staan ipv het standaard Engels.

Voor diegenen die de WordPress SEO plugin van Yoast gebruiken heeft WP Inject de mogelijkheid om je focus keyword automatisch toe te voegen aan de foto’s die je in de blogpost plaatst. Het is lastig om een functionaliteit te vinden die niet door deze gratis plugin automatisch gedaan kan worden. De maker stelt regelmatig updates beschikbaar en heeft ook nog een prima handleiding op zijn eigen site staan.

Flickr – Pick a Picture

Klinkt WP Inject nog steeds als veel werk en wil je alleen maar eenvoudig Flickr foto’s in je blogpost? Dan is Flickr – Pick a Picture een uitstekende plugin die vooral gebruik maakt van de mogelijkheden die WordPress zelf al heeft.

Na installatie van de plugin verschijnt er een nieuwe optie in het scherm als je nieuwe media toevoegt. Behalve zoeken in je eigen Mediabibliotheek en het uploaden van een nieuwe foto kun je meteen Flickr doorzoeken vanuit WordPress. Wat de plugin vervolgens doet kun je ook hier zien – en aanpassen – bij de instellingen. Dat is bij Flickr – Pick a Picture beperkt tot het selecteren van 1 of meerdere van de licenties (inclusief juist wel auteursrechtelijk beschermde werken, pas op daarvoor), de standaardgrootte, hoe de zoekresultaten gesorteerd worden en of de naamsvermelding wel of niet opgenomen moet worden in de caption van de foto. Zoals gezegd maakt de plugin gebruik van de mogelijkheden van WordPress zelf en dat betekent dat de foto’s in de Mediabibliotheek geplaatst worden, en dat je het standaard WordPress scherm krijgt voor het toevoegen van nieuwe media waarmee je de uitlijning en de grootte van de foto kunt aanpassen.

Simpel maar zeer doeltreffend.

Pixabay Images

Het aanbod van Pixabay is een stuk kleiner dan dat van Flickr maar het heeft als groot voordeel dat alle foto’s onder een CC0 verklaring te gebruiken zijn. Er wordt ook redactie gevoerd op wat er wel en niet op de site wordt aangeboden en de foto’s worden ook vindbaar gemaakt door er een beschrijving aan toe te voegen. Je kunt de foto’s in meerdere groottes downloaden, bewerken (of niet) en vrij gebruiken op je blog – zelfs voor commercieel gebruik –  zonder dat je zelfs maar aan naamsvermelding hoeft te doen. Hoewel ik voorstander ben van dat wel te doen zodat je zelf weet waar je de foto vandaan hebt gehaald.

Pixabay Images integreert met de bestaande Add Media knop. De instellingen van deze plugin zijn beperkt tot wat de zoekmogelijkheden op de site zelf zijn. Je kunt kiezen of je behalve foto’s ook clipart wilt doorzoeken, hoeveel zoekresultaten je wilt zien en of je wel of niet de naamsvermelding erbij wilt zetten. Net als bij Flickr – Pick a Picture integreert Pixabay Images verder gewoon met de reguliere WordPress mogelijkheden en kies je de grootte (en uitlijning) van de afbeelding in het welbekende scherm.

Gemakkelijker is niet altijd beter

Zowel WP Inject, Flickr – Pick a Picture als Pixabay Images doen wat ze beloven en maken het een stuk eenvoudiger om foto’s van Flickr en/of Pixabay te gebruiken in je blogposts. Ze hebben echter ook hun beperkingen en geven een deel van die beperkingen ook weer door aan jou. Zo zit je natuurlijk vast aan ‘slechts’ twee fotosites en zijn er nog honderdduizenden foto’s te vinden op andere sites die niet door de bovengenoemde plugins gebruikt kunnen worden. Daarnaast bepalen ze voor jou hoe de naamsvermelding bij de foto’s er uit komt te zien en waar die komt te staan in je blogpost. Je hebt ook nog eens weinig aan de plugins als je foto’s wilt bewerken voordat ze op je blog komen. Mits de licentie dat toestaat natuurlijk.

In mijn geval gebruik ik meestal de embedcode die Flickr aan elke foto meegeeft om foto’s op mijn blog te plaatsen en bewerk (combineer) ik foto’s van Pixabay om ze aan te laten sluiten bij de inhoud van een blogpost. Naamsvermeldingen zet ik niet bij de foto’s zelf maar plaats ik als eindnoot onderaan de blogpost. Voldoende redenen voor mij om dit handmatig te blijven doen.

Gaat het je puur om het vinden van veilig te gebruiken foto’s en die in je blog te gebruiken? Dan zou ik zeker de drie WordPress plugins eens uitproberen en kijken welke het beste bevalt.

Getipt via WPMUDEV

#

  • © 2006- 2021 Vakblog – werken met informatie
    Aangedreven door WordPress en duizenden liters koffie // Theme: Tatami van Elmastudio
Top