WHELP! geeft advies over ontwerp, bouw en zoekmachine optimalisatie van je website. Ben je hier voor de eerste keer? Start dan bij het 4-stappenplan voor een eigen website.

WordPress als CMS – de juiste instellingen (1)

WordPress instellingen
Ik had je al uitgelegd hoe eenvoudig een WordPress installatie is. Daarbij gaf ik aan dat je WordPress prima kunt gebruiken als CMS. Nu wat meer over de juiste instellingen van het pakket voor dit doel.

1) De juiste taal instellen
Ik neem aan dat je graag WordPress in het Nederlands wilt gebruiken. Download in dat geval de officiële Nederlandse vertaling (versie 2.5) of de officieuze Nederlandse vertaling (versie 2.6.1) en zet die in de map wp-content/languages. Als je deze niet hebt, moet je die even zelf maken. Wijzig nu het bestand wp-config. Voeg daar het volgende aan toe:

/**
 * WordPress Localized Language, defaults to English.
 *
 * Change this to localize WordPress.  A corresponding MO file for the chosen
 * language must be installed to wp-content/languages. For example, install
 * de.mo to wp-content/languages and set WPLANG to 'de' to enable German
 * language support.
 */

define ('WPLANG', 'nl_NL');

Hiermee geef je aan dat de standaardtaal Nederlands is. Het template dat je gebruikt is daarmee overigens nog niet vertaald; alleen de beheeromgeving.

wordpress-instellingen2) Algemene opties instellen
Ga in de beheeromgeving naar het onderdeel Instellingen. We beginnen met de algemene instellingen.
a) Aangezien we de omgeving in het Nederlands willen inrichten kiezen we bij Tijdzone UTC+1. Het internationale letterwoord UTC is een compromis tussen het Franse "TUC" (Temps Universel Coördonné) en het Engelse "CUT" (Coordinated Universal Time). (bron: Wikipedia)
b) Het datumformaat wordt j F Y. Dit resulteert in "18 januari 2009". Wil je een andere weergave, kijk dan op de WordPress codex. De codex is een uitgebreid naslagwerk van WordPress over WordPress.
c) De tijdzone zet ik op de 3de optie: uren en minuten volledig uitgeschreven volgens het 24 uurs systeem.
Op deze pagina is nog veel meer in te stellen, maar dat is net hoe je dit zelf het beste lijkt.
wordpress-instellingen-tijd

 

De snelheid van je site verbeteren met YSlow (1)

yslowToen ik de overstap maakte naar WordPress 2.7 bleek mijn website een stuk trager dan voorheen. Dit is niet alleen nadelig voor je bezoekers, maar ook voor je ranking! Met de installatie van WP-Supercache heb ik dit weten te verbeteren. Deze plugin zorgt ervoor dat de eerste keer dat een pagina wordt opgeroepen deze wordt omgezet naar een HTML pagina.
Toch valt er nog meer te doen.

Ik liep in mijn zoektocht naar verbeteringen tegen een plugin van Yahoo aan waar je veel aan kunt hebben: YSlow voor Firebug.

Wat doet YSlow?
YSlow controleert je website op 13 onderdelen. Dit levert een eindcijfer op. De sub-onderdelen scoren van A tot en met F (het Amerikaanse systeem). Een A is goed, een F slecht. Zoals je kunt zien scoort Whelp niet heel erg goed: 49 van de 100… Dit gaan we proberen te verbeteren. We beginnen met het eerste advies:

yslow-laadtijden

De ideale lengte van een artikel voor zoekmachines

seo-artikel-lengteWat is de ideale lengte van een artikel om gevonden te worden? Een eenvoudige vraag, maar lastig te beantwoorden. Zelf hanteer ik ongeveer 5 alinea's en zo'n 400-500 woorden (in WordPress wordt het aantal woorden automatisch geteld). Maar de ideale lengte zal per bezoeker verschillen. Toch zijn er wel een paar principes die je kunnen helpen.

CSS menu's – lijsten vullen met achtergrondafbeeldingen

We hebben gezien hoe de Volkskrant een eenvoudige lijst gebruikt voor een submenu. Dit gebeurt ook met het hoofdmenu, maar met het verschil dat daar wel afbeeldingen gebruikt worden per menu-item (bij het submenu was dit alleen de achtergrond voor de hele menubalk). Moest je voorheen nog met mouseOvers andere afbeeldingen inladen, met een paar CSS instructies kan je hetzelfde een stuk eenvoudiger bereiken. Hoe doet de Volkskrant dit?

volkskrant-menu-achtergrondafbeelding

1. De basislijst
Ook hier is de basis van het menu een lijst. Dit keer heeft elk lijstelement wel een unieke class: mainItem1 tot en met mainItem7 (ik zou in dit geval toch een ID gebruiken, maar goed). Deze staan in een UL (ongeordende lijst) en die staat weer binnen een speciale DIV (class=mainItems).
Net als in het submenu zorgt een stukje CSS (in menustijl.css) ervoor dat de lijst geen bullets heeft. Dat ze horizontaal staan wordt nu anders geregeld, namelijk door de opdracht float:left en door (bij elke hyperlink) precies op te geven waar elk onderdeel van het menu moet staan.

#header .bottom .mainItems li {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}
» lees de rest van dit artikel

Geplaatst op 28.02.09 | Tinyurl: http://tinyurl.com/att7at | Reageer!
Tags: | Categorie: css

Joomla Template upgrade (12) – het basistemplate aanpassen (6)

Dit artikel wordt gesponsord door Byte Internethosting en is al eerder gepubliceerd op byte.nl.
Ook een artikel sponsoren?

We zijn toe aan het laatste deel van deze serie. In het vorige deel hebben we alle componenten omgezet naar jdoc:includes en die gestijld met Cascading StyleSheets. Nog één element moet nog worden aangepast zodat het ook echt een Joomla 1.5 template wordt: de hoofdnavigatie (de 'notenbalk'). Dit gaan we doen met een specifieke module. Dit gaat in drie stappen.

1. Een custom module maken
Het is mogelijk in Joomla 1.5 om zelf een module te maken die je met een jdoc:include aanroept. Het ons om de code die de notenbalk op het scherm zet. Die sluiten we nu in met een gewone php include:

<!– 3. topnavigation (navigatie) –>
<div id="topnavigation">
  <!– navigation IR –>
  < ?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/templates/plankenkoor/includes/_navigation.php' ); ?>
  <!– //navigation IR –>
</div>
<!– end topnavigation –>

Om dit om te zetten naar een functie maken we een nieuwe map aan: html. In deze map maken we een nieuw bestand: modules.php. In dezelfde map zetten we een index.html bestand dat verder leeg is. Hiermee voorkom je een directory listing (vermoed ik). Ook hier gebruik ik het voorbeeld van rhuk_milkyway. Het raamwerk van deze pagina ziet er als volgt uit:

< ?php

// no direct access
defined('_JEXEC') or die('Restricted access');

/*
 * Module chrome for plankenkoor
 */

function modChrome_topnavigationDivision($module, &$params, &$attribs)
{ [de navigatie komt hier] }
 } ?>

a) Bovenaan staat wat code om directe toegang tot deze pagina te voorkomen.
b) Hierna komt de functie die al het werk doet. De naam van de functie, modChrome_topnavigationDivision(), heb ik zelf eraan gegeven. Deze moet beginnen met modChrome_. Aangezien ik de topnavigatie erin wil zetten heb ik hem modChrome_topnavigationDivision genoemd.
c) Met $module, &$params, &$attribs zorg je ervoor dat de waarden die je aan je jdoc:include meegeeft ook worden doorgegeven aan deze functie.
d) Binnen de functie willen we het pad van de afbeeldingen en de website weten. We voegen daarom een paar regels toe. Op deze manier kunnen we zowel het adres van de website (voor URLs noodzakelijk), als het pad naar het template (nodig voor de afbeeldingen) gebruiken.

< ?php

// no direct access
defined('_JEXEC') or die('Restricted access');

/*
 * Module chrome for plankenkoor
 */

function modChrome_topnavigationDivision($module, &$params, &$attribs)
{ global $mosConfig_live_site;
$templatePath = $mosConfig_live_site. '/templates/' .$GLOBALS['cur_template'];
[de navigatie komt hier] }
 } ?>

Domeinnaam vrij?

  • Test via Byte op .nl, .eu, .be, .com, .net, .org, .biz, .info, .de, .co.uk, .tv, .nu, .cn en .name
RSS