brughagedis.nl

Deze blog gaat over mezelf en mijn bezigheden



Category: wordpress

EmbedIt-plugin

15 October, 2008 (21:49) | Blog's, Video, wordpress | By: brughagedis

Bezoekers van dit blog met Mozilla/Firefox zullen gemerkt hebben dat de layout helemaal verstoord was sinds ik enkele posts geleden twee grote videowalls heb opgenomen. In IE zag het er goed uit, maar in Mozilla/Firefox was de achtergrond grijs en de hele sidebar naar beneden verhuisd. Niet erg fraai.

Ik had iets dergelijks al eerder gemerkt met bepaalde zelfgemaakte en embedded video’s, maar het meestal kunnen oplossen door een deel van de html code weg te halen en alleen alles tussen de <embed>-tags te laten staan. Maar bij deze videowalls lukte dat niet omdat het er twee waren. Een van de videowalls verdween als ik dit truckje toepaste. Ik denk nu de oplossing gevonden te hebben met de EmbedIt-plugin.

Op de blog van de maker Matteo Ionescu staat dat je met de plugin elk stukje embeddable code, video of widget in een WordPress-blogpost kunt opnemen. De werkwijze is erg simpel, zip-bestand downloaden, uitgepakte uploaden naar plugindirectory, activeren en vervolgens kun je met een simpele [html] tag tot negen codefragmenten in een post toevoegen. Op deze website staat een goede instructie-video en kun je de plugin downloaden. Bij de twee embedded video-walls bleek de plugin prima te werken. Door ze iets smaller te maken passen ze ook weer binnen de afmetingen van de blogpost zoals die door de style-sheet zijn bepaald en ziet het er in Mozilla/Firefox ook weer goed uit.

De plugin bestaat uit slechts enkele regels en werkt volgens mij door de kwetsbare code voor WordPress verborgen in een metadata (custom) field op te slaan en vervolgens op het moment dat WordPress de pagina toont weer tussen te voegen in de post. Slim bedacht! Prima plugin lijkt mij.

RSS-feeds nader bekeken

12 July, 2008 (22:07) | Blog's, Technopraat, wordpress | By: brughagedis

Ik wilde meer begrijpen van wat RSS-feeds eigenlijk zijn, hoe het werkt en wat je er eventueel nog meer mee zou kunnen doen. Een duidelijk verhaal over het maken van een rss-feed is te vinden in de online “cursus” een rss bestand, feed maken voor je website. Daaruit begrijp ik dat een rss-feed een xml bestand is en dus een soort tekstbestand dat in ieder geval de tags <rss> bevat en de beschrijving van een channel. Dat channel heeft een aantal verplichte tags, nl.:
<title>
<link>
<description>

en één of meerdere items. Die items kunnen de berichten op je blog zijn en worden elk ook weer aangeduid met tags voor <title>, <link> en <description>. Er zijn nog talloze optionele tags, zoals <PubDate>, <webMaster>, <language> enz. Een vrij duidelijk overzicht is te vinden op
http://www.xul.fr/en-xml-rss.html en Writing RSS 1.0.
Behalve items kun je ook een plaatje in een channel opnemen met de <image> tag.

Om een webbrowser te laten weten dat er een feed is kun je een link in het header gedeelte van je home-page of een andere webpagina plaatsen, waarin duidelijk het pad naar de feed is aangegeven en het zgn. MIME-type, een aanduiding om wat voor soort bestand het gaat (application/rss+xml). Bijvoorbeeld:
<link href="http://brughagedis.nl/blog/feed/" rel="alternate"
type="application/rss+xml" title="RSS 2.0" />
Html-code kun je in een feed nemen met een zg. container :
<content:encoded><!--DATA[< je HTML code-->]]></content:encoded>

Ik begrijp nu een beetje hoe WordPress de rss-feeds met behulp van een php-script verzamelt uit de metadata van de bijdragen van een blog in de MySQL-database. Die scripts bevinden zich voor de verschillende varianten (rss 1.0, rss 2.0, atom) bij mijn versie van WordPress in de folder wp-includes. Hieronder een fragment van het script feed-rss2.php zoals dat er bij mijn versie van WordPress uitziet:

feed-rss2.php

Eerst worden de onderdelen van het <channel> verzameld met behulp van php aanroep bloginfo_rss, zoals de naam van het blog <? php bloginfo_rss(‘name’) ?>, de url <? bloginfo_rss(‘url’) ?>, de beschrijving <? php bloginfo_rss(‘description’) ?>, enz. Vervolgens wordt dit voor elk item nog eens herhaald.

Uiteindelijk ziet de rss-feed er dan als volgt uit:

Blogfeed

Elk onderdeel wordt keurig ingevuld. Uit de feed kan gehaald worden dat ik mijn blog nog steeds niet heb geûpdate en de teksten verschijnen keurig binnen de CDATA – tags. Nu ik dit weet kan dit de weg openen naar mogelijkheden om de inhoud van mijn eigen feeds wat te beïnvloeden en ook mijn vage ideeën voor het maken van portals met items uit andere bronnen meer gestalte geven. In een al wat ouder bericht op Frankwatching vond een mooi overzicht van de verschillende mogelijkheden die er met RSS-feeds zijn. En op Internet zijn voorbeelden te vinden van scripts om content samen te stellen met behulp van feeds uit andere websites, zoals bijvoorbeeld Feed2JS. Dus daar wil ik me wel in gaan verdiepen.

Splash page

1 April, 2008 (20:18) | Blog's, Technopraat, wordpress | By: brughagedis

De openingspagina van een blog is meestal een lijst met de berichten in omgekeerde chronologische volgorde, maar dat hoeft niet. Je kunt één van de vaste pagina’s die in de meestal een thema’s wel te maken zijn, aanwijzen als vaste openingspagina onder “Opties”. Maar als je het WordPress blog zelf host kun je nog verder gaan. Biivoorbeeld door een pagina aan te bieden met een Flashmovie of een javascript, zoals ik vandaag heb gedaan. Zo’n pagina heet een splash page. Deze pagina komt in de plaats van de normale openingspagina waarmee WordPress opent. In de WordPress Codex staat een duidelijke handleiding van hoe je een dergelijke pagina in je blog kunt opnemen.  Het is zo dat de meeste webservers standaard een van de volgende bestanden openen als beginpagina:

  • index.html
  • index.php
  • default.htm

Je kunt de splash page dus één van de bovengenoemde namen geven. Het is mogelijk om ook de header, sidebar en footer van het blog in de splash pagina op te nemen, instructies staan in de WordPress handleiding. Maar ook het blog moet natuurlijk bereikbaar blijven. Maak daartoe in de folder waarin de WordPress-installatie zich bevindt een subfolder, die je bijvoorbeeld “blog”noemt. Download dan het bestand index.php naar je locale computer. Open het met een text-editor en verander de regel require('./wp-blog-header.php') in require('../wp-blogheader.php');. In gewoon Nederlands betekent dat dat de server het bestand wp-blogheader.php niet in dezelfde folder kan vinden als waarin het verwijzende bestand zich bevindt, maar deze in een folder een plaats hoger moet zoeken. Bewaar het en upload het vervolgens naar de subfolder blog op de server.

Ga dan naar het Adminstratie paneel van WordPress en verander bij Opties >> Algemeen de URL van je blog van bijvoorbeeld http://voorbeeld.nl in http://voorbeeld.nl/blog/ Het blog opnent nu vanaf deze pagina.

Upload ook vervolgens de  splash page (hernoemd naar een van de bovengenoemde bestandsnamen) naar de rootfolder van de installatie en verwijder het bestand index.php.

Het is wel aan te raden een ongewijzigde backup van het bestand op je locale computer te bewaren.

Voor mijn splashpagina van vandaag heb ik gebruik gemaakt van twee verschillende javascripts:

  1. Een intro die werkte met Internet Explorer.

  2. Een dynamisch splash screen, dat werkt met IE vanaf versie 7 en Mozilla Firefox, maar niet met eerdere versies IS. Gemaakt met het Splash page script van Dynamic drive

Uiteindelijk werd dan het volgende scherm zichtbaar.

Overgenomen door Google

Nadeel is wel dat als je dit in een bestaande installatie doet alle adressen van de rss-feeds ook niet meer kloppen.

coComments, Wiki’s en privacy

30 March, 2008 (16:52) | Blog's, Brughagedis, Spoetnik, wordpress | By: brughagedis

Het kwartje is wat betreft de coComments eindelijk gevallen. Maar ik vind de werking enigszins haperen. Op de website worden allerlei nieuwe termen als conversations, friends, groups enz. geïntroduceerd waar ik nog niet de hele reikwijdte van doorgrond. Conversaties zijn de commentaren die op een bericht kunnen worden gegeven. Die kun je toevoegen aan je coComments (dat heet “tracken”),  maar in Internet Explorer gaat het de ene keer wel, de andere keer verschijnt niet de mogelijkheid om de conversatie te tracken. In Mozilla Firefox gaat het beter, maar ook niet altijd. Sommige conversaties bij Laika kan ik tracken, hoewel ik er helemaal niet aan heb deelgenomen, maar de conversatie over de iPod op mijn eigen blog geeft een lege commentaarlijst, terwijl er wel degelijk commentaar is. Bovendien had ik gedacht hele blogs te kunnen toevoegen, maar je kunt je alleen op een conversatie abonneren, niet op het blog als geheel. In Mozilla is de installatie van de bookmarklet ook mislukt: de knop toont de uitgeschreven javascript functie. Niet erg fraai.

Cocomment button FirefoxOmdat ik niet weet hoe je een feed kunt invoeren lijkt dit me niet bruikbaar om alle reakties op de spoetnik sites te tracken. Het merkwaardige is ook dat je coComments-bladzijde in Technorati moet claimen om je Technorati blog te synchroniseren. Ik vind mijn coCommentspagina geen blog, maar ja we doen het maar. Daarom hieronder weer zo’n link naar het Technorati-profiel in de hoop dat dit het gewenste resultaat oplevert: dat het commentaar op mijn blog zichtbaar wordt als coComment.

Technorati Profile

(Ik heb het verkeerd begrepen, de bovenstaande code had ik bij coComment in mijn account moeten plakken. Afijn, bij Technorati heb ik nu twee blogs, maar bij coComments nog niks. En gesynchroniseerd is er ook niks. Ik begrijp het niet.) 

Verder ben ik begonnen met de opzet van een Wiki. Dat wil ik eens uitproberen omdat we voor het onderwijs altijd op zoek zijn naar een handige manier om opdrachten, lesprogramma’s, presentaties en ander materiaal te bewaren. Zodanig dat het ook later gebruikt kan worden en dat er interactief aan gewerkt kan worden. We hebben wel een website, maar die is nogal lastig in de bediening en niet interactief. Een database zou ook kunnen, maar zo’n Wiki is min of meer een kant en klaar pakket. Dus dat lijkt me wel handig. Hiermee loop ik dus iets op de cursus vooruit, maar de toepaasing is nu al bruikbaar. Ik heb gekozen voor Tikiwiki. Blijkt een grote installatie te zijn van 45 Mb, wat fors is voor een webserver. Ben onder de indruk van de mogelijkheden. Het aanmaken en linken van bladzijden gaat heel anders dan bij “gewone” html. Heb al wel ontdekt dat het een goede methode is om de uba-feeds mee weer te geven.

Enige dagen heeft een enigszins complete feed van de commentaren in een groot aantal spoetnik blogs op de website gestaan, maar dat blijkt wel een erg grote inbreuk op de privacy.  Ik heb hem daarom nu weer weg gehaald en vervangen door een ingang naar de Wiki. De rss-feed is hier beschikbaar voor als je hem in je iReader wilt plakken, of bekijk de lijst. Hij is niet compleet, want de blogspot blogs en een aantal blogs die foutmeldingen gaven (misschien omdat ze nog geen commentaar verzameld hebben?) heb ik er af gehaald. Ze zijn makkelijk weer toe te voegen door achter het wordpressadres /comment/feed te plakken.

Verder ziet het er naar uit dat ik binnenkort weer moet upgraden, want WordPress heeft versie 2.5 uitgebracht en nu verschijnt bovenaan mijn blog in de dashboard de volgende mededeling:

Upgrade

WordPress blog zelf hosten

24 March, 2008 (22:54) | Blog's, wordpress | By: brughagedis

De afgelopen weken ben ik er achter gekomen dat het voordelen heeft om je blog zelf te hosten. Er zijn echter ook wel nadelen. Een aantal spoetnikkers twijfelen. Daarom heb ik een bladzijde gemaakt over het zelf hosten van een WordPress blog.



View Stats