LinkedIn op je website

20 maart 2013

“Ik wil mijn LinkedIn account toevoegen aan mijn website. Kan dat?” Ja, dat kan.

Op de website van LinkedIn vind je bij je profiel buttons met een link naar je persoonlijke profiel. Hier zie je een voorbeeld.
Met de generator die je vind met de knop ‘Get it’ kun je de gewenste code genereren. Die code kan geplaatst worden in je website.


Er zijn nog veel meer mogelijkheden te vinden op de developer site van LinkedIn.

Je kunt ook een Profiel Badge kiezen. Als je je profiel bewerkt, zie je rechtsonder de opties. Ga naar Profile > Edit profile of Profiel > Profiel bewerken. Je kunt ook meteen doorklikken naar LinkedIn Profile Badges. Tip: wanneer je je taal aanpast naar Engels in plaats van Nederlands zie je veel meer opties voor buttons.

Bekijk Meta's profiel op LinkedIn

Presentatie: Vergelijking WordPress en Joomla

28 oktober 2012

Waarom is WordPress zo populair? Kun je er alles mee wat Joomla ook kan? Wat moet ik kiezen als ik een nieuwe website wil (laten) maken?

Voor de Joomla gebruikersgroep Rotterdam of wel de JUG010 mocht ik op 24 oktober 2012 een presentatie geven. Deze presentatie helpt je niet bij het maken van een keuze voor één van de CMS-en. Webmaakster.nl gebruikt beide, omdat het uiteindelijk niet het contentmanagementsysteem is wat je website maakt, maar de gebruiker! (Met een beetje hulp van een webmaakster misschien…)

WordPress Joomla 24-10-2012 from webmaakster

Een linkpagina maken in WordPress (links.php)

2 mei 2012

In het kort:

  • kopieer page.php uit je template
  • voeg code toe om een linktemplate te maken en plaats code voor de gewenste opmaak voor de links
  • sla het bestand op als links.php
  • maak een pagina aan die je koppelt aan de template

Maak een bestand links.php aan

Ga met een FTP- programma naar je template map.
Download uit je templatemap  de pagina page.php
Maak een kopie van het bestand page.php door deze te openen in Kladblok of een andere editor. Sla dit bestand op onder de naam links.php. Je maakt dus een kopie van page.php.

Code aanpassen

Je gaat verder met bewerken van de code in het bestand links.php. Voeg nu net boven get_header toe:

/*
Template Name: Links
*/

Dit stukje code zorgt ervoor dat je een template aanmaakt, die binnen je WordPress-theme herkent zal worden.

Het totale stukje code om een extra template binnen je theme te maken is nu bijvoorbeeld:

<?php

/**
* @package WordPress
* @subpackage Default_Theme
*/

/*
Template Name: Links
*/

?>

<?php get_header(); ?>

(En hieronder volgen je div’s)

In de DIV content haal je de code weg. Dit vervang je door code voor de gewenste opmaak van je links. Ik gebruik meestal deze:

<ul><?php wp_list_bookmarks(‘between=<br />&title_li=&show_description=1&categorize=0′); ?></ul>

Dit toont de beschrijving van de link (dus niet http://www.voorbeeld.nl/ maar www.voorbeeld.nl
In de regel onder de link vind je de omschrijving van die link.

Meer voorbeelden voor de code vind je in de Codex bij wp_list_bookmarks

Nu is je template binnen je theme klaar.

Pagina aanmaken

Je maakt een eenvoudige pagina, met alleen de naam Links. Je plaatst eventueel een korte tekst in het inhoudsveld, maar dat is niet noodzakelijk. Je mag de inhoud ook leeglaten.

De pagina koppel je bij Attributen (in een blokje rechtsonder) aan de template Links.

In menu opnemen

Het navigatiemenu wordt altijd aangeroepen in je theme. Nu ga je je menu-item Links op zijn plaats zetten. Als je in je theme de menu-manager gebruikt, kan je dit vinden bij Weergave > Menu’s. Je kunt een linkenpagina in je topmenu opnemen, of op iedere gewenste plaats in de navigatie.

Links toevoegen

Via de Link manager,  kun je nu links gaan toevoegen. De linkmanager vind je tussen Berichten en Pagina’s in je WordPress-menu.
Wanneer je mijn voorbeeldcode volgt, gebruik je de velden Naam, Webadres en Beschrijving.

Joomla – inloggen in front-end of back-end

15 april 2012

Je bent redacteur van je website en je wil in Joomla je artikelen je kunnen bewerken.

Inloggen in de Joomla back-end

Meestal werk je vanuit de administratie-omgeving en die vind je op je website in de map “administrator”. Je krijgt het standaard inlogscherm te zien, als je niet ingelogd bent. Dan werk je in de zogenaamde back-end, of wel het systeem waarmee je je website vult en onderhoud.

http:///www.hierdenaamvanjedomein.nl/administrator/

Wanneer je website in een aparte map is geïnstalleerd in plaats van in de root, dan ga je naar:

http:///www.hierdenaamvanjedomein.nl/map/administrator/

Inloggen in de Joomla front-end

Je kunt ook inloggen in de front-end, ofwel dat gedeelte van je website wat je gebruikers gepresenteerd krijgen, de website met layout, navigatie en artikelen.
Je gebruikt dan niet de administrator-omgeving, maar je wil wel je artikelen kunnen bewerken met de editor.

Ga daarvoor naar

http:///www.hierdenaamvanjedomein.nl/login/

Dit werkt als :

  • je je SEF url hebt aanstaan bij de instellingen van Joomla.
  • de gebruiker de juiste rechten heeft. Minimaal heb je nodig het recht Publieke front-end. De administrator regelt dit bij gebruikersbeheer.

In de front-end kun je nu als redacteur voorbeelden zien van artikelen die nog in concept klaar staan. Je bezoeker ziet deze artikelen niet, en je kunt ze als redacteur ook alleen zien, als je bent ingelogd in de front-end.

Ben je tevreden? Dan kun je ook meteen je artikel publiceren!
Nu ziet je bezoeker het artikel ook staan.

WordCamp en Joomladagen

14 maart 2012

Twee evenementen waar ik zeker bij ben!

Bij de Joomladagen ren ik rond als lid van het organisatieteam en bij WordCamp voel ik me ‘helemaal gast’.

Joomla!dagen Nederland - 21 & 22 april 2012, Zeist

Zoeken naar kleuren voor je website

12 februari 2012

“Ik wil een blauwe achtergrond en een accent met wat geel. Of misschien oranje.”
“Ik vind een groene kleur, die er natuurlijk uitziet en rust uitstraalt wel mooi”.

Kleuren voor printwerk hebben een andere naam of code dan kleuren voor websites. Geel is er in vele variaties en rood is ook niet altijd rood. Een bruin vlak uit je printer, kan er heel anders uitzien, dan het bruin op je beeldscherm.

Je hebt verschillende kleursystemen met allemaal eigen codes en hun toepassing: CMYK, HTML-kleuren, Pantone PMS, RAL, RGB, en nog veel meer.

Voor websites gebruik ik hexadecimale code. Deze code wordt verwerkt in HTML en CSS, de talen waarmee je website gemaakt wordt. Voor een website gaan we dus op zoek naar kleuren die je in HTML-taal kunt gebruiken. Je herkent ze aan het #-teken. Zo kun je zelf een voorstel doen voor een aantal kleuren voor een heel nieuwe website of huisstijl.

Indisch rood heeft de HTML-naam Indianred en de code #CD5C5C

Handige sites om kleuren te vinden zijn:

Bij een eerste gesprek over een nieuwe website zal ik uitgebreider informeren over de mogelijkheden, de mogelijkheden bij het ontwerpen van logo’s en visitekaartjes, kleuren en leesbaarheid van een website. Het voorstel van een aantal HTML-kleuren kan richting geven voor het eerste ontwerp.

Jaarlijkse Women on the Web Workshops

31 oktober 2010

De jaarlijkse Women on the Web Workshops worden dit jaar georganiseerd op 20 november in het Grafisch Lyceum in Rotterdam. Women on the Web-NL biedt belangstellenden ook dit jaar weer een uitgebreid workshopaanbod op het gebied van internet en nieuwe media.
Samen met Anja Hage verzorg ik een workshop

De basis van Joomla! 1.5 Templates

Ondek de basisonderdelen van een Joomla! 1.5 template en leer hoe je een blanco template naar wens kan aanpassen. Wat zijn moduleposities, welk stukje CSS doet wat en uit welke bestanden bestaat je template. Leer van elkaars ervaringen en deel handige tips.
Voorkennis: Je hebt al een website gemaakt met html, opgemaakt met css en je kunt overweg met ftp.

“Deel je kennis, vergroot je netwerk! Dat is Women on the Web”.

Women on the Web-NL is de grootste vrouwelijke internetgebruikersgroep van Nederland. Dagelijks ontmoeten zo’n 4000 ondernemende vrouwen elkaar via laagdrempelige e-maillijsten rondom diverse onderwerpen. Er worden vragen gesteld, adviezen gegeven en discussies gevoerd. Op een snelle en efficiënte manier delen vrouwen er hun kennis en interesse in ‘toetsenbordgevoelige’ onderwerpen zoals computers, webdesign, multimedia, maar ook bijvoorbeeld tekstschrijven en het ondernemerschap komen aan bod.

Voor uitgebreide informatie & aanmelden over WoW Workshop: http://www.womenontheweb.nl/woww2010

Workshop Twitter 8 – een link naar een tweet maken

14 september 2010

Wanneer je een tweet van iemand wil versturen per e-mail of op je website aanhalen kun je een tweet uit je timeline halen.

Hoe doe je dat?

  • Je bent bijvoorbeeld op http://twitter.com, en je ziet je timeline. Of  je bent in de webversie van Twitter op een site van een gebruiker.
  • Klik nu op de datum die onder de tweet te zien is.
  • Je krijgt nu een URL, een internetadres van -in dit geval – de gewenste tweet te zien in de adresbalk van de browser.
    Voorbeeld:  http://twitter.com/webmaakster/status/23906561949
  • Je kunt de URL nu knippen en plakken in een mail.

Zo kun je een tweet delen met iemand die geen Twitter gebruikt of een tweet gebruiken in een tekst op je website.

Meer Engelstalige info met afbeeldingen vind je op deze supportpagina van Twitter

Een link maken in WordPress

9 januari 2010

In een website, gemaakt met WordPress, kun je zelf teksten maken. Hoe maak je een link in die tekst?

Voor  het aanmaken van een hyperlink heb je het adres nodig, de URL . Waar wijst de link naar toe? In dit voorbeeld wordt een link gemaakt naar een pagina binnen je WordPress website.

Het gewenste adres zoeken
Er zijn twee manieren: aan de achterkant van je systeem kun je de URL vinden. Bekijk onder de titel van je bericht bijvoorbeeld wat er staat achter Permalink.

We nemen even dit bericht als voorbeeld. Bekijk in de adresbalk van je browser of  je dit adres kunt aflezen:
http://www.webmaakster.nl/wordpress/?p=134

Zie je dat niet, dan ben je niet op de gewenste pagina, maar bijvoorbeeld op een pagina waar een deel van dit bericht te lezen is. Klik voor de zekerheid altijd op de titel van je bericht.

De tweede manier is een adres zoeken van een externe website. Deze gewenste URL  kun je ophalen uit de browser. Houdt er rekening mee dat niet iedereen wil dat je een link opneemt, soms kun je beter contact opnemen met de beheerder van die website.

De link maken
Je bent ingelogd in WordPress en heb een bericht of pagina geopend. Volg nu de stappen om een link te leggen.

  • selecteer de gewenste tekst voor de link
  • nu verschijnt een icoon met een kettinkje in het menu
  • klik op dat icoon
  • typ de gevonden URL bij koppelings-URL, of knip en plak dit adres,
    houdt daarbij rekening dat er niet twee keer http:// in de link verschijnt
  • klik op Invoegen

Deze uitleg beschrijft een link die opent in hetzelfde browservenster.

Link naar een e-mail adres.
Een link naar een mailadres wordt in bijna dezefde stappen gemaakt, als hierboven beschreven is. Dit zijn de extra stappen:

  • haal http:// weg bij Koppelings-URL
  • typ daar eerst mailto:
  • typ daar het mailadres direct er achter, dus zonder spatie
  • klik op Invoegen

Ben je klaar? Nee, want je vergeet te bekijken wat je bezoekers zien.
Log uit en sluit even alles af. Ga daarna naar je zojuist aangepaste tekst en  bekijk of je link werkt.

Na enige oefening zul je deze handleiding snel niet meer nodig hebben!

Ik zie de wijziging niet op mijn website

30 december 2009

Soms komt het voor dat een webpagina is bijgewerkt, maar je ziet niets veranderen op je scherm. Het kan zijn dat dan niet de nieuwste versie van de webpagina in de browser is geladen.

De browser gebruikt dan oude gegevens om de pagina weer te geven. De browser zou de pagina eigenlijk opnieuw moeten renderen.
De taak van een webbrowser als Internet Explorer, Google Chrome of Mozilla Firefox is het weergeven van webpagina, zodat de gebruiker deze webpagina kan zien. In de browser is een rendering engine ingebouwd.

Een andere naam voor het bestand gebruiken
Wanneer het mogelijk is kan de webpagina of de afbeelding onder een andere -nog niet eerder gebruikte- naam worden gepubliceerd. Dan raakt de browser niet in verwarring. De link of code naar een afbeelding wordt dan ook aangepast.
Dit doet de webdesigner of degene die de webpagina bijwerkt.

Pagina vernieuwen
De oude pagina blijft in beeld. Klik in de webbrowser of gebruik de toets F5. De pagina wordt dan opnieuw geladen.
Probeer ook eens de toetscombinatie Ctrl+F5. Dit verwijdert alle bestanden van die webpagina van je computer. Dat schoont lekker op.

Browsegeschiedenis verwijderen
De grootte van de browsegeschiedenis kan enorm groeien. Afbeeldingen e.d. worden op je computer opgeslagen om de volgende keer de pagina sneller te laden.
Deze bestanden kun je opruimen. Je zult er weinig of geen hinder van ondervinden.

  • Ga in Windows Vista naar Configuratiescherm
  • Kies Netwerk en internet
  • Kies Internetopties
  • Tijdelijke internetbestanden kun je nu met een klik op de knop verwijderen.

Voor de browser Internet Explorer

  • klik op de menubalk van Internet Explorer op “Extra”
  • klik op “Internet-opties…”
  • klik op de tab “Algemeen”.
  • klik op de knop “Bestanden verwijderen” in het gedeelte “Tijdelijke internetbestanden”.
  • Zijn er geen wijzigingen te zien, dan kun je deze stappen nog een keer doen.

De computer opnieuw opstarten
Wanneer de nieuwe webpagina nog niet te zien is, kun je de computer helemaal afsluiten en weer opnieuw opstarten.