Dans mon cas la base fait 5 Mo et était saturée en permanence provocant une extinction du serveur tous les deux jours… Bien entendu, Gandi m’a conseillé de prendre une part de serveur supplémentaire (28 euros/mois), un prix exorbitant pour un petit blog même pas prétentieux. J’ai préféré étudier sérieusement les plug-ins WordPress d’optimisation et nettoyage de base de données mais cela ne suffisait pas…

Les bases de données WordPress sont souvent conséquentes, en effet lorsqu’une extension est installée dans WordPress, une nouvelle table est ajoutée dans la base de donnée. Si l’extension est supprimée, la table reste toujours en place (dite “orpheline”). Pour la supprimer il faut aller dans phpMyAdmin, sélectionner la table, et cliquer sur « supprimer » via la liste déroulante « Pour la sélection ». Mais pour vraiment “optimiser” la base de donnée WordPress, cela ne suffit pas, il faut également supprimer certains historiques (ou “révisions”). En cas d’erreur, la récupération d’une version précédente d’un billet sous WordPress est une chose intéressante, cependant cette fonctionnalité s’avère gourmande en espace disque sur la base de données car chaque révision prend grosso modo autant de place que le billet finalement publié.

Donc après avoir étudié les différentes façons de nettoyer une base de données, ce sont les hébergeurs que j’ai passé en revue… et j’ai découvert qu’il existe des hébergeurs très fiables qui proposent des offres abordables, multi-sites, sans limite de nombre de base de données et sans limite de taille. C’est donc ce que je conseillerais à tout bloggeur “WordPress”… Cependant, en ce qui concerne mon choix pour “quevoisje”, je préfère attendre quelques mois d’utilisation pour en parler.

Le minimaliste Indexhibit

La façon la plus simple de créer son site s’appelle Indexhibi, cet outil minimaliste créé en 2004 par deux graphistes et qui connait un succès planétaire, ressemble pour moi à un idéal : lorsque l’on enlève l’inutile, il ne reste que l’essentiel. Indexhibit offre aussi de bonnes possibilités de personnalisation… et heureusement car, victime de son succès, il devient dans sa version initiale, le cliché du portfolio en ligne… Mais comme les grands classiques il reste intéressant : regardez les derniers “participants” (utilisateurs) présentés sur le site demo… ça vaut le détour.
Gratuit, Designer : Daniel Eatock and Jeffery Vaska.

Un exemple de site Indexhibit un peu plus sophistiqué que la moyenne : dropular.net

L’incontournable WordPress

Le très populaire moteur de blog a su tirer le meilleur parti de l’open source grâce à une communauté internationale dynamique. WordPress peut s’habiller de milliers de thèmes différents (et toujours… personnalisables), équipés d’un arsenal de plug-ins et widgets extrêmement complets, ce système de blog qui sait aussi faire le CMS (gestion de contenu) est un excellent choix pour créer un site (ou un blog) “portfolio”.
Quel est l’intérêt de la démarche “blog” ? L’interactivité, le dynamisme de consultation, les possibilités de mise à jour hyper simples… Ces qualités sont aussi des avantages en terme de référencement ou de fidélité des lecteurs… Mais je n’entrerai pas ici dans les détails de ce choix… J’ai simplement recueilli ci-après quelques exemples de thèmes WordPress (que l’on peut dire “pré-fabriqués”) dont la diversité autant que la modularité servent très efficacement aux graphistes, photographes ou illustrateurs…

Les thèmes “photo” sont les plus polyvalents

En effet une photo pouvant être remplacée par tout type d’image (typo, illustration, graphisme…) il est facile d’imaginer l’adaptation d’un thème photo à une autre activité. Même, éventuellement, la peinture sur soie…

Aperture

Editeur : woothemes. Designer: Mark Forrester. Mis en ligne : 28 avril 2009. License simple : 70 $.
Aperture (live demo) est un thème polyvalent de photo-blogging qui peut aussi servir aux amateurs d’images ou aux bloggers producteurs d’image. Les derniers posts publiés apparaissent dans le slider (affichage successif avec mouvement latéral) de la home page. Une liste de 4 catégories imagées est présentées horizontalement (avec un effet d’affichage au survol de la souris). Le module de blog est très complet avec 3 colonnes et de nombreux emplacements dédiés aux widgets (4 modules en footer et 2 en sidebar), il reste cependant relativement simple dans sa consultation. On est ici proche d’une maquette “magazine”. Par exemple la home page peut afficher de façon très visuelle les derniers posts photo mais aussi les derniers posts du blog ainsi que les posts photos les plus populaires. La page “archives” est très fonctionnelle et le thème offre un choix de 12 couleurs pré-existantes. Les images sont redimensionnées automatiquement, les gravatars sont prévus pour les commentaires, comme sur la plupart des thèmes “premium”…

Complex

Editeur : frozr. Designer: Ajmal Eylia. License simple : 49 $.
Complex (live demo) est un beau thème “image”, intégrant les options récentes que l’on peut exiger d’un site actuel (Optimisé pour tous navigateurs, différents widgets (Twitter et Flickr), redimensionnement d’images et vidéos, suivi des commentaires, utilisation de Jquery…) Mise en ligne : juillet 2009, designer : Ajmal Eylia (Malaisie).

Folio-elements

Jason Schuller de Press75 crée de beaux thèmes et connaît d’ailleurs un véritable succès avec ses thèmes vidéo. Folio-elements (live demo) n’est pas conçu comme un blog, il s’agit vraiment d’un portfolio. Les images défilent latéralement soulignées par une légende, en cliquant sur l’image le contenu du post s’affiche en lightbox : texte, vidéo… Les autres pages du site s’affichent également en lightbox. Minimaliste et un peu limité en fonctionnalité mais très intéressant pour simplement présenter ses travaux. Editeur : Press75. Gratuit. Designer : Jason Schuller

Fullscreen

Fullscreen (live demo, sélectionner en haut : “choose a theme: fullscreen”) est un des thèmes de l’éditeur graphpaperpress. Ici tous les thèmes sont intéressants. Ils sont classé en plusieurs familles : mod (modularity, modslider, modfolio, modularity lite), High Def, F8 (remixed, static, lite), monochrome, fullscreen, etc… Chacun est plutôt dédié à l’image et peut convenir aux photo-blogs, portfolios ou autres… avec des designs assez élégants. Les variations entre chacun des thèmes sont parfois minimes, mais je trouve que fullscreen sort du lot : Superbe thème dédié à l’image (et gratuit). La home ne comporte quasiment pas de texte et est pourtant très fonctionnelle : catégories, pages, contact et recherche sont immédiatement accessibles alors que les posts s’affichent en mosaïque d’images. On peut imaginer de nombreuses applications à ce thème original. Le thème comporte un player vidéo, 1 colonne, footer 3 widgets et comme son nom l’indique il est (quasiment) “fullscreen”…

Grid-A-Licious (G-A-L)

Le développeur suédois Andreas Pihlström qui est un spécialiste d’Indexhibit a aussi développé un thème WordPress très intéressant le G-A-L, (exemple : reformrevolution) très original, probablement exigeant d’un point de vue installation (?) et pas super lisible c’est l’un des plus beaux thèmes de cette sélection. Gratuit en usage non professionnel, licence pro : 1000$

mixcss

Smashing Magazine se pré-occupe des artistes free-lance et développe pour eux mixcss (live demo). Un thème simple, efficace et original qu’il est possible de personnaliser à volonté. Gratuit, designer : Christopher Wallace.

photogallery

Bien que très classique, ce thème “photo-blog” offre de nombreuses possibilités de personnalisation (5 variantes sont incluses dans le pack). Photogallery (live demo 1) (live demo 2) (live demo 3) (live demo 4) (live demo 5) Editeur : shutterthemes (chez qui Les thèmes Digital Gallery et FlashFrame sont également intéressants). Photo Gallery 5-Pack – $79.95

Photo-graphic

Photo-graphic (live demo) est l’un des derniers thèmes de Press75 (voir ci-dessus “Folio-elements”). Il est assez complet et très flexible avec des possibilités de publication et personnalisation rapides.
Editeur : Press75. Prix : 75 $. Designer : Jason Schuller

Photopro

Photopro (live demo) est un thème de frozr.com, minimaliste (une image majeure plus une galerie de vignettes), les images peuvent être classées par catégories et on peut aussi les commenter. Particulièrement adapté aux photographes, le texte lié aux images permet de légender mais aussi de préciser des données photographiques : appareil, sensibilité, obturation…)
Pris : 29 $ Designer : Ajmal Eylia

Sharpfolio

Sharpfolio (live demo) est un thème très simple, gratuit et qui offre le minimum de fonctionnalité : affichage images ou vidéo, création de pages texte, flux RSS et commentaires.

The Unstandard

The Unstandard (live demo) est un thème “image” minimaliste, très blanc et tout en finesse qui utilise des images en home et archives à la place de texte. 2 ou 3 colonnes, footer 3 widgets. Editeur : 5thirtyone. Design : Derek Punsalan. Mise en ligne : 19 Mars 2008

Les thèmes vidéo

La vidéo prend de belles tailles sur le net avec le haut débit généralisé, les écrans plus grands et l’essor de site communautaires comme vimeo. A mon avis l’éditeur Press75 est très intéressant avec plusieurs thèmes vidéo comme Videoflick, Video element ou ondemand…

Les thèmes plus “graphiques”

Upstartblogger.com propose des thèmes assez sympa d’un point de vue typo comme underscore (live demo) et voluptua (live demo)

De la même façon, futurosity.com se distingue avec sandbox (live demo) et futurosity vero (live demo)

Bien sûr cette liste ne peut être exhaustive et de nouveaux thèmes apparaissent chaque jour… Si vous connaissez des thèmes “portfolio” sympa qui ne seraient pas mentionnés ici, merci de nous en faire part dans les commentaires.

Partfaliaz existe depuis deux ans pendant lesquels ont été publiés (très régulièrement) environ 400 portfolios d’illustrateurs, de photographes et de graphistes, ainsi qu’un annuaire international des agents d’illustrateurs et quelques interviews. Malgré une bonne fréquentation et un positionnement très correct, la plateforme de blog utilisée initiallement était vraiment devenue obsolète, aussi j’ai décidé de changer d’URL, d’hébergeur, de moteur de blog et de look !

L’intérêt de ce changement ?
- Des images plus grandes pour présenter les portfolios
- La possibilité de voter pour vos sujets favoris
- Un « mur » vous permet de poster vos messages (ou vos liens) sur la barre latérale
- Une meilleure consultation des archives
- Une navigation plus confortable
- Un affichage aléatoire de vidéos
- Et enfin… le blog devient multi-auteurs…

Alors à vos bookmarks et abonnements RSS pour découvrir encore plus de nouveautés !

Arthemia est un thème “widget-ready”. Par défaut, la navigation est divisée en trois sections : la barre de navigation supérieure, le sidebar de droite et le “footer”. Tout ce que contient le sidebar et le footer peut être facilement customisé par le panneau d’administration WP. Les liens de la barre de navigation supérieure peuvent être édités manuellement avec n’importe quel éditeur de texte, en modifiant le fichier header.php.

HEADLINES ET FEATURES
Pour utiliser Arthemia, il est nécessaire de créer deux catégories : “Headline” (correspondant à l’article majeur en haut à gauche) et “Features” (les petits articles en haut à droite). Les articles attribués à ces deux catégories seront affichés à leur place respective. Pour traduire en Français ces deux mots sur la home de votre site il faut éditer (avec photoshop par exemple) les deux fichiers “headline.png” et “features.png” (pareil pour “browse categories”) qui se trouvent dans le dossier “images” du thème Arthemia et les traduire par “edito” et “sommaire” par exemple.

CATEGORIES
Pour afficher correctement la barre de menu des catégories sur la home page, il faut entrer les bonnes ID de catégories dans la ligne suivante du fichier index.php :
?php $display_categories = array(5,6,7,8,11); $i = 1;
foreach ($display_categories as $category) { ?
Les chiffres 5, 6, 7, 8 et 11 sont les ID des catégories qui s’afficheront dans la barre des catégories.
NB : pour connaître l’ID d’une catégorie, dans le panneau d’administration > Gérer > Catégories, il suffit de passer la souris sur le nom de la catégorie pour voir son nom s’afficher, l’ID est le dernier chiffre de ce nom.
On peut diriger une catégories vers une page statique, pour en savoir plus : Codex WP

POSTS
Pour afficher correctement les posts sur la home page, il faut indiquer les ID excluent sur la ligne suivante du fichier index.php :
query_posts(“cat=-9,-15&paged=$page&posts_per_page=2″); ?>
Ici, 9 et 15 sont les ID des catégories Headline et Features. Elles n’apparaîtront pas dans la barre des catégories évitant ainsi un doublon d’affichage sur la home page. (Ce doublon, qui est parfois un triplé, est un gros défaut des thème “magazine” où l’on retrouve le même article à plusieurs endroits de la home page. Chose que Arthemia sait éviter brillamment.)
posts_per_page=2
signifie qu’il y aura deux posts par page. Les liens de navigations apparaissent après le dernier post listé. On peut le modifier avec le plug-in WP-Pagenavi de Lester-Chan.

CUSTOM FIELDS
Les vignettes (thumbnails) du thème sont configurées avec les champs personnalisés (custom fields) et les images peuvent être facilement importées avec la fonction “ajouter une image” de WP. On ajoutera un champ personnalisé “image” pour chaque post et on y entrera l’adresse de l’image.
Par exemple :
Champ personnalisé :
Image
Adresse :
wp-content/uploads/2008/04/pool.jpg

ATTENTION : l’adresse a entrer dans le champ personnalisé commence toujours par “wp-content/…”
Pour ce qui est de la taille des images, pas de soucis car Arthemia possède son propre outil de redimensionnement d’images. Mais l’idéal pour moi serait d’utiliser des images à la bonne taille… et optimisées pour le web, légères !

INSTALLER LE REDIMENSIONNEMENT D’IMAGES
1. Tout d’abord l’image doit être installée sur votre serveur. Vérifier que votre serveur est en PHP 4.3 avec une GD-library. PHP 5 serait mieux.
2. Mieux vaut commencer avec une copie vierge. Installer Arthemia et ne rien modifier afin de ne pas détruire le thème.
3. Il faut que les fichiers “scripts” et “cache” (dans wp-content/themes/arthemia/scripts/) soient accessibles en écriture. C’est-à-dire qu’au moyen d’un client FTP, vous modifiez les droits en 777.
4. On ajoute le champ personnalisé “Image”, attention le “i” majuscule est nécessaire.
5. On rempli le champ de l’image avec une adresse d’image commençant nécessairement par wp-content/…
6. Si cela ne fonctionne pas… il faut relire attentivement les 5 premières étapes.

EXTRAITS
Les extraits d’articles “Features” et “Headlines” sont gérables avec le panneau d’administration (Ecrire un article > Options avancées > Extrait). Le texte placé dans cet espace sert d’extrait, si aucun texte n’y est placé alors le thème prend automatiquement les 55 premiers mots de l’article. Il est possible de changer la quantité de ces 55 mots en utilisant un plug-in approprié.
Si on veut que les pages “catégories” ou “archives” affichent la totalité des articles plutôt que leurs extraits, il suffit de changer
?php the_excerpt(); ?
en

?php the_content(); ?

dans les loops des fichiers category.php et archive.php.

WIDGETS
Les widgets sont paramètrables dans le panneau d’administration Apparence > Widgets. On active la zone dans laquelle on veut placer ou retirer un widget (en haut à droite) et on fait “ajouter” simplement le widget adéquat parmi ceux de la liste de droite, puis “enregistrer les modifications”.

TYPO
Par défaut les lettres me paraissent trop serrées dans les titres, dans style.css, j’applique une valeur de -0.1em pour les “letter-spacing” (à la place de -0,8 ou -0,5)

BLOGROLL
Pour supprimer les liens du “blogroll” qui apparaissent par défaut dans la marge, supprimer le code suivant du fichier SIDEBAR.PHP :
Blogroll
“http://colorlabsproject.com”>Colorlabs Project
“http://michaelhutagalung.com”>Michael Jubel
“http://www.hannasyalala.com”>Hanna Siahaan
“http://majarimagazine.com”>Majari Magazine
“http://bloggerzine.majarikanayakan.com”>The Bloggerzine
“http://www.majarikanayakan.com”>Majari Kanayakan
A la place on utilisera le widget “list” paramétrable dans le panneau d’administration WP (apparence > widgets – à placer dans le sidebar souhaité) et dont la gestion en écriture se fait par le menu “links” de l’administration.

Petite précision : depuis le 11/11/2009 je n’utilise plus Arthemia… Les commentaires restent ouverts.