Onderwerpen

mogrify en rename

Dit wordt een bericht voor een niche. Je zult geïnteresseerd zijn als je Linux gebruikt, de bestandsbeheerder Thunar en WordPress is een andere doelgroep. De vraag is dus: voor wie schrijf ik dit eigenlijk. ;)

Het probleem begint dat ik graag afbeeldingen van 1024 bij 800 wil weergeven, maar mijn provider en Wordpress samen niet toelaten dat de plaatjes niet groter zijn dan 800 bij 600. Dat is soms te klein. Nu is het niet zo dat het niet kan, maar automatisch via Wordpress worden de thumbs niet aangemaakt (ik gebruik overigens de plugin NextGen Gallery). Lange tijd heb ik braaf de beperking geaccepteerd. Tot ik in een vlaag van opstand mijn plaatjes niet wilde verkleinen. Wat nu?

Google biedt natuurlijk uitkomst. Maar dat de oplossing zo dicht bij mijn systeem zou zitten had ik niet verwacht. Om plaatjes te verkleinen gebruik ik het commando mogrify, die je in het pakket ImageMagick kan vinden. Mogrify is een commando om via de terminal je foto’s te bewerken. De mogelijkheden zijn legio. Die zoek je zelf maar uit (ook omdat ik daar niet goed in ben, maar wel leuk om zelf uit te zoeken).

Om foto’s te verkleinen naar 1024 en een bepaalde hoogte ga je naar de directory waar je foto’s staan en opent daar een terminal. Let op: maak een extra setje foto’s in een andere directory zodat de originelen niet kwijt vernietigd worden. Tik nu in de terminal het volgende:
mogrify -resize 1024 *.jpg
Je zegt nu tegen mogrify dat alle jpg bestanden naar een formaat van 1024 breed en verhoudingsgewijze hoogte verandert moet worden. (let op als de bestanden *.JPG als extensie hebben moet je dat invullen, het is hoofdletter gevoelig)

Het volgende is vooral voor mijn Wordpress van belang. Maar bij grote hoeveelheden foto’s is het denk ik ook voor anderen zonder mijn geheugen probleem handig. Dan hoeft WordPress (of elk ander CMS) de thumbnails niet te genereren, wat meer tijd kost op een server als op jouw computer.

Je kopieert binnen de directory alle net verkleinde foto’s naar een directory met de naam thumbs. Dat kan met een bestandsmanager, maar ook natuurlijk in de terminal (wat jij wil):
mkdir thumbs
cp *.jpg ./thumbs

Binnen deze directory voeren we nu hetzelfde kunstje uit:
mogrify -resize 150 *.jpg
In mijn geval zijn de thumbnails 150 breed en willekeurig hoog, dus dat is mooi.

Nu het laatste probleem, wat vast ook met een terminal kan, maar die ik nog niet gevonden heb. Het leuke zou dan zijn dat een wizkid (not me) een scriptje schrijft die de 3 handelingen achter elkaar uitvoert….. Wordpress verwacht dat de thumbnails dezelfde naam hebben voorafgegaan door thumbs_. Zoekende naar een oplossing kwam ik terecht bij Thunar, de bestandsbeheerder van XFCE. Ga met Thunar naar de directory met de thumbs. Selecteer alle foto’s. Druk nu op F2 (of Edit, Rename). Voeg de tekst toe voor de naam van de afbeeldingen. Zie het plaatje voor een voorbeeld, die eea kan verduidelijken. Druk op OK en het wonder geschiedt. :)

Als je nu via je FTP programma upload naar je website, is het een kwestie van de directory toevoegen aan je nextgen-gallery (of wat je ook gebruikt) en het is gedaan.

Nogmaals, er is vast een simpeler manier. Die heb ik alleen nog niet gevonden. Kijk ook eens op http://www.imagemagick.org/Usage/ voor een compleet overzicht.

Voor wat basis commando’s in de terminal: http://nl.flossmanuals.net/Linux/BasicCommands

  • Print
  • Digg
  • Twitter
  • del.icio.us
  • Facebook
  • Hyves
  • Google Bookmarks
  • Technorati
  • Slashdot
  • Add to favorites

Eigen fali-style emoticons

De stijl van de plaatjes op fali.nl zijn wat rafelig en grof. De emoticons van Wordpress zijn te netjes om daar mooi bij te passen. Dus we zijn aan het knutselen geweest met KolourPaint en Gimp. Nu ben ik geen ster met plaatjes maar houd wel vol en uiteindelijk zijn alle 22 plaatjes verwisseld door een “mooi” eigen icoontje.

De eigenschappen moesten zijn:

  • Compact (de meeste zijn niet hoger dan 12px en niet breder dan 15px)
  • Simpel, dus zonder neus en cirkel. De enige “kleuren” die zijn gebruikt, zijn groen, rood, zwart en wit.
  • Transparant. De achtergrond bepaalt de kleur. Ze vallen mooi weg in de tekst, zonder als een soort gele of witte puist af te leiden.
  • Geen animaties. Omdat het niet fijn is om naar te kijken. Het is wel een compromis naar herkenbaarheid van de uitdrukking, maar ik druk een pagina weg als het blijft knipperen.

Kijk en huiver. ik heb de tabel gebruikt zoals deze ook op http://codex.wordpress.org/Using_Smilies staat, De dubbele kolommen moeten nog weggehaald worden. Ik heb het letterlijk overgenomen namelijk. Hoe ze de code zichtbaar houden (en niet het plaatje weergeven), is voor mij een wonder. Als iemand dat weet… <tt>:)</tt>, werkt wel maar dan zie je de <tt> ook…. :(

Smiley images and the text used to produce them*:

standaard icon fali icon text full text standaard icon fali icon
smile :) :-) :smile: lol :lol:
biggrin :D :-D :grin: redface :oops:
sad :( :-( :sad: cry :cry:
surprised :o :-o :eek: evil :evil:
eek 8O 8-O :shock: twisted :twisted:
confused :? :-? :???: rolleyes :roll:
cool 8) 8-) :cool: exclaim :!:
mad :x :-x :mad: question :?:
razz :P :-P :razz: idea :idea:
neutral :| :-| :neutral: arrow :arrow:
wink ;) ;-) :wink: mrgreen :mrgreen:

* In some instances, multiple text options are available to display the same smiley. Lees hier verder Eigen fali-style emoticons

  • Print
  • Digg
  • Twitter
  • del.icio.us
  • Facebook
  • Hyves
  • Google Bookmarks
  • Technorati
  • Slashdot
  • Add to favorites

Google AdSense toegevoegd met plugin en contact formulier

Om mijn site iets meer waarde te geven (mmmmgh, geintje) en omdat het kan met een redelijk simpele plugin Google AdSense toegevoegd. Eerst via mijn google account een AdSense programma gemaakt. Dat is ingewikkelde taal voor advertentie blokje knutselen, maar vooral je binden aan de Mastodont die Google heet. Je moet het maar willen.

Daarna kun je in Wordpress de plugin Easy AdSense toevoegen aan je plugins. De keuze voor deze plugin is wat arbitrair. Namelijk, dit was de eerste Adsense plugin in het rijtje meest gebruikte plugins…. De plugin zorgt dat Google AdSense in je WP-website integreert. Het houdt ook rekening met je thema. Het herkent bij mij het thema en houd rekening met breedtes van side-bar en dergelijke. Daarnaast vormt het onder andere een “widget” waarmee je een AdSense advertentie kan toevoegen aan je sidebar.

Toen de widget ingesteld met mijn code. De mijnheer bij Easy Adsense hoopt natuurlijk dat dit vergeten wordt, zodat zijn code gebruikt wordt. Daarnaast heeft hij standaard 5% van de advertenties naar hem laten linken. dit kun je wel op 0 zetten (heb ik op 2% gezet), maar toch. Dat geeft meteen wat afstand en wat reserves naar deze plugin. Het is wel erg gericht op het laten verdienen van de maker…. Maar goed, zolang ik niet verder zoek, moet ik niet zeuren.

Eigenlijk heb ik gewoon een hekel aan advertenties op een website. Maar ja, als je iemand wilt steunen, is het klikken op een pagina een kleine moeite. Maar nu ik dit schrijf vraag ik me ook meteen af of ik niet de voorwaarden van AdSense schendt. Je mag mensen niet openlijk stimuleren om op je advertenties te klikken. Bovenstaande moet dan ook niet gezien worden als een uitnodiging maar als een voorbeeld. :P

Als ik mijn eerste tientje binnen heb, zal ik het hier melden. Ik vrees dat het nog even op zich laat wachten….

Ook nog een contactformulier aangemaakt. Iemand mailde mij dat het er nog niet stond… Nu kan ik gemaild worden. De Plugin maakt het me weer erg makkelijk.

  • Print
  • Digg
  • Twitter
  • del.icio.us
  • Facebook
  • Hyves
  • Google Bookmarks
  • Technorati
  • Slashdot
  • Add to favorites

Mijn gravatar ingesteld en kleurtjes

gravatarWordpress heeft een vrij sexy manier om een avatar toe te voegen. Dat wordt gedaan via een account bij gravatar. Als je daarna je cache opruimt in je browser en naar de reacties kijkt staat mijn gezonnebrilde glimlachende gezicht je aan te kijken.

Erg handig al vraag ik me af hoeveel andere sites dan wordpress blogs dit gebruiken.

Daarnaast de kleuren aangepast, aangemoedigd door een handige tool.

Nou ja, omdat ik zelf veel op een netbook werk, de rechter kolom verwijderd. Geeft wat meer lees ruimte voor kleine schermen. Misschien komt hij later weer terug, of alleen op de homepage en niet in de categorien. We zien wel.

update: FWIW, er achter gekomen dat je in Atualpha Theme kan kiezen welke pagina een sidebare krijgt, dus nu heeft de homepage wel een rechter sidebar en alle andere pagina’s niet. Leuk.

Ook de categorie ICT weggehaald, want een beetje dubbel op.

  • Print
  • Digg
  • Twitter
  • del.icio.us
  • Facebook
  • Hyves
  • Google Bookmarks
  • Technorati
  • Slashdot
  • Add to favorites

content icons plugin

In mijn zoektocht naar news achtige plaatjes bij berichten (per categorie) nu gestuit op content icons. Kijken of het werkt.

Update: Nee, het werktte eerste niet. Want er verscheen alleen een klein vierkantje aan de rechterkant van het bericht. Echter nu wel. Na een geniale ingeving voor iemand van mij niveua, gekeken waar het plaatje in het bericht naar toe verwees. En dat kwam niet overeen met de plek die Content Icons plugin de directory had geplaatst. Na het verplaatst te hebben naar de wp-content ipv de wp-content/uploads, werkt het helemaal. nu nog mijn 25 berichten van content icons voorzien. Ach, die worden toch niet meer gelezen. :)

  • Print
  • Digg
  • Twitter
  • del.icio.us
  • Facebook
  • Hyves
  • Google Bookmarks
  • Technorati
  • Slashdot
  • Add to favorites

menu bar kleur aangepast

in  mijn enthousiasme om wat persoonlijke touch aan het thema te geven was ik op iets bruinerigs uitgekomen. De kleur voor de menubar was niet helemaal lekker in het oog zittend. Dus op zoek naar een site die me goede kleurenschema’s aanbiedt. de site colorschemer, niet te vertalen als kleurenschemer, doet dat keurig voor me.

Blauw had ik al een keer gedaan in het verleden dus nu maar voor groen gekozen. Dit lichte groen lijkt goed te combineren met de tekstkleuren. Het streven is om een rustig uiterijk te vinden die niet oubollig is. En ach, ik kan altijd alles weer verwijderen.

  • Print
  • Digg
  • Twitter
  • del.icio.us
  • Facebook
  • Hyves
  • Google Bookmarks
  • Technorati
  • Slashdot
  • Add to favorites