Le plugin Contact Form 7 est un excellent plugin pour créer des formulaires de contact sous Wordpress. Mais il y a quelques jours, j'ai eu un putain de problème qui m'a pris des heures à résoudre. Il était impossible d'envoyer le moindre message, car il affichait systématiquement l'erreur suivante :
Erreur lors de l'envoi du message. Veuillez réessayer plus tard ou contacter l'administrateur d'une autre manière."
Première solution - Enlever le Captcha
En premier lieu, j'ai pensé que c'était une erreur lié au Captcha. J'ai donc modifié le formulaire pour enlever le Captcha. On pouvait donc publier sans vérification. Mais peine perdu, le message s'affichait toujours. Mais j'ai lu sur les forums que cela pouvait régler le problème. Donc, essayez-le avant les autres solutions.
Seconde Solution : Tester en désactivant tous les plugins
Une cause possible du message : Erreur lors de l'envoi du message. Veuillez réessayer plus tard ou contacter l'administrateur d'une autre manière est qu'il y a une incompatibilité avec les autres plugins. Et nous avons tendance à installer beaucoup de plugins Wordpress sans penser que cela va créer un bordel sous le capot.
Donc, la seconde solution est de désactiver tous les plugins sauf celui de Contact Form 7. Désactivez-les et tester de nouveau le formulaire. Notez que la désactivation d'un plugin Wordpress ne supprime pas forcément les réglages que vous avez fait. Cela signifie, par exemple, que si vous aviez installé le plugin All In One SEO et que vous le désactivez, vous n'aurez pas à répéter tous les réglages. Sachez quand même que vous devrez le faire pour certains plugins.
Dans mon cas, ce putain de message s'affichait toujours.
Troisième solution : Utiliser un autre plugin de formulaire
Ensuite, j'ai pensé que cela provenait de Contact Form 7 et donc, j'ai décidé de le désactiver et de tester avec un autre plugin de formulaire. Vous pouvez utiliser n'importe quel plugin du moment que cela permet de créer rapidement un formulaire Wordpress.
Vous vous en doutez, ça n'a pas marché. Et donc, j'ai fait comme toutes les solutions sur un problème Wordpress... J'ai fait au pif !
Quatrième solution : Utiliser le plugin WP SMTP
Si vous regardez dans les options de votre formulaire de Contact Form 7, vous verrez que le message :
Erreur lors de l'envoi du message. Veuillez réessayer plus tard ou contacter l'administrateur d'une autre manière."
Indique que Contact Form 7 considère l'envoi du formulaire comme du spam. Donc même si on utilise un autre plugin Wordpress de formulaire, c'est l'envoi via le serveur qui pose un problème. On dirait que le serveur n'autorise pas les messages sortants ou un truc du genre.
J'ai un peu cherché dans les plugins et j'ai trouvé le plugin Wordpress WP SMTP. Ce plugin utilise le protocole SMTP plutôt que la fonction mail() de PHP. En gros, on court-circuite le serveur pour passer au dessus. Dans les réglages de ce plugin, vous devez mettre votre adresse mail et les réglages SMTP correspondant.
Ce plugin permet d'utiliser le SMTP d'un Webmail tel que Yahoo, Google ou Windows. Et les informations de SMTP de ces Webmails sont disponibles sur le web. Vous cherchez juste le SMTP correspondant à votre compte. Par exemple pour Yahoo, c'est smtp.mail.yahoo.com.
Si vous avez acheté un nom de domaine, votre hébergeur web vous a surement donné une adresse mail et un compte associé tel que monsite.com et vous pouvez utiliser contact@monsite.com, admin@monsite.com, etc. Vous devez demander à votre hébergeur web de vous fournir les informations SMTP de votre nom de domaine s'ils existent et vous les fournissez dans le plugin WP SMTP.
Vous aurez besoin :
L'adresse du serveur SMTP
Le nom d'utilisateur pour accéder à votre boite mail
Le mot de passe de ce compte
Le numéro de port (généralement, c'est 25).
Attention, le nom d'utilisateur et mot de passe correspondent à votre compte mail et non à l'administration de Wordpress. Et la même adresse mail doit être utilisée dans les paramètres de votre formulaire de Contact Form 7.
Pour moi, cela a marché nickel. J'ai pu envoyer mes formulaires sans aucun problème. Et j'espère que cela marchera pour vous.
Dans cette vidéo, j’explique comment publier son premier article dans Wordpress. On va voir les différentes options de l’éditeur d’articles de Wordpress, les types de format d’articles ainsi que l’assignation de l’article à une catégorie. J’explique aussi l’avantage des éditeurs externes tels que Windows Live Writer et Blogdeskpour mieux bloguer avec Wordpress.
Editeur article de Wordpress, Windows Live Writer, Blogdesk
Je commence une nouvelle série de tutoriels sur Youtube appelée Wordpress pour tous. J’y aborderais différents aspects de Wordpress pour mieux utiliser ce CMS. Au lieu de faire des longs tutoriels, je ferais juste des petites vidéos pour expliquer les options de base. Dans cette première vidéo, j’explique les permaliens de Wordpress et comment les configurer pour améliorer son SEO.
L’un des meilleurs plugins pour améliorer le référencement de Wordpress est sans doute All in One SEO Pack. Il peut améliorer automatiquement de nombreux éléments de votre blog Wordpress. Je vous propose une vidéo où vous apprendrez les réglages de base pour configurer le plugin Wordpress All in One SEO Pack. Ainsi, vous pourrez l’installer et l’activer. Vous saurez aussi comment mettre un nom, une description et des mots-clés associés à votre blog.
Vous apprendrez aussi les éléments qu’on doit désindexer pour éviter le contenu dupliqué sans oublier les options disponibles de plugin quand vous créez un nouveau article dans Wordpress. En bref, c’est un tour complet de ce plugin et même les débutants pourront désormais configurer All in One SEO Pack sans se poser des questions sur l’impact de désactiver ou non une de ces options.
Vidéo pour configurer le plugin Wordpress All in One SEO Pack
Video pour configurer le plugin Wordpress All in One SEO Pack
Wordpress est le CMS le plus utilisé pour créer son blog. Même si l’installation de Wordpress ne prend que quelques minutes, la configuration de Wordpress nécessite quelques étapes bien précises. L’objectif pour configurer son blog Wordpress est d’être optimisé au niveau du référencement du blog à l’aide de plugins adéquats, d’avoir un bon design, et d’utiliser une bonne gestion de commentaires.
C’est que je vous propose dans mon tutoriel vidéo pour configurer Wordpress. Il montre les bases pour configurer un blog Wordpress. Ainsi, vous apprendrez à :
Configurer les Permaliens
A modifier le nombre de messages sur la page d’accueil
A utiliser les meilleurs plugins de Wordpress
A modifier votre profil d’auteur du blog
A installer et utiliser l’un des meilleurs thèmes Wordpress gratuits.
Tutoriel Vidéo pour configurer Wordpress
Tutoriel vidéo pour configurer Wordpress
Si vous avez des questions ou des suggestions, n’hésitez pas dans les commentaires.
Joomla est un très bon CMS, mais il arrive qu’on ait besoin de convertir un site Joomla vers un blog Wordpress. Cela peut être parce que votre client vous l’a demandé ou encore, parce que vous voulez bénéficier des extensions et des thèmes disponibles pour Wordpress. Avant toute chose, sachez qu’il y a toujours des risques lorsqu’on effectue une migration de Joomla vers Wordpress. L’une des principales est que vous allez perdre quelques trucs en retour, mais d’après mes tests, vous allez quand même convertir 95 % de votre Joomla sous Wordpress et vous devrez faire le reste à la main.
Voici ce dont vous avez besoin pour migrer de Joomla vers Wordpress :
Une nouvelle installation de Wordpress
Vous devez pouvoir accéder à la base de donnée de votre Joomla
Un plugin Wordpress pour importer depuis Joomla
Et c’est tout… Non, il faut aussi que vous croisiez tous les doigts que vous avez (même ceux des pieds)
Il y a déjà quelques articles qui parlent de comment migrer de Joomla vers Wordpress, mais ils font une erreur fondamentale qui est d’essayer de faire la conversion directement sur leur serveur web distant. Et une règle d’or dans l’intégration web est de toujours effectuer la migration, la sauvegarde et l’exportation des données en local. Cela permet de gérer facilement les erreurs et on aura toujours un site fonctionnel en cas de problèmes. De ce fait, je vous conseille de sauvegarder d’abord votre base de donnée Joomla en local et de créer un nouveau site Joomla en local avec cette installation. Oui, le plugin d’importation Joomla vers Wordpress nécessite un site Joomla fonctionnel. Donc, installez le site Joomla, ensuite faites une nouvelle installation Wordpress et on sera prêt.
Ensuite, téléchargez le plugin FG Joomla to WordPress qui peut importer les articles, les catégories et les images de votre Joomla dans Wordpress. Installez ce plugin dans votre nouveau Wordpress.
Ensuite, allez dans Outils, Importation et cliquez sur Joomla (FG) :
L’écran du plugin pour migrer de Joomla vers Wordpress vous permet de supprimer le contenu existant de Wordpress (Une nouvelle installation Wordpress créera une catégorie et un article par défaut, et donc, il vaut mieux les supprimer).
Ensuite en dessous, vous devez spécifier l’URL de votre site Joomla et sa version.
Etant donné que mon Joomla est installé en local dans un répertoire nommé joomla, mon URL aura la forme http://localhost/joomla. Le plugin pour migrer Joomla vers Wordpress supporte toutes les versions de Joomla allant de 1.5 jusqu’à 2.5 et vous pouvez la sélectionner dans le menu déroulant. En dessous, vous avez la partie la plus importante pour convertir votre Joomla en Wordpress, à savoir la configuration pour accéder à votre base de donnée Joomla :
Parmi les paramètres, nous avons l’hôte de la base de donnée qui est localhost dans notre cas, le port est laissé par défaut. Le nom de la base de donnée (joomla dans mon cas) et le préfixe des tables. Faites attention à ce préfixe, notamment si vous avez mis à jour votre Joomla dans le passé, car ce préfixe a changé au fil des versions. Ainsi, il est de j17_ pour Joomla 1.7, jos_ pour Joomla 1.5 et c’est un nom aléatoire pour Joomla 2.5. Pour être sûr, allez dans le répertoire racine de votre site Joomla et ouvrez le fichier configuration.php et cherchez le mot $dbprefix :
Dans ce fichier configuration.php, vous trouverez aussi toutes les informations de votre base de donnée telles que son nom, son hôte, l’utilisateur et son mot de passe, etc. Le plugin vous demandera toutes ces informations. La partie Behavior du plugin vous permet de configurer l’importation.
Ainsi, vous pouvez configurer les articles qui ont un extrait (avec le tag readmore), ne pas importer les médias, importer les méta keyword comme des tags. Ces derniers désignent les informations avec la balise Meta que vous avez pu mettre dans vos articles. Vous pouvez aussi importer tous les articles Joomla comme des pages Wordpress, mais je conseille de laisser toutes ces options par défaut. Vous pourrez jouer avec pour une prochaine migration si celle-ci se passe bien. Une fois que vous avez tout vérifié, cliquez sur le bouton Import content from Joomla to Wordpress et patientiez jusqu’à la fin et cela peut prendre du temps dépendant de la taille de votre site Joomla. A la fin de l’importation, le plugin pour migrer de Joomla vers Wordpress affichera un récapitulatif de ce qu’il a pu importer.
Dans mon cas, j’ai eu plusieurs dizaines d’erreur pendant l’importation.
Ces erreurs sont liées à mes pièces jointes (fichiers ZIP et RAR) que le plugin n’a pas pu les exporter. La cause est que j’avais crée des liens absolus pour ces pièces jointes au lieu d’utiliser l’outil Média de Joomla. Si vous êtes dans ce cas, alors il faudra republier ces pièces jointes avec les liens correspondants. Mais le reste (les articles et les images) ont été importés sans aucun problème. Ci-dessous, mon site Joomla sur un tout nouveau Wordpress :
Et les différentes catégories que j’avais sous Joomla.
L’un des problèmes que vous allez rencontrer quand vous migrez de Joomla vers Wordpress est que lorsque vous cliquerez sur une catégorie, tous les articles de cette dernière vont s’afficher en mode complet, mais c’est à vous d’organiser la structure avec des sous-catégories et des pages individuelles. Vous devrez également changer leurs liens si c’est nécessaire. Par ailleurs, n’oubliez pas de faire une redirection 301 si votre blog Wordpress avec votre ancien Joomla est sur un nouveau nom de domaine. Si vous utilisez le même serveur et le même nom de domaine. Je vous conseille d’exporter la base de donnée de Wordpress, d’installer un nouveau Wordpress sur votre serveur en supprimant tous les anciens fichiers de Joomla et consort et d’importer votre base de données dans votre Wordpress distant pour avoir une installation clean. A cause de cette gestion nécessaire après la migration de Joomla vers Wordpress, je vous recommande de toujours faire le processus en local.
Il existe de nombreux moyens de personnaliser un thème Wordpress. Vous pouvez utiliser un éditeur de texte tel que Notepad2 pour modifier les fichiers PHP et CSS ou vous pouvez modifier un thème Wordpress avec Dreamweaver pour bénéficier de la puissance de ce logiciel qui peut communiquer facilement avec des environnements dynamiques tels que Wordpress, Joomla ou même Drupal. Pour pouvoir modifier un thème Wordpress avec Dreamweaver, vous devez posséder Dreamweaver CS 5, car cette version possède une option spéciale permettant de configurer Wordpress avec Dreamweaver. Je donne aussi une astuce à la fin de l’article pour modifier un thème Wordpress avec Dreamweaver CS 3 et Dreamweaver 8.0.x
Configurer Wordpress avec Dreamweaver
En premier lieu, vous devez installer un serveur local sur votre ordinateur. Je vous conseille d'utiliser Xampp ou Xampplite selon votre convenance. Ensuite, vous devez installer Wordpress. Une fois que vous avez fini ces deux étapes, vous devez télécharger le fichier MyThemepour modifier un thème Wordpress avec Dreamweaver. Ce thème Wordpress sera utilisé comme un test, mais évidemment, vous pouvez utiliser n'importe quel thème Wordpress.
Ensuite, lancez Dreamweaver CS 5 et choisissez Site/Nouveau Site. Donnez un nom à votre site et dans le champs Local Site Folder, entrez le chemin d'accès de votre répertoire Wordpress. Si votre installation Wordpress en local se trouve dans c:\xampplite\htdocs\wordpress alors c'est ce chemin que vous entrez à l'aide de l'icône Parcourir.
La prochaine étape est de configurer un serveur d'évaluation pour modifier notre thème Wordpress avec Dreamweaver. Dans la partie Serveur d'évaluation, faites en sorte que l'option Local Site Folder pointe vers votre répertoire Wordpress local et que le champs Server Folder pointe vers le répertoire public de votre serveur web, à savoir, htdocs, WWW ou autre selon le serveur web que vous utilisez. Et c'est tout, votre blog Wordpress est maintenant configuré avec Wordpress. Pour tester si votre Wordpress est bien connecté à Dreamweaver, ouvrez le fichier index.php dans le répertoire de Wordpress dans Dreamweaver et prévisualisez-le avec la touche F12. Le navigateur configuré par défaut se lancera et affichera ce fichier. Si votre blog s'affiche correctement alors votre Wordpress est correctement avec Dreamweaver.
Utiliser la syntaxe spécifique de Wordpress avec Dreamweaver
J'ai mentionné qu'il était plus facile de modifier un thème Wordpress avec Dreamweaver CS 5 pour la bonne raison qu'il intègre une surbrillance spéciale de syntaxe pour Wordpress. Et il en possède aussi pour Joomla ou Drupal si vous travaillez avec ces deux CMS. Pour configurer cette syntaxe, sélectionnez votre site dans le panneau Site et choisissez Site > Site-Specific Code Hints (le nom peut être différent selon la langue de votre Dreamweaver). Dans la boite de dialogue Site-Specific Code Hints, choisissez Wordpress à partir des options de la Structure. Ensuite, naviguez jusqu'au répertoire de Wordpress en local et sélectionnez-le. Validez par OK.
Si une boite de dialogue s'affiche vous demandant si vous voulez modifier les paramètres prédéfinis, cliquez sur Annuler et sauvegardez vos changements. Maintenant, naviguez dans votre site Wordpress à partir du panneau Site et vous verrez un fichier appelé dw_php_codehinting.config et ne le supprimez pas tant que vous voulez modifier un thème Wordpress avec Dreamweaver.
Tester le Code Hinting de Wordpress dans Dreamweaver
Une fois que vous avez configuré le Code Hinting, vous pouvez tester rapidement pour voir s'il fonctionne. Naviguez dans le répertoire du thème Wordpress appelé MyTheme que nous avions téléchargé et installé dans Wordpress et ouvrez le fichier index.php situé dans son répertoire. Passez en mode de vue Code pour voir le code PHP de ce fichier. Placez le curseur à la ligne 2 après la ligne <?php get_header(); ?>, tapez <?php ec et appuyez sur la combinaison de touches Ctrl + Barre d'espace pour lancer l'option du Code Hinting PHP. Le principal objectif du Code Hinting est d'insérer rapidement des fonctions PHP propres à Wordpress sans faire d’erreur. Ainsi, si vous commencez à taper du code PHP, une liste apparaitra vous permettant de choisir rapidement la fonction que vous voulez. Effacez la ligne <?php ec et tapez la ligne <?php wp et lancez de nouveau le Code Hinting avec la combinaison Ctrl + Barre d'espace. Ajoutez _lis ce qui donne <?php wp_lis et notez comment la liste offre de nouvelles fonctions correspondant à cette ligne.
Cliquez sur wp_list_pages($args) dans la liste qui s'affiche. Vous voyez le post-template.php à droite dans la liste ? Cela vous indique la page dans laquelle Dreamweaver a trouvé la fonction wp_list_pages($args). Appuyez sur Echap pour quitter le Code Hinting.
Fermez le fichier sans sauvegarder vos changements.
Prévisualiser Wordpress avec Dreamweaver
Pour modifier un thème Wordpress avec Dreamweaver, il faut pouvoir prévisualiser ses changements. Dreamweaver CS 5 permet de le faire rapidement avec l'option Live View. Ce dernier est différent du traditionnel Design View de Dreamweaver, car il fournit un rendu plus réaliste de l'aspect de vos pages dans le navigateur. Notez que vous ne pouvez pas modifier vos pages en mode Live View. En bref, le Live View vous donne un aperçu rapide de votre page sans quitter l'interface de Dreamweaver.
Ouvrez le fichier index.php dans le répertoire de Wordpress (dans le dossier racine du blog). Cliquez sur le bouton Design pour basculer dans ce mode, ensuite cliquez sur le bouton Live View dans la barre d'outils Documents. Après quelques secondes, Dreamweaver va prévisualiser votre page Wordpress en utilisant votre serveur web local.
Cliquez sur le bouton Live Code View pour voir le code qui est généré et envoyé au navigateur. Evidemment, vous ne verrez pas de code PHP puisque celui-ci est interprété par le navigateur. Mais le Live Code View est dynamique et se mettra à jour à mesure que vous interagissez avec la page en Live View. Cliquez de nouveau sur le bouton Live View pour quitter la prévisualisation et retourner au code PHP de votre page. Une chose importante est que votre serveur web local doit être toujours lancé pendant tout le temps que vous modifiez un thème Wordpress avec Dreamweaver.
A partir de maintenant, vous pouvez insérer rapidement des fonctions dans votre template Wordpress et prévisualiser vos changements. Si j'en ai le temps, je publierais un autre article sur comment ajouter un logo, un menu et personnaliser l'entête avec Wordpress dans Dreamweaver.
Modifier un thème Wordpress avec Dreamweaver CS3 et Dreamweaver 8.0
Vous vous dites : Tout ça est bien beau, mais Dreamweaver CS 5 coute la peau des fesses et je ne me vois pas l’acheter juste pour modifier un thème Wordpress avec Dreamweaver.
Est-ce qu’il y a un moyen de faire la même avec les versions antérieures de Dreamweaver ?
Et la réponse est oui. Il existe une extensions appelée Theme Dreamweaver WP que vous pouvez utiliser avec Dreamweaver CS3 ou une précédente version. Vous téléchargez cette extension, vous double-cliquez dessus, le gestionnaire d’extensions de Dreamweaver va installer cette extension.
Ensuite, vous configurez Wordpress pour Dreamweaver comme nous l’avons fait au début de cet article. Vous naviguez ensuite sur le thème Wordpress que vous voulez modifier avec Dreamweaver et vous activez cette extension. Il y aura une icône bleue qui sera active dans la barre d’outils dès que vous ouvrez un fichier PHP de votre template Wordpress. Notez que l’icône sera uniquement active pour les fichiers de template Wordpress et non pour les autres fichiers PHP. Cependant, j’ai trouvé que cette extension n’est pas très performante et qu’il vaut mieux choisir Dreamweaver CS5 si on en a les moyens. En effet, cette extension ne permet d’insérer facilement les fonctions PHP de Wordpress alors que c’est la principale motivation pour modifier un thème Wordpress avec Dreamweaver.
Il existe milles et une façon de migrer de Blogger vers Wordpress, mais la migration de Wordpress vers Blogger n’est décrite dans aucun tutoriel et pour cause, il n’existe pas de guide officiel. Cependant, Google propose un module en Python appelé Google Blog Converter qui permet de migrer de Wordpress vers Blogger. Il propose une version en ligne à l’adresse : http://wordpress2blogger.appspot.com/, mais le seul problème est qu’on peut uniquement convertir un fichier Wordpress qui pèse moins de 1 Mo.
Pour contourner cette limitation, il faut installer Google Blog Converter en local et le lancer directement à partir de la ligne de commande ou du navigateur. On a besoin d’un environnement fonctionnel pour réaliser cette prouesse et je ne garantis pas que cela va marcher pour vous (moi, j’ai galéré plus d’une semaine). Le gros problème avec Google Blog Converter est que Google le propose sans aucun mode d’emploi et donc, on doit procéder par tâtonnement. Pour que Google Blog Converter puisse se lancer, on a besoin des éléments suivants :
Python
Gdata (La Google Data Library)
Le module elementtree-1.2.6-20050316.win32.exe
Google Blog Converter
Installer Python pour migrer de Wordpress vers Blogger
Je présume que vous allez installer Python sur Windows, aussi allez sur http://python.org et téléchargez le package pour Windows. Il s’agit d’un exécutable qu’on va lancer sous Windows et l’installeur se chargera du reste. Pour vérifier si Python s’est installé correctement, lancez une fenêtre MS DOS, déplacez-vous dans le répertoire où vous avez installé Python (généralement, c’est dans C:/ (C:/python27) et tapez python –V. S’il est bien installé, la sortie doit afficher le numéro de version de Python.
Maintenant, on doit configurer les environnements de variables de Windows pour qu’on puisse lancer Python de n’importe quel répertoire. Faites un clic droit sur le Poste de Travail et sélectionnez Propriétés, ensuite dans Avancés, cliquez sur Variables d’Environnement:
Dans Variables d’utilisateurs, cliquez sur Modifier et ajoutez c:/python27 à la fin avec un point-virgule. Evidemment, votre chemin d’accès peut être différent. Cliquez sur OK. Lancez une fenêtre MS DOS et tapez simplement python, l’interpréteur doit s’afficher indiquant que vous avez correctement configuré la variable d’environnement. Si cela ne fonctionne, faites la même chose dans Variables Systèmes (la partie inférieure).
Ensuite, on doit installer le module ElementTree pour Python qui nous permettra de lancer Gdata. Téléchargez le package adéquat, pour ma part, c’est : http://effbot.org/media/downloads/elementtree-1.2.6-20050316.win32.exe. Mettez ce dernier dans le répertoire de Python et lancez-le. Ensuite, lancez une fenêtre MS DOS, tapez python pour lancer l’interpréteur et tapez la ligne suivante :
from xml.etree import ElementTree
ou
from elementtree import ElementTree
En cas d’erreur, recommencez le processus sinon vous verrez des messages indiquant que l’importation a réussie. Je pense que c’est facile sous Windows puisqu’il suffit de lancer l’exécutable de l’ElementTree.
Installer Google Data Library pour migrer de Wordpress vers Blogger
Commencez par télécharger la Google Data Library et mettez le dans le répertoire dans Python. Dans le répertoire de Gdata, vous verrez un script Python appelé setup.py. Donc dans une fenêtre MS-DOS, déplacez-vous dans ce répertoire et tapez la commande :
python setup.py install
Maintenant, le module Gdata est installé. Toujours dans le répertoire de Gdata, vous verrez un répertoire nommé tests. Accédez à ce répertoire et tapez :
python run_data_tests.py
Normalement, la sortie doit ressembler à :
Running all tests in module gdata_test ..................... ---------------------------------------------------------------------- Ran 21 tests in 0.188s
OK
Running all tests in module atom_test ............................................... ---------------------------------------------------------------------- Ran 47 tests in 0.125s
OK
Running all tests in module atom_tests.url_test .... ---------------------------------------------------------------------- Ran 4 tests in 0.000s
OK
Running all tests in module atom_tests.http_interface_test . ---------------------------------------------------------------------- Ran 1 test in 0.000s
OK
Notez que vous devez être connecté à internet pour que tous les tests soient OK. Mais cette sortie prouve que Gdata est installé.
Installer Google Blog Converter
Commencez par télécharger Google Blog Converteret déplacez-le dans le répertoire de python. Maintenant, une étape délicate… Dans le répertoire de Gdata, vous avez un répertoire nommé src qui contient deux autres répertoires (atom et gdata). Déplacez ces deux répertoires dans le répertoire googleblogconverter/src/wordpress2blogger. Notez que mon répertoire s’appelle googleblogconverter, mais le votre peut être différent. C’est très important que ces deux répertoires Atom et Gdata soient dans le bon emplacement sinon cela ne marchera pas (J’ai mis trois jours à le comprendre puisque ce n’est mentionné nulle part dans la doc de Google !).
Une fois que vous avez déplacé les deux répertoires, déplacez-vous dans le répertoire googleblogconverter/bin et tapez :
run-appengine.bat wordpress2blogger
La sortie suivante doit s’afficher (ne vous occupez pas des messages d’erreurs qui le précèdent)
INFO 2012-01-25 13:00:42,265 dev_appserver_main.py:431] Running application wordpress2blogger on port 8080: http://localhost:8080
Ensuite, lancez votre navigateur et tapez l’adresse http://localhost:8080, la page suivante doit s’afficher :
Dans le champs de sélection de fichier, choisissez le fichier de base de donnée Wordpress et cliquez sur Convert. L’application Google Blog Convert va convertir le fichier et générera un fichier nommé blogger.export.xml que vous pourrez utiliser pour importer vos articles Wordpress dans Blogger. Et c’est touuut !! Simple non ? Non, je sais, c’est à s’arracher les cheveux.
Pour que vous puissiez migrer facilement de Wordpress vers Blogger avec cette méthode, vous devez contrôler la présence des deux répertoires Atom et Gdata dans le bon emplacement et vérifier que Gdata est fonctionnel. Le principal avantage de cette méthode est que vous pouvez migrer n’importe quel fichier Wordpress vers Blogger même s’il pèse 20 Mo !
Bonne Chance !
PS : Si vous galérez vraiment avec Google App Convert, envoyez-moi vos fichiers Wordpress et je les convertirais pour vous.
Il arrive qu’on ait besoin de migrer son blog Wordpress vers un autre hébergeur web. Cela peut être à cause du prix ou simplement parce que vous voulez un hébergeur web plus performant. La méthode officielle pour migrer un blog Wordpress est de télécharger le fichier d’exporter, d’installer un nouveau Wordpress et les extensions. Cela fonctionne évidemment, mais je pense que c’est inutile de passer par toutes ces étapes et cela peut devenir contraignant si on possède des dizaines d’extensions. Voici une méthode simple pour migrer facilement son blog Wordpress :
Connectez-vous à votre ancien hébergeur et téléchargez le répertoire wp-content avec un client FTP tel que FileZilla.
Connectez-vous au Tableau de Bord de Wordpress et téléchargez le fichier d’exportation (n’oubliez de cocher l’option pour exporter tous les documents (images, vidéos, etc.))
Récemment, j’ai eu l’occasion de migrer un blog Wordpress vers Blogger, et à première vue, il n’y a pas de méthode officielle ! Premièrement, Blogger ne supporte que les formats d’exportation d’anciens blogs Blogger et Wordpress crée ces fichier d’exportation au format WXR et donc, cela parait incompatible à première vue. Heureusement, Google a crée une application en Python appelée Google Blog Converter qui permet de convertir un fichier Wordpress WXR en Blogger. L’application est disponible sur http://wordpress2blogger.appspot.com/.
Ensuite, vous devez exporter votre base de donnée de Wordpress et le fournir à l’application ci-dessus qui va créer un fichier compatible avec Blogger. Le gros hic de cette application en ligne est qu’elle supporte uniquement les fichiers qui ne dépassent pas 1 Mo, mais cela peut convenir aux petits blogs. De même, l’application est disponible en plusieurs variantes, ainsi on peut convertir un format Blogger en Wordpress ou LiveJournal en Blogger.
Il y a une autre méthode pour migrer de Wordpress vers Blogger, mais c’est très complexe à mettre en place, car il faut installer Google Blog Converter en local ce qui implique qu’on doit posséder un environnement Python fonctionnel. Cela permet de lancer l’application Google Blog Converter en local pour de dépasser la limite de 1 Mo. Après des jours de galère et une migraine carabinée, j’ai pu réussir à installer l’application et l’exportation et la conversion a fonctionnée sans aucun problème. J’avais un fichier de Wordpress qui pesait 8 Mo et cela a fonctionné. Je ferais un autre article sur cette méthode détaillée, mais pour le moment, je vous conseille de tester la solution de l’application en ligne, car c’est la plus facile.
Installer Wordpress peut sembler difficile pour certains même si les étapes sont d’une simplicité infantile. C’est pourquoi, ce guide pour débutant vous permettra d’installer Wordpress, car toutes les étapes sont illustrées avec des captures d’écran. Si vous êtes vraiment un débutant sous Wordpress, je vous conseille d’installer Wordpress en local afin de mieux connaitre la procédure et ainsi, vous ne perdrez pas de temps quand vous allez l’installer sur un hébergeur distant. Les étapes sont identiques que l’on installe Wordpress en local ou sur un hébergeur distant. Une autre chose cool quand on installe Wordpress est que les étapes ne changent pas au fil des versions. Ainsi, que vous installiez Wordpress 3.0, 3.2 ou 3.3 ou même 3.5 (qui n’est pas encore dispo), la procédure est exactement identique.
Pour installer Wordpress en local, vous devez posséder un serveur local qui comprend un serveur Apache, une base de donnée MySQL et un interpréteur PHP. Par exemple, le package Xampp vous permet d’avoir tous ces composants en un seul paquet, mais Xampp est lourd et difficile à configurer, aussi je vous conseille d’installer Xampplitequi est une version allégée. Une fois que vous avez installé Xampplite (c’est très facile, il suffit de suivre les étapes dans l’article), vous devez télécharger Wordpresset choisissez toujours la version Stable pour éviter des problèmes inutiles. Quand vous l’avez téléchargé, décompressez l’archive avec Winzip ou un autre logiciel de décompression sur votre ordinateur.
Si vous avez bien installé Xampplite, il devrait se trouver dans C:/ et sa structure de répertoire sera la suivante :
Le répertoire htdocs est celui qui contiendra Wordpress. Dans un hébergeur distant, ce répertoire s’appelle parfois public_html. Entrez dans ce répertoire htdocs :
Dans mon cas, j’ai de nombreux répertoires et chacun correspond à une installation d’un CMS. Pour le votre, le répertoire htdocs ne doit pas posséder beaucoup de sous-répertoire et il en faut créer un pour installer Wordpress. Vous pouvez lui donner n’importe quel nom (wordpress est un bon choix). A l’intérieur de ce répertoire, vous allez déplacer tous les fichiers de Wordpress que vous avez décompressé tel que dans l’exemple ci-dessous :
Si vous avez bien installé Xampplite, son icône doit apparaitre dans la barre des tâches. Sinon, allez dans le répertoire où vous l’avez installé et cliquez sur le fichier exécutable qui s’appelle xampp-control. Par exemple, si vous avez mis Xampplite dans le répertoire racine C: alors xampp-control doit se trouver dans C:\xampplite\xampp-control.exe.
Lancez-le pour avoir la fenêtre suivante :
Cliquez sur les deux boutons Start à coté d’Apache et Mysql. Les deux autres, Filezilla et Mercury, ne sont pas nécessaires. Un intitulé en vert Running apparaitra indiquant que les deux services sont lancés :
Maintenant, notre serveur Apache et notre base de donnée MySQL sont lancés, donc, nous pouvons créer la base de donnée pour installer Wordpress. Lancez votre navigateur et tapez l’adresse http://localhost/phpmyadmin pour lancer PhpMyAdmin :
Si vous installez Wordpress dans un hébergement distant, vous pourrez accéder à PhpMyAdmin à partir de votre cPanel. Dans PhpMyAdmin, tapez un nom (par exemple, wordpress) dans le champs Créer une base de donnée et cliquez sur le bouton Créer.
Un message s’affichera indiquant que la base de donnée a été crée avec succès.
Maintenant, on peut véritablement installer Wordpress. Lancez votre navigateur et tapez l’adresse : http://localhost/wordpress. Cette adresse correspond au répertoire qui contient les fichiers de Wordpress. Quand vous tapez localhost avec xampplite, le serveur regarde dans htdocs et affiche les fichiers correspondants. Puisque nous avons un répertoire appelé wordpress qui contient les fichiers de Wordpress dans htdocs, donc l’adresse doit être localhost/wordpress. Je répète que le nom du répertoire peut être n’importe quoi, ainsi si vous avez nommé votre répertoire en test, donc l’adresse doit être localhost/test. Vous verrez l’écran suivant :
L’installation de Wordpress nécessite un fichier de configuration, mais il peut le créer pour vous. Cliquez juste sur Create a Configuration File.
Dans cet écran, Wordpress vous informe des données nécessaires pour installer Wordpress. Ainsi, vous avez besoin :
De l’hôte de la base de donnée
Du nom de la base de donnée
Le nom d’utilisateur de la base de donnée
Le mot de passe pour la base de donnée
Si vous installez Wordpress avec Xampplite, l’hôte de la base de donnée est localhost, le nom d’utilisateur est root. Le mot de passe n’existe pas sauf si vous en avez crée un et le nom de notre base de donnée est wordpress. Ainsi, nous fournissons ces informations dans l’écran suivant :
Une fois que vous avez entré les bonnes informations, cliquez sur Suivant. Dans le cas où vous installez Wordpress sur un hébergeur web distant, ce dernier a dû vous fournir ces informations. N’oubliez pas ! Wordpress vous demande les informations pour accéder à votre base de donnée et non les identifiants de connexion de votre cPanel et les débutants sous Wordpress ont tendance à confondre les deux. Si vous n’êtes pas sûr des informations, n’hésitez pas à le demander à votre hébergeur web. Une fois que vous avez entré les bonnes informations pour installer Wordpress, l’écran suivant devrait apparaitre :
Cela indique juste que tout s’est bien passé et que Wordpress a pu se connecter à votre base de donnée. Cliquez juste sur Suivant :
Dans cette partie d’installation de Wordpress, vous devez fournir le nom de votre blog, l’identifiant de connexion, son mot de passe et l’adresse mail. Faites attention quand vous choisissez votre identifiant, car sans lui, vous ne pourrez pas vous connecter à votre blog après l’installation de Wordpress. Moi, j’ai mis admin, mais vous devez mettre quelque chose de différent, car admin est bien trop courant et cela implique des risques de piratage de votre Wordpress. En dessous, vous voyez une option intitulée Allow my sites to appear in Search Engine like Google or Technocrati. Cela indique si vous voulez que votre blog soit visible ou non par les moteurs de recherche et dans 95 % des cas, on cochera cette option. Cliquez sur Suivant :
Et voilà, un message indique vous avez parfaitement réussi à installer Wordpress ! Félicitations ! Cliquez sur Log In pour vous connecter à votre blog :
C’est ici que vous devez fournir les informations de connexion (l’identifiant et le mot de passe). Ensuite, cliquez sur Log In.
Tada ! Vous voilà dans le Tableau de Bord où vous pouvez commencer à configurer Wordpress selon vos besoins. Et voici a quoi ressemble votre blog en public :
Voilà, j’espère que ces étapes vous permettront d’installer facilement Wordpress et n’hésitez pas si vous avez des questions.
La sécurité de Wordpress laisse vraiment à désirer pour la majorité des blogs et ce n’est pas la faute de ses concepteurs, mais bien le facteur humain qui est à l’origine de la plupart des intrusions. On estime que 64 % des blogs sous Wordpress ont déjà été piratés au moins une fois (Statistiques fournis par Auttomatic). Voici, comment je peux pirater votre blog Wordpress en 7 étapes :
Vous utilisez une version obsolète de Wordpress – De nombreuses personnes critiquent les mises à jour de Wordpress, mais l’une des raisons de ces mises à jour fréquentes est qu’il faut toujours corriger les failles de sécurité de Wordpress. Depuis la version 3.0, Wordpress a eu près de 13 failles critiques et 49 failles mineures, donc il faut toujours mettre à jour Wordpress dès qu’une version stable est disponible. La dernière en date est Wordpress 3.3 même si Wordpress 3.2.1 est aussi très sécurisé. Si vous utilisez une ancienne version de Wordpress, je vais d’abord regarder les failles pour cette version et je créerais un script qui va les exploiter.
Vous utilisez des thèmes et des plugins obsolètes – Si vous avez une version récente de Wordpress, je tenterais ma chance avec vos thèmes et les extensions. Le problème est que la plupart se contentent de mettre à jour Wordpress sans se préoccuper des thèmes et des plugins Wordpress. C’est comme si vous blindiez votre porte d’entrée, mais que vos fenêtres soient grandes ouvertes. De même, il faut faire très attention quand on installe de nouveaux plugins ou thèmes Wordpress. Télécharger toujours ceux qui sont disponibles sur le répertoire officiel et mettez-les à jour avec Wordpress. En fait, Wordpress vous avertira si vos extensions ont besoin d’être mise à jour. Pour les thèmes Wordpress, il faut juste vérifier qu’ils ne recèlent pas de code hostile.
Je me connecterais avec votre blog avec l’utilisateur admin – A chaque nouvelle installation de Wordpress, celui-ci crée un utilisateur nommé admin. Il suffira que j’utilise un script qui va tenter tous les mots de passe avec cet utilisateur. Depuis Wordpress 3.1, l’installation vous permet de changer le nom de cet utilisateur. Mais les flemmards se contentent de mettre admin et ils s’en mordent les doigts par la suite. De même, faites en sortes que votre nom d’auteur (celui qui apparait dans vos articles) ne soit pas identique à celui de votre nom de connexion. Vous pouvez le changer dans le profil de l’utilisateur.
Utiliser un mot de passe sécurisé – Un bon mot de passe doit dépasser 10 caractères et il doit être une combinaison de chiffres et de lettres. Le mieux est de mélanger les minuscules et les majuscules. Un faible mot de passe est aussi facile à deviner que la marque de culotte de Paris Hilton.
Je vérifierais les autres applications de votre site – Peut-être que vous lancer uniquement Wordpress sur votre hébergeur, mais il arrive que vous vouliez ajouter un forum ou un wiki. Et donc, je regarderais également leurs failles pour voir si je peux les utiliser pour entrer dans votre Wordpress. Assurez-vous que les logiciels sur votre site soient à jour et qu’il n’existe pas de faille connue. Donc, c’est une mauvaise idée de mettre phpBB avec Wordpress parce que le premier est une vraie passoire.
J’analyserais les services de votre hébergeur web – Si je ne peux pas entrer dans votre Wordpress avec les moyens ci-dessus, je me rabattrais sur votre hébergeur web. J’utiliserais un logiciel tel que Nmappour scanner les ports ouverts de votre machine. Par exemple, je peux trouver des ports ouverts sur votre FTP ou Mail et boum, me voilà à l’intérieur pour supprimer tous vos fichiers. Et il suffit que vous utilisiez le même mot de passe pour vous connecter à votre FTP et votre base de donnée MySQL que je pourrais littéralement exporter tout votre blog. La solution est de vérifier un par un tous les logiciels de votre serveur. Assurez-vous que son système d’exploitation soit Linux, notamment Debian et que tous les services (Serveur FTP, Mail, Cpanel, etc) soient à jour.
La sécurité Wordpress par l’ingénierie sociale – L’ingénierie sociale est une technique qui consiste à me faire passer pour votre hébergeur web afin d’avoir vos identifiants et mots de passe. En fait, elle ne nécessite aucune connaissance en informatique, mais un remarquable don de persuasion. Si j’arrive à vous faire croire que je suis votre hébergeur Web et qu’il me faut vos identifiants pour changer des réglages critiques alors on peut dire que vous êtes foutus. Si j’ai de la chance, je pourrais même accéder à vos coordonnées bancaires. La solution consiste à vérifier soigneusement les mails ou même les coups de téléphone. Un hébergeur web ne vous demandera jamais ces informations puisque c’est lui qui vous les a fournis ! Si vous devez changer vos identifiants, il vous demandera simplement de le faire dans les meilleurs délais, mais il ne vous demandera jamais de les lui donner.
Modifier un thème Wordpress semble une chose difficile à de nombreuses personnes alors qu’une bonne méthodologie permet d’obtenir un thème Wordpress adapté à ses besoins. La première chose que vous devez comprendre est qu’il n’est plus nécessaire de mettre la main dans le code (CSS ou PHP) pour personnaliser un thème Wordpress. En effet, le site http://wordpress.org/extend/themes/ regorge de modèles qui possèdent des options pour modifier entièrement votre thème Wordpress. Nous allons prendre l’exemple du thème Wordpress Atahualpaque nous allons modifier afin de vous donner une idée de ses possibilités. Ce thème est le plus populaire puisqu’il est le plus téléchargé de tous les thèmes Wordpress.
Commencez par télécharger le thème Wordpress Atahualpaet installez-le dans Wordpress. Pour installer un thème Wordpress, il faut décompresser l’archive et déplacer son contenu dans le répertoire wp-content-themes de votre blog Wordpress. Ensuite, connectez-vous à votre Tableau de Bord, allez dans Apparence et activez le thème.
Quand vous avez sélectionné votre thème Wordpress, vous pouvez vérifier si on peut le modifier directement à partir du Tableau de bord, généralement, il affiche un lien intitulé Theme Options. Cliquez dessus pour personnaliser notre thème Wordpress :
Modifier un thème Wordpress, les différents menus d’Atahualpa
Comme vous pouvez le voir, le thème Wordpress Atahualpa possède toutes les options imaginables pour modifier un thème Wordpress. En fait, il possède plus de 200 options qu’on peut configurer selon ses besoins. Nous allons étudier chaque menu. Nous allons d’abord voir l’importation et l’exportation des préférences, le référencement du blog Wordpress, le style CSS pour les liens et le texte, la configuration du layout et le réglage du Favicon.
Le premier menu (Export/Import Settings) concerne la sauvegarde vos préférences quand vous avez fini de modifier votre thème Wordpress.
Ainsi, la première zone vous permet d’enregistrer vos préférences dans un fichier texte. En bas de cette première zone, vous pouvez restaurer le contenu de ce fichier de préférence en collant son contenu dans la zone adéquate et en cliquant sur Import Setting. De même, cette zone vous permet également de charger des fichiers de style personnalisés qui sont respectivement les fichiers /atahualpa/styles/: ata-round.txt, ata-classic.txt, ata-default.txt et ata-adsense.txt. Vous le trouverez dans le répertoire /atahualpa/styles/.
Ensuite, le second menu est Configure SEO et il faut faire attention ! Ainsi, si vous utilisez un plugin tel que All in One SEO pour améliorer le référencement de Wordpress, vous ne devez pas activer cette option, car les deux entreraient en conflit. En général, il faut toujours désactiver cette option quand on modifie un thème Wordpress pour éviter d’être dépendant de ce thème. En effet, le référencement de Wordpress à partir d’un plugin est plus polyvalent puisque les effets sont persistent indépendamment du thème Wordpress qu’on utilise tandis qu’on devra configurer à chaque fois dans le cas contraire. Si vous décidez quand même d’utiliser cette option, voici ce que vous pouvez configurer pour référencer votre blog Wordpress.
Les différentes options de la configuration SEO du thème Wordpress Atahualpa
Use Post / Page Options – Permet de spécifier des titres différents en fonction de leur emplacement. L’activation de cette option affichera des champs supplémentaires dans l’éditeur d’article. Ainsi, vous pourrez modifier le titre, la description, le corps du texte, etc).
Use Bytes For All SEO options – C’est l’option qu’on doit absolument désactiver si on utilise déjà un plugin SEO pour Wordpress. Donc, laissez-le sur No. L’un de ses rôles est de générer des tags de vos articles et comme le plugin le fera aussi, cela risque de créer le bordel dans le référencement de Wordpress.
Homepage Meta Description – C’est la description de votre blog avec 30 mots au maximum. Notez que vous ne pouvez pas utiliser de balise HTML, mais c’est possible d’utiliser des guillemets.
Homepage Meta Keywords – C’est les mots-clés qui concernent la thématique de votre blog. Notez que ces mots-clés ne seront pas liés à chaque article, mais uniquement à la page d’accueil.
Meta Title Tag format – Configure si le nom du blog doit être ajouté au titre de l’article. Vous pouvez l’ajouter avant ou après et vous pouvez également afficher uniquement le titre sans le nom du blog.
Meta Title Tag Separator – Cette option se base sur la précédente et indique le type de séparateur à utiliser entre le titre de l’article et nom du blog. Les différents options sont identifiées par un numéro et vous n’avez qu’à choisir celui qui vous convient.
Les autres options concernent la non-indexations des catégories, des dates des archives ou des tags.
Make Post/Page Titles H1 – Utilise la balise H1 dans le titre du blog au lieu de H2. Cela donnera plus de poids, mais ce n’est pas toujours conseillé d’utiliser systématiquement le H1 dans un blog Wordpress.
Modifier un thème Wordpress, configurer les couleurs du texte et des liens
C’est sans doute la partie la plus importante puisqu’elle vous permettra de régler les couleurs des liens et du texte.
Le thème Wordpress Atahualpa vous donne des exemples pour mettre une image d’arrière-plan dans votre blog, ainsi le code CSS est :
background: url(/maniacgeek/wp-content/themes/atahualpa/images/backgr.gif) repeat top left;
Ce code n’est qu’un exemple, et vous pouvez mettre vos propres images en les placant dans le répertoire /votreblog/wp-content/themes/atahualpa/images/. Imaginons que je veuille mettre l’image suivante en arrière-plan :
Je mettrais le code suivant : background: url(/maniacgeek/wp-content/themes/atahualpa/images/julie_owen_13.jpg) no-repeat ;
Ce qui donne ce résultat dans le blog :
Evidemment, personne ne souhaite de ce résultat quand il modifie son thème Wordpress, mais cela vous donne une idée de ce que vous pouvez faire pour personnaliser votre thème Wordpress. Si vous n’êtes pas content d’une modification, vous pouvez toujours cliquer sur le bouton Reset Setting (en bas de la page) pour annuler tous les changements.
Continuons la personnalisation du thème Wordpress et cette fois, mettons la couleur noir en arrière (il suffit de changer background:#ffffff en background:#000000 et mettez la couleur du texte indiqué par le code color en #ffffff. Vous devriez avoir le code suivant : font-family: tahoma, arial, sans-serif; font-size: 0.8em; color: #ffffff; background: #000000;
Regardez juste au dessous, et vous verrez la configuration de la couleur des liens :
Vous pouvez régler la couleur du lien par défaut, de survol (quand vous passez la souris sur le lien) ainsi que sa décoration (souligné ou non). Etant donné que notre couleur d’arrière-plan est noir, mettez les couleurs des liens en blanc ou gris clair. (couleur blanche = #ffffff, gris-clair=#f5f5f5). Si vous ne connaissez pas les valeurs hexadécimales des couleurs, vous pouvez simplement cliquez sur le sélecteur pour choisir dans la palette qui s’affiche.
Et voilà, notre résultat :
Vous voyez à quel point c’est facile de modifier un thème Wordpress avec ces options. Evidemment, cela ne concerne que le contenu et non les Sidebars qui préservent leur design original.
Maintenant, nous allons configurer le Layout de notre blog Wordpress, cliquez sur Style and Configure Layout :
L’option la plus importante étant Layout WIDTH and type (FLUID or FIXED). Si vous choisissez Fluid, la largeur du blog s’adaptera en fonction du navigateur du lecteur tandis qu’une largeur Fixed nécessite que vous entriez une dimension en pixels. Chacun a ses préférences, mais je préfère choisir un Layout fixe qui dépasse les 950 pixels afin de pouvoir mesurer les différents éléments par la suite. En général, je met toujours 965 px et les autres options Layout MIN width et Layout MAX width ne sont plus nécessaires puisqu’elles sont utilisées uniquement pour le Layout Fluid. Une largeur de 965 pixels offrira un affichage correct aux moniteurs avec une résolution de 1024x768 ce qui est la norme actuelle.
L’option qui se trouve en bas (Layout Container Style) vous permet de styler les bordures du Layout. Je ne fais jamais ce genre de chose pour préserver l’esthétique globale.
Enfin, vous pouvez configurer le Favicon de votre blog Wordpress. Le Favicon est la petite icône qui s’affiche sur le titre de la page :
Vous pouvez trouver un large choix d’icônes sur http://www.icon-king.com/projects/nuvola/. Certains pensent qu’il faut créer une image au format jpg ou gif et de la renommer en .ico, mais cela ne marche pas. Au lieu, créez votre image et convertissez-la avec un logiciel tel que : http://www.towofu.net/soft-e/.
Ensuite, déplacez le Favicon dans le répertoire : /votreblog/wp-content/themes/atahualpa/images/favicon/
Modifier un thème Wordpress, l’entête, l’image de l’en-tête et le réglage RSS.
La partie Style & edit HEADER AREA vous permet de personnaliser l’entête de votre blog. Ce thème Wordpress vous indique les éléments que vous pouvez placer tels que %pages, %cats, #images, etc. En dessous, vous voyez une zone qui contient ces variables : %pages %logo %bar1 %image %bar2. Cela signifie que l’entête affiche les pages, ensuite, le logo, ensuite une barre de séparation suivi de la bannière. Le résultat est le suivant :
En dessous de la zone de texte, vous trouverez l’option pour personnaliser l’affichage du logo. Ainsi, vous pouvez mettre des bordures, modifier son arrière-plan, sa hauteur, etc. Le thème Worpress Atahualpa affiche son propre logo, mais vous pouvez créer le votre et le déplacer dans le répertoire /wp-content/themes/atahualpa/images/. Il suffit de lui exactement le nom (logo) et d’écraser celui qui existe. De même, vous pouvez spécifier un nom différent dans le champs adéquat.
La partie Logo Image: Styling vous permet de spécifier les marges ou les bordures de votre logo. La partie Blog Title vous permet de personnaliser la police de caractère ainsi que la dimension du nom de votre blog. Et enfin, vous pouvez faire la même chose pour la description et la barre de recherche. Les sélecteurs de couleur vous permettent de personnaliser les teintes de ces différents éléments. N’hésitez pas à jouer avec ces différentes options pour trouver celles qui vous conviennent.
Ensuite, nous avons la partie Header Image qui permet de configurer votre bannière, toutes les images doivent être placées dans le répertoire /votreblog/wp-content/themes/atahualpa/images/header/. La modification de ce thème Wordpress vous permet de configurer une rotation de bannières et cela signifie que si vous utilisez 10 bannières, elles s’afficheront automatiquement à intervalles réguliers. Vous pouvez activer le JavaScript pour que la rotation des images soit plus sophistiquée avec des effets de transition, mais cela consommera la bande passante de vos lecteurs.
Si vous avez choisi un Layout fixe, la largeur de votre bannière doit correspondre à la dimension en pixels de ce Layout. Dans le cas où c’est un Layout Fluid, la largeur doit correspondre avec la dimension maximale (l’option Layout MAX width). Si vous ne voulez pas vous prendre la tête avec des réglages complexes, créez simplement plusieurs images avec la dimension voulue et placez dans le répertoire adéquat. Ensuite, laissez les options par défaut dans ce thème et ce dernier se chargera de les pivoter automatiquement.
si vous étudiez cette partie, vous verrez que vous pouvez réglez beaucoup d’options, mais je ne vous conseille pas d’y plonger, notamment si vous êtes un novices pour modifier des thèmes Wordpress.
La partie RSS Setting vous permet de personnaliser l’abonnement RSS de vos lecteurs. Ainsi, vous pouvez mettre un logo de RSS, mais cette partie implique que vous utilisez le plugin Feedburner Feedsmith et ce n’est pas toujours conseillé de se baser sur un service externe. Wordpress possède son propre flux RSS et il vaut mieux le laisser par défaut.
En fait, vous devez uniquement traduire les phrases en anglais dans cette partie telles que Posts (Articles), Subscribe to the POSTS feed (S’inscrire au flux RSS des articles), Comments (Commentaires), etc.
Ensuite, nous avons les parties Menu 1 et Menu 2 qui concerne les couleurs du menu horizontal de navigation. Le menu 2 pour les catégories ne s’affichent pas ce menu puisqu’il est déjà présent dans une des Sidebar. Vous pouvez configurer la couleur, la profondeur des liens (si vous créez des pages imbriquées), etc. Dans mon cas, j’ai mis simplement la couleur bleue indigo comme arrière-plan de ce menu.
La colonne centrale (Center Column) ne nécessite pas de réglage puisque cela principalement la navigation entre les articles.
Modifier un thème Wordpress, personnaliser les Sidebars
La partie Sidebars and Widget vous permet de peaufiner chaque élément de vos barres latérales et de vos Widgets. Cliquez sur Style et Configure Sidebars :
Vous verrez une première partie avec des cases à cocher qui indique la visibilité de la Sidebar quand on affiche ces éléments. Par exemple, si vous ne voulez pas que la barre latérale gauche ne s’affiche quand on affiche un article individuel, vous pouvez la décocher cette option et la même chose est valable pour la barre latérale droite. Il y a beaucoup d’options, mais la plupart son inutiles. Faites défiler la page jusqu’à LEFT sidebar WIDTH où vous pouvez régler la largeur de chaque Sidebar. La valeur par défaut de 200 pixels convient à la plupart des blogs. Ensuite, la partie tout en bas vous permet de personnaliser les couleurs de la Sidebar. J’ai mis la couleur grise (#CCCCCC) dans la valeur background sur les deux Sidebars et voilà le résultat :
Le menu Style WIDGETS vous permet de styler le titre et le contenant qui accueillera vos Widgets :
Dans la partie Widget List Items, vous pouvez styler les éléments individuels du Widgets. Par exemple, dans le cas d’une blogroll, vous pourrez personnaliser la couleur des liens et du texte.
Modifier un thème Wordpress, les articles et les pages
Dans cette partie, les deux plus importantes sont Edit POST/PAGE INFO ITEMS et Style POSTS & PAGES. La première est une longue page de réglage qui vous permet d’afficher différents éléments tels que l’auteur, la date et les icônes correspondantes. Le thème Wordpress Atahualpa possède déjà une série d’icône qui est chargée automatiquement. Si vous voulez utiliser vos propres icônes, placez-les dans le répertoire /[theme-folder]/images/icons/ et ils seront chargés automatiquement dans cette partie.
Cette partie contrôle trois éléments, à savoir, le Kicker, le Byline et le Footer. Le thème Wordpress vous donne des variables que vous pouvez entrer dans chaque zone correspondante. Par exemple, si vous mettez By %author%, on %date('F jS, Y')% dans BYLINE: Single Post Pages alors chaque article individuel sera affiché avec son auteur et la date de publication. Le menu Style POSTS & PAGES contrôle le style CSS de chaque élément de la page. Ainsi, vous pouvez spécifier la police de caractère, la dimension, les marges pour le titre, le pied et les intertitres. Je vous conseille de ne pas trop peaufiner ces styles si vous ignorez ce que vous faites.
Je pense qu’on va arrêter de modifier ce thème Wordpress parce que vous avez déjà une bonne idée de ce que vous pouvez faire ou non. Le reste des éléments concerne les extraits, les commentaires et les éléments du texte (tableau, citation, formulaire, etc).
Mes conseils aux débutants pour modifier un thème Wordpress
En lisant cet article sur comment modifier un thème Wordpress, vous avez surement l’impression que c’est très long et très complexe, notamment pour les débutants. Le fait est que le thème Wordpress Atahualpa possède plus de 200 options et j’en ai couvert qu’une petite partie. De même, j’ai décrit la modification de ce thème Wordpress d’une manière linéaire avec le détail de chaque élément, mais voici ce que vous pouvez faire pour gagner du temps : Déterminez les éléments que vous voulez modifier – Préparez d’abord vos modifications en réfléchissant sur vos besoins. Regardez l’aspect par défaut d’un thème Wordpress et déterminez ce qui a besoin d’être changé. Si l’esthétique globale vous satisfait et que vous avez juste besoin de changer le logo alors limitez-vous à cette partie. La modification globale d’un thème Wordpress – Commencez par les parties les plus importantes (En tête, Sidebar, Pied de page, Menu, etc). Ensuite, vous pouvez détailler des éléments plus précis tels que l’aspect de chaque article ou d’un widget. Prenez votre temps – C’est l’un des défauts des débutants, car ils modifient rapidement et c’est ensuite qu’ils s’aperçoivent qu’il y a quelque chose qui cloche. Prenez le temps de comprendre la portée de vos modifications pour chaque élément. Mettez-vous à la place du lecteur et demandez à ce dernier ce qu’il pense de vos modifications. S’il n’est pas satisfait, changez-le, car la principale raison pour modifier un thème Wordpress est d’enrichir l’expérience d’utilisateur de vos lecteurs. N’oubliez que pour le thème Wordpress Atahualpa, vous avez toujours un bouton Reset All Theme Option pour rétablir toutes les valeurs par défaut. Par ailleurs, si vous n'êtes pas satisfaits avec vos modifications et que vous recherchez un thème Wordpress de qualité professionnel ou correspondant à un design précis, vous pouvez acheter un thème Wordpress payant parmi sur de nombreux sites. On a Thésis, les Rockets Themes et bien sûr; l'incontournable Mojo.
Vidéo pour modifier un thème Wordpress
Je vous propose la vidéo ci-dessus qui reprend les étapes de cet article pour modifier un thème Wordpress. Cette vidéo ne se concentre que sur l'entête d'Atahualpa, car j'ai dû séparer le tutoriel en plusieurs parties (Ce thème possède plus de 200 options). Je publierais les autres au fur et à mesure. Mais les possibilités de modification d'un thème Wordpress sont énormes rien que pour l'entête comme vous pourrez le voir dans cette vidéo. Et cela vous donnera une idée de ce que vous pouvez faire avec les autres parties du blog.
Les autres vidéos sur ce dossier pour modifier le thème Wordpress Atahualpa sont désormais disponibles.
Voilà, j’espère que je vous ai donné de bonnes bases pour modifier vos thèmes Wordpress et n’hésitez pas dans les commentaires si vous avez des questions.
