Favicons

Als je een website weleens hebt ge-bookmark-ed heb je vast gezien dat sommige sites een leuke illustratie in plaats van slechts enkel de website naam of url krijgen in je bookmarks.

Een Favicon is een mini icoon van je website.

Dit icoon kan een afgeleide zijn van (onderdeel van) je logo of gewoon een moppig ding, sterretje, of nog beter foto van jezelf/je avatar op social media als je geen logo hebt of wilt. (wel is de handigheid een favicon herkenbaar te laten zijn op 16×16 pixels groot)

Als je een premium thema hebt (meer opties dan een ander thema, al dan niet betaald) heeft de maker vaak al opties ingebakken om een favicon in te stellen (en soms zelfs een app icoon of een retina ready versie)

Als dat niet zo is dan zul je je favicon zelf moeten toevoegen (of laten doen).

Maar het zelf toevoegen aan je blog/website is zo moeilijk nog niet.

instructies voor WordPress, zelf gehost

Favicon maken

Voorbereiding om het plaatje op te slaan als favicon.ico :
1.  Maakt het plaatje vierkant. Dit doe je door bijsnijden van of het toevoegen van ruimte rond het plaatje wat je wil gebruiken.
2. zorg dat de afbeelding naar 16 x 16 pixels is.
3. Sla het bestand op als favicon.ico.

Om een bestand als .ico op te slaan kan je gebruik maken van GIMP of een online .ico generator zoals: www.faviconer.com

Favicon toevoegen

Als er al een oud favicon.ico bestand aanwezig is in de hoofdmap van je huidige thema, kan je deze verwijderen met behulp van een FTP Client (bijvoorbeeld filezilla)

1. Upload vervolgens het nieuwe favicon.ico bestand in de hoofdmap van je huidige thema.

2. Upload een kopie van je favicon.ico bestand naar de hoofdmap van uw site (dwz. http://example.com/favicon.ico). Dit zal de favicon in feedreaders uw abonnees ‘weer te geven.

Om dat sommige oudere browsers een favicon niet tonen, is het nodig om het header.php te bewerken.

1. Ga naar je WordPress dashboard.

2. Klik op Weergave

3. Klik op Bewerker

4. Selecteer het bestand met de naam header of header.php om het bestand te bewerken.

5. Zoek naar de regel code die begint met <link rel=”shortcut ICON” en eindigt met /favicon.ico” />.

6. Vervang deze regel, als ze bestaat, of voeg anders de volgende code onder de <head> HTML-tag.

<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" />

7. Sla de wijzigingen op.


Bron WordPress Codex Nog meer (engelstalige) instructies staan in de wordpress codex mocht je een andere situatie hebben dan hierboven beschreven.

Of je gebruikt een plugin all in one favicon  (niet getest door blogpraat)

genesis theme specifieke tip:

;)

#Blogpraat 13 mei: #BlogSushi Favicons, Beveiliging van je blog & Categories

Bite sized onderwerpen in #blogpraat in plaats van de aloude ‘open mic’, dat is het idee achter de maandelijkse #blogsushi sessie van #blogpraat. Zo hebben we met zijn allen de mogelijkheid om kleinere maar belangrijke onderwerpen aan bod te laten komen.

Deze vierde #blogsushi hebben we de volgende onderwerpen:

  • favicons, nut, hoe en wat
  • Beveiliging van je blog
  • Hoe gebruik je categories en tags optimaal
  • permalinks reserve vraag
  1. V1: Wat zijn favicons en hoe stel je ze in?
  2. V2: beveiliging van je blog. Wat kun je doen om je blog te beveiligen tegen hackers, spammers en ander gespuis?
  3. V3: Categorieën op je blog. Welk doel hebben ze en hoe gebruik jij ze (of niet)

Andere vragen binnen dit thema ook welkom!

Verslag/transcript

Het PDF transcript van #blogpraat van 13 mei kan hier gevonden worden.

Komt een illustrator bij de blogpraat

De Rode Draad (c) inktspatten.nl

Sinds 2011 illustreer ik de blogpraat chats (als ‘t lukt eens per maand) en verzorg ik de identiteit en de website van blogpraat. Over de techniek die het uiterlijk bepaalt en wat geinige foefjes waar ik als geek/nerd trots op ben ga ik het vandaag niet hebben.

Wel over hoe ik een blogpraat illustreer.

Het soort illustraties dat aan de hand van een onderwerp onstaan heet ‘editorials’

Een abstract idee of het geheel van de tekst als abstract idee wordt samengevat in een beeld. Het resultaat zijn ondersteunende sfeerbeelden bij een artikel die verduidelijken, boeien en nieuwsgierig maken of uiting geven aan de geste van het artikel.

Voor sommige blogchats leent een beeldende samenvatting van de onderwerpen in cartoon-vorm zich beter. Zie blogsushi #2

Redelijk (nu niet meer) obscuur feitje: alle blogpraat illustraties (overzicht van alle illustraties vind je hier) worden live tijdens de blogpraat chat gemaakt.

Live illustreren is leuk, het beeld kan wijzigen aan de hand van de opmerkingen die blogpraters maken.
Het is ook uitdagend als je niet (of slechts kort van te voren) weet wat er besproken zal worden. :)

Natuurlijk heb ik mijn eigen blik op bloggen en schrijf ik zodra ik het onderwerp weet enkele trefwoorden op of snuffel ik in mijn morgue file (knipselbak) naar beeld dat ik vind passen bij blogpraat.

Tijdens de blogpraat kijk en luister ik mee naar het gesprek. Hoe het onderwerp uiteindelijk geïllustreerd komt wordt dus gedeeltelijk crowd-inspired verzorgd.

Afgelopen blogpraat maandag 1 april 2013 was er een heel tof onderwerp ‘de rode draad’ dit is een combinatie van woorden waar je heel veel kanten mee uit kan, naast hetgeen de rode draad duidde namelijk thematisch bloggen en structuur aanbrengen.

Mijn voorkeur ligt bij via semiotiek verbeelden, het observeren van en vastleggen met verwijzing en niet zozeer de letterlijke uitwerking van met een rode draad en naaigaren of iets van dien aard.

De Rode Draad (c) inktspatten.nl

De Rode Draad (c) inktspatten.nl

Als blogger verleid/tem je je publiek sla je de regels (in steen gehouwen) aan je laars zo het jouw uitkomt of leef je ze na? Dus vandaar Ariadne en haar rode draad.

Je kan over de verdere symboliek heel diep doordenken, wat ik leuk zou vinden om te horen, welke ideen en gevoelens de tekening bij de kijker opwekt. :) maarre beelden zijn echt wel mijn ding dus hier een kort proces:

niet getoond trefwoorden kladvel

De Rode Draad 1_inktspatten_nl

De Rode Draad (c) inktspatten.nl schets fase

De Rode Draad 2_inktspatten_nl

De Rode Draad (c) inktspatten.nl schetsfase 2

Na de eerste schetsen en verhoudingen

De Rode Draad 3_inktspatten_nl schetsfase 3

De Rode Draad (c) inktspatten.nl schets fase 3

Opstrakken van de schets

De Rode Draad 5_inktspatten_nl

De Rode Draad (c) inktspatten.nl fase 4/5

Kleuren bepalen

De Rode Draad 6_inktspatten_nl

De Rode Draad (c) inktspatten.nl fase 5

Details kleuren

niet getoond: juiste resolutie kiezen, onzichtbaar watermerk toevoegen

De Rode Draad (c) inktspatten.nl

De Rode Draad (c) inktspatten.nl fase 6

Uploaden

NB: 60 minuten is snel en niet standaard voor de meeste (full-colour) illustraties.

Een dag of enkele dagen/weken is normaal wanneer het gaat om een commissie met hoor en wederhoor waar duidelijke begrenzingen aan (print) techniek of ethiek en morele knelpunten zijn.

Wist je bijvoorbeeld dat wanneer een geweldsdelict ge-illustreerd wordt zowel illustrator als redactie rekening houden met het niet subjectief verheerlijken van geweld?

In strips en film wordt vanuit deze overweging vaak niet het schot getoond maar wel de scènes vlak voor en na. Wordt het pistool slechts gedeeltelijk getoond, of ‘inactief’, getoond als kleinste onderdeel van de hele tekening etc. In wisselwerking met de tekst kan je beeld ook ironisch inzetten, en juist zo overdrijven dat het binnenkomt bij de kijker dat hetgeen afgebeeld niet de voorkeur heeft.

Bovengenoemde voorbeeld is om duidelijk aan te geven dat een (geslaagde) illustratie niet ‘zomaar ontstaat’ Naast technische afwegingen, associatief denken, uiteindelijke uitvoering is er ook nog een doorlopende controle op subjectieve boodschappen.

90 % van illustreren is research doen en beelden ziften. En als je een gelukkige hand hebt valt de uitvoering mee. Als je dat niet hebt, maar wel doorzettingsvermogen en geduld kan je het je ook eigen maken. Het duurt alleen langer. En veel mensen gooien dan het bijltje er bij neer.

Als ‘t makkelijk was zou iedereen het doen. Het makkelijk laten lijken dat is de kunst.

Websites voor ZZP-ers: 15 vragen aan je webdesigner

Excerpt:

Een vriendin van mij is zelfstandig onderneemster. Ze heeft – uiteraard – een website. Het is een statische site, met 1 pagina. Dat leek haar een goed idee, en de webdesigner heeft haar niet tegengesproken. Het leek hem ‘wel leuk’.

Dat verklaart alleen niet waarom hij de site (de pagina) niet heeft geoptimaliseerd. Waarom de tekst die je in Google te zien krijgt in hoofdletters staat. Waarom de site slecht vindbaar is. En waarom hij er toch bijna 500 euro voor heeft gekregen.

Bah, wat een gedoe, die website. Het is totaal niet haar ding, ze heeft al 100 ander dingen aan haar hoofd die ze nog moet doen en die niet tot haar kerncompetenties behoren.

Begrijp ik helemaal. Maar des te meer reden om wat dingen goed uit te zoeken (je hoeft het alleen maar na te vragen…da’s niet moeilijk toch?). Het belang van een online aanwezigheid wordt groter en groter, wat je ook doet, in welk werkveld je ook werkzaam bent.

Daarom. Voor mijn vriendin, en voor andere ZZP-ers: de vragen die ze zichzelf en hun webdesigner moeten stellen:

  1. Kan ik zelf iets ontwerpen voor het design of werk je met vaste ‘thema’s’ (designs)?Wat zijn de prijsverschillen tussen de standaardsites en maatwerk?De meeste designers werken met een bepaald aantal standaard-designs die ze voor jou aanpassen. Andere kleuren, andere plaatjes, andere header, een fotogalerij in plaats van tekst, de kolom links of rechts… Dit is makkelijk, dus moet in principe ook goedkoper zijn dan als ze helemaal vanuit het niets iets moeten ontwerpen.(ikzelf denk dat je heel vaak met een standaarddesign uit de voeten kunt, met een paar aanpassingen. Alleen als je een creatief beroep hebt, ligt dat natuurlijk anders)
  2. Welke software/wat voor CMS gebruik je?Sommige partijen hebben zelf ontwikkelde software. Dat is prima, maar betekent ook dat je van hen afhankelijk bent bij wijzigingen of als je behoefte hebt aan integratie van nieuwe functionaliteiten. Denk aan een blog, een emailnieuwsbrief, een link naar Facebook, etc.Er zijn ook steeds meer partijen die zich baseren op ‘open source’ software zoals WordPress of Joomla. Dat betekent dat heel veel designs en stukjes software die je nodig hebt voor functionaliteiten, gratis zijn.[een CMS is een Content Management Systeem, een software systeem dat erop gericht is dat je er altijd nieuwe informatie op kunt zetten, terwijl het uiterlijk hetzelfde blijft. Jij klikt op 'publiceer', en het ziet er direct uit zoals het moet.]
  3. Hoe makkelijk is het voor mij om de site te updaten?Je bent nu misschien tevreden over je site. Maar ik kan je bijna garanderen dat je binnen het jaar dingen anders wilt hebben. Een naamswijziging, nieuwe partners of medewerkers, nieuwe producten, je hebt Twitter helemaal ontdekt en wilt het integreren, je wil graag een nieuwsbrief beginnen….Of je ontdekt dat al je klanten je website vooral op hun mobieltje lezen en dus liever een mobiele versie van je site willen hebben.Het is belangrijk om te weten hoe makkelijk het is voor jou of je medewerkers om je site te updaten. Als dit alleen maar door je webdesigner kan gebeuren, maak je het jezelf lastig, lijkt me.Let op: er is nog een verschil tussen het toevoegen of weghalen van functionaliteiten, en het updaten van de teksten (‘content’) op je site. Voor dat laatste moet je wat mij betreft absoluut niet afhankelijk zijn van een derde partij. Dat moet je gewoon zelf kunnen doen, dat moet makkelijk zijn. Ik zou dan ook vragen om een demonstratie zodat je zelf ziet hoe moeilijk of makkelijk dat nou eigenlijk is.[Eigenlijk moet het updaten van een site, het schrijven van een stukje tekst, net zo makkelijk zijn als schrijven in Word. In jargon heet dat wysiwyg: "What You See Is What You Get". Dat betekent dat jij op het knopje 'vet' of 'schuin' of 'kop 2' drukt, en het systeem dat vertaalt naar de juiste HTML-codes.]
  4. DomeinWie koopt jouw domein (www.jouwnaam.nl)? Wat zijn de hostingkosten per jaar? Hoe worden die gefactureerd en aan wie? Staat het domein op jouw naam (maar 1 acceptabel antwoord natuurlijk!)? Welke hosting partij gebruiken ze? Wat als je meerdere domeinen hebt of wilt, worden die naar elkaar doorgelinkt? Hoe doen ze dat?
  5. Wat gaan ze doen om je site goed vindbaar te maken in de zoekmachines?In het geval van mijn vriendin is haar site slecht vindbaar. Dat is ook logisch, want het is maar 1 pagina. Zelfs de links op de pagina naar social media sites, zijn niet als mooie klikbare tekst opgemaakt. Als je de vermelding in Google ziet (bijna onderaan pagina 1), staat alles in hoofdletters. De tweede zin op Google, de pagina-omschrijving (die je gewoon in kunt vullen in de ‘achterkant’ van de website) is een gekke opsomming van informatie op de site. I.t.t. een mooie omschrijving van wie ze is en wat ze doet, zoals je zou verwachten.Let op: je vraagt niet om trucjes op het gebied van zoekmachine-optimalisatie. Alleen om het netjes afwerken en opleveren van je site. Niet vanzelfsprekend.

Lees vraag 6 tot en met 17 verder op Elja Daae’s blog

Oorspronkelijk gepubliceerd op Eljadaae.nl  (9 augustus 2012)

Tien gratis stockfoto-sites voor afbeeldingen en foto’s op je blog

Excerpt:

Ik weet niet hoe andere bloggers het ervaren maar hoewel ik best eenvoudig een tekst kan produceren, steek ik toch relatief veel tijd in een blogpost. Dat komt in mijn geval vooral doordat ik bewust geen vaststaand format heb voor mijn blogposts en ik meestal uit de losse pols begin te tikken, wat betekent dat ik bijna altijd moet schaven aan de teksten voordat ik op Publish klik. Alle grammaticale fouten die je in mijn blogposts vindt wijt ik ook allemaal aan het onzorgvuldig schaven aan de teksten en niet aan mijn eigen taalkundige vermogens. Natuurlijk.

Ik zeg dan wel dat ik geen format heb maar ik probeer eigenlijk altijd wel een afbeelding toe te voegen die iets, ter illustratie, toevoegt aan de tekst. Ironischerwijs gaat er soms meer tijd in het vinden en selecteren hiervan zitten dan het tikken van de blogposts zelf. Dat is nog te doen als je enkele blogposts per maand produceert maar sinds ik ben overgestapt naar een dagelijkse frequentie van bloggen (had u het gemerkt?) moet het kiezen en vinden van foto’s wel wat vlotter verlopen wil het niet ten koste gaan van teveel vrije tijd.

In een post van december vorig jaar over afbeeldingen en foto’s op je blog haalde ik al enkele sites aan waar vrij te gebruiken foto’s te vinden zijn en kwam ik zelf uit op een betaalde stockfoto-site waar ik regelmatig nu een foto of afbeelding vandaan haal. Met dagelijks bloggen wordt me dat echter wel te duur dus ben ik op zoek gegaan naar een aanvulling hierop. Niet verrassend zijn er vele stockfoto-sites te vinden waarvan er toch een aardig percentage gratis te gebruiken zijn. De onderstaande 10 -in willekeurige volgorde- zijn niet meer dan een selectie uit het totale aanbod maar zijn er wel 10 die ik al gebruikt heb of zeker nog ga gebruiken. Let bij alle sites voordat je foto’s gebruikt goed op de voorwaarden, de terms of de licentie die de sites vermelden. Ze verschillen per site maar maken duidelijk waar grenzen zitten in het gebruik ervan. Algemeen geldt echter wel dat je nooit het auteursrecht op een foto krijgt, je mag het zonder betaling gebruiken. En ja, dat is een groot verschil. Lees verder op Raymond Snijders vakblog

Dit blog verscheen eerder op www.rsnijders.info/vakblog (20 januari 2012)

(gastblog) @lindakwakernaat blogt: Je eigen, unieke ‘stem’ #Blogpraat

Elke maandag van 20.00 tot 21.00 uur #blogpraat, met een groep mede-bloggers
Georganiseerd door :  Elja Daae ,  http://www.eljadaae.nl/
Afgelopen maandag was het onderwerp : “Hoe vind je je eigen, unieke ‘stem’ op je blog? Hoe persoonlijk ben je?”

Mijn oude blogs herelezend, heb ik inderdaad gemerkt dat het een proces is. En is er voor mij inderdaad veel veranderd, ondanks het feit dat ik niet iedere dag blog! Vooral de laaste tijd is er een ader opengesprongen, en die is blijkbaar nog niet opgedroogd!

 

Dat is taal die mij aanspreekt, zo voel ik het ook! Geen vaag gedoe, maar gewoon recht door zee! Ik zie geen verschil tussen “mijn stem” of “stemming”op mijn blog.

Hier kan ik me volledig in vinden, ik denk er inderdaad niet te veel over na, maar denk wel na over WAT ik over mijn gezin publiceer.

Het was een zeer enerverend uurtje, viel bijna niet te volgen zo snel ging het!
Blijkbaar kan er nog wel een #blogpraat aan besteed worden, want uitgepraat waren we niet!
Teruglezend blijk ik toch aardig wat gemist te hebben, ook enkele waanzinnig aardige opmerkingen.
Mijn dank daarvoor!
En heb ik iemand wat beloofd whahahah zit ik mee in mijn maag, ”
maar Weerzien loopt niet weg!

Oorspronkelijk gepubliceerd op www.linda-linea-recta.nl (31 januari 2012)