Articles avec le tag ‘wordpress’

Nous allons voir dans ce pas à pas, comment créer un blog sous WordPress. Pour ce tutoriel j’ai pris un hébergement chez 1&1, qui, s’il n’est pas spécialement un meilleur hébergeur qu’un autre, à le mérite d’avoir un rapport qualité/prix tout à fait honnête. Il a ses défauts et ses qualités, mais la démarche technique sera la même si vous utilisez un autre hébergeur de type OVH, Amen… Bon, vous êtes prêt ? Oui ? Alors c’est parti :

Tout d’abord, de quoi avons-nous besoin pour créer un blog sous Worpdress :

1. un hébergeur : ici donc 1&1, qui nous permettra également de créer la base de donnée nécessaire à la mise en place du blog.
2. un logiciel FTP pour accéder au serveur et télécharger les fichiers nécessaires à la mise en place de notre outil CMS WordPress. Il en existe des tas, mais le plus simple est encore d’utiliser FILEZILLA, gratuit et intuitif, comme déjà évoqué dans cet article.
3. un moteur de blog, à savoir un CMS (Content Managing System), ici WordPress. Pourquoi WordPress ? Tout simplement parce que c’est le moteur de blog le plus répandu au monde, fort d’une communauté d’utilisateur vraiment très impressionnante (la communauté francophone est d’ailleurs très active), il est totalement gratuit et l’un des plus facile à installer.

1/ L’HEBERGEMENT :

Souscrivez une offre d’hébergement sur le site de 1&1. Un bon compromis de départ pourrait être le PACK PERSO CONFORT qui offre un prix raisonnable, un bon niveau de performance, un espace alloué plus que suffisant… L’installation du blog en lui-même ne nécessite que quelques mégas de stockage et vous pourrez de toute façon migrer vers une offre plus performante lorsque votre blog deviendra une « référence » de la toile Commandez donc le pack de votre choix et laissez vous ensuite guider par le formulaire qui va bien. Réservez votre nom de domaine… Après vérification de vos coordonnées, 1&1 vous attribuera un compte client qui servira de porte d’accès pour la gestion de votre blog, de vos bases de données, de vos noms de domaines, de vos adresses mails, votre accès FTP… Après quelques minutes, vous recevrez par mail votre mot de passe pour l’accès à votre compte. Voilà, vous disposez maintenant de votre pack hébergement. Il vous faut maintenant cliquer sur « accès client » (tout en haut de la page d’accueil) pour vous connecter à l’aide de votre numéro de client et de votre mot de passe. Vous arrivez alors sur l’espace de gestion de votre pack.

Il va maintenant falloir créer une base de données qui contiendra votre blog. N’ayez pas peur, c’est facile, rapide et sans douleurs :p Cliquez sur « adminitration de MySQL ». Une fois sur la page d’administration de la base de données, cliquez sur « Nouvelle base de données ». Donnez un nom à votre nouvelle base (sans caractères spéciaux, restez simple) puis cochez le bouton « MySQL 5.0″ (sinon, votre base de données sera créée avec l’ancienne version 4.0 et votre blog ne fonctionnera pas de manière optimale). Voilà c’est fait, après avoir cliquer sur le bouton de validation, vous voilà avec une base de données toute propre et des informations indispensables qu’il vous faut conserver pour la mise en place de Worpdress. Vous pouvez bien sûr accéder à ses informations à tout moment à partir de votre compte client. La base de données nouvellement créer prend quelques minutes avant d’être active (15 à 30 minutes d’après 1&1, mais en réalité, la plupart du temps, au bout de 5 mn, ça fonctionne).

2/ LOGICIEL FTP :

Pour cette étape, nous utiliserons donc le logiciel gratuit FILEZILLA à propose duquel je vous conseil d’aller voir la vidéo de ce précédent article. Rendez vous donc sur la page d’acceuil de téléchargement de Filezilla, puis prenez la version adapté à votre système (si vous êtes sous Windows XP ou Vista 32b, c’est la version win32), installez et lancez le client. Faites Fichier/Gestionnaire de sites/Nouveau site et complétez les informations de connexion que vous trouverez sur votre compte client 1&1 dans l’onglet en haut à gauche : « gestion de vos accès FTP ».  Dans la fenêtre de gauche, donnez un nom quelconque à votre connexion, dans la fenêtre de droite, indiquez votre domaine (exemple: mondomaine.com), puis votre nom d’utilisateur et mot de passe. Consultez également les autres onglets de Filezilla. Mais à ce stade c’est suffisant pour réaliser sa connexion  sur le serveur distant.

Si vous n’êtes pas familier avec Filezilla ou avec un client FTP, exercez vous à l’utilisez, à transférer des fichiers que vous supprimerez par la suite. Filezilla fonctionne comme l’explorateur windows par exemple à ceci près qu’il permet de lire et écrire sur un lecteur distant à savoir sur le serveur de 1&1. De la même manière qu’avec un explorateur, on peut glisser les fichiers pour les copier d’un dossier à un autre, réaliser des actions avec des clics droits…

3/ LE MOTEUR DE BLOG : WORDPRESS

Rendez vous à cette page pour télécharger wordpress sous forme d’archive. Veillez à bien choisir le dernier pack (en tête de liste) pour installer la dernière version. Décompressez et placez le dossier WordPress quelque part sur votre disque dur, là ou vous le retrouverez facilement. Il nous faut maintenant transférer WordPress vers notre espace d’hébergement 1&1. Pour cela, ouvrez Filezilla et cherchez sur la partie gauche le dossier WordPress que vous avez précédemment décompressé et placé sur votre disque dur. Sur la partie droite de Filezilla, positionnez vous sur la racine de votre espace 1&1 (seul le symbole / doit apparaître) et glissez le dossier de la gauche vers la droite, le transfert s’effectuera complètement après quelques secondes, tout au plus quelques minutes, tout dépend de la vitesse de votre connexion. En bas de l’écran, des barres d’avancement permettent de contrôler le transfert. Vous pouvez renommez le dossier wordpress en un autre nom de votre choix, dans mon exemple ci-dessous c’est « monblog ». Prenez un nom qui a un rapport avec votre blog (cette étape n’est pas obligatoire). Le transfert des fichiers de WordPress est alors automatique et prend quelques minutes. Une fois terminé, il va maintenant nous falloir saisir les paramètres de connexion.  Dans le dossier WordPress de votre disque dur, ouvrez le fichier wp-config-sample.php avec « notepad » par exemple et saisissez les informations que vous retrouverez dans l’onget « Gestion du pack » > « Administration de MySQL » de 1&1. Remplacez alors les lignes:

define(‘DB_NAME’, ‘mettezvotrenomdebddici’);
par
define(‘DB_NAME’, ‘db123456789′);

define(‘DB_USER’, ‘mettezvotreidentifiantici’);
par
define(‘DB_USER’, ‘dbo123456789′);

define(‘DB_HOST’, ‘localhost’);
par
define(‘DB_HOST’, ‘db1234.1and1.fr’);

define(‘DB_PASSWORD’, ‘mettezvotredemotdepasseici’);
par
define(‘DB_PASSWORD’, ‘xyzXDFzz’);

Ne touchez pas aux autres lignes du fichier et vérifiez que vous ne laissez pas de blanc ou de caractères parasites entre les ‘ ‘ et avant les balises  <?php    et     ?>. Sauvegardez le fichier en le renommant en wp-config.php (on enlève sample), puis transférez le avec Filezilla sur votre espace 1&1 dans le dossier que vous avez créé tout à l’heure  « monblog » (ou wordpress si vous n ‘avez pas renommé le dossier en question).  Notez que cette étape de paramétrage pouvait également être faites avant le transfert des éléments WordPress de votre disque dur vers votre espace FTP. Le résultat est le même. Je vous conseil d’aller voir également la vidéo de cet ancien article du blog concernant l’installation de wordpress à partir d’un client FTP.

Il nous reste à terminé la mise en place de WordPress en tant qu’outil d’administration de blog. Pour ce faire, tapez l’adresse suivante dans votre navigateur : http://www.mondomaine.com/monblog/wp-admin/install.php (en remplaçant par votre nom de domaine réel et le nom du répertoire d’installation 1&1). Une fenêtre s’ouvre alors, vous demandant de donner un titre à votre blog. Il sera possible de le modifié par la suite, donc pas d’inquiétude si vous manquer d’inspiration. Indiquez également votre adresse e-mail, puis cliquez sur « Installer WordPress ». Là c’est l’instant fatidique où la petite goutte de peur coule le long de votre tempe. Si vous avez suivi toutes les indications précédentes, pas de problème, vous y êtes (si ce n ‘est pas le cas et qu’un message d’erreur apparaît, vérifiez votre fichier wp-config.php, vous avez sûrement un caractère parasite qui traine). WordPress vous fourni alors un « identifiant » : admin et un mot de passe aléatoire qu’il vous faudra changer ultérieurement dans le panneau de configuration pour plus de facilité d’utilisation. Mais en attendant, c’est ce mot de passe qu’il vous faudra utiliser. Notez le bien Et voilà, vous y êtes, votre blog est maintenant opérationnel à l’adresse suivante : http://www.mondomaine.com/monblog pour les lecteurs et http://www.mondomaine.com/monblog/wp-admin pour le panneau d’administration. Il ne vous reste plus qu’à le personnalisé, à installer quelques plugins indispensables et à le faire vivre. A vous de jouer

REMARQUE A PROPOS DE L’ERREUR 500 ET DU FICHIER .HTACCESS :

Il arrive parfois que vous rencontriez une erreur : Erreur 500 : erreur interne du serveur ! Celle-ci est dû au fichier .htaccess qui sert à la configuration personnalisable pour votre hébergeur (pour les serveurs Apache). On les utilisent également pour modifier les droits d’accès, créer des redirections, écrire des messages d’erreur personnalisés… Ils peuvent être placés dans n’importe quel répertoire de votre blog ou de votre espace d’hébergement la configuration s’appliquera alors au répertoire et à tous les répertoires qu’il contient. Pour créer un fichier .htaccess, il faut créer un nouveau fichier à l’aide d’un éditeur de texte (notepad par exemple) sur votre PC et enregistrez le en htaccess.txt. Puis une fois que vous l’aurez créé, transférez le avec Filezilla et renommez le sur votre serveur en .htaccess, car avec windows, vous ne pouvez pas enregistrer en .htaccess. Voici les lignes qui composent (par exemple) le  fichier .htaccess : (monblog étant bien sûr l’exemple du répertoire d’installation)

# BEGIN WordPress

<IfModule mod_rewrite.c>

RewriteEngine On

RewriteBase /monblog/

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

RewriteRule . /monblog/index.php [L]

</IfModule>

AddType x-mapp-php5 .php

DirectoryIndex index.php/

# END WordPress

Remarque : la ligne AddType x-mapp-php5 .php  est spécifique à 1&1, elle force l’utilisation du moteur v5 de PHP.

NDLR : je n’ai aucune part chez 1&1 et rien à gagner à les mettre en avant dans cet article hein, soyons clair, c’est un exemple comme un autre, thats’all.

Quand on créé un blog sous WordPress, on a que l’embarras du choix au niveau des plugins permettant d’améliorer l’ergonomie, la navigation ou encore le référencement. Voici donc une petite liste (forcément très incomplète) de plugins relativement indispensables

• WordPress Database Backup : vous permet d’enregistrer systématiquement votre base de donnée (qui contient vos articles et commentaires). Indispensable en cas de plantage, d’attaque (pirate) ou pour les maladroits du FTP Vous programmez le mode de réception de votre sauvegarde (par email, 1 fois par semaine, par jour, par mois…) et vous pourrez ainsi récupérer vos données principales en cas de catastrophe
• Google XML Sitemap : vous permett de créer une Sitemap, indispensable à Google pour le référencement de tous vos articles, commentaires et tags. Il est aussi bien accepter par Yahoo, MSN Search ou encore Ask.com.
• Akismet : plugin anti-spam, intégré par défaut à WordPress. Il scanne les commentaires à la recherche de toutes formes de spams. Très efficace, simple et pratique.
• All In One SEO Pack : plugin tout-en-un, référence en matière de SEO (Search Engine Optimization), donc de « référencement » .
• Google Analyticator : ou comment installer l’outil de statistique Google Analytics sans se compliquer la vie. Ce plugin installe le code nécessaire à l’activation de votre compte Google Analytics. Simple d’utilisation, ergonomique et très complet. Il vous faudra toutefois ouvrir un compte Google (gratuit).
• Autoptimize : compresse le code, les scripts, les CSS… pour accélérer le chargement de vos pages.
• WP-Supercache : optimisation du cache pour là encore accélérer le chargement de vos pages.
• WP Cumulus : un nuage de tags/catégories en flash à insérer sous forme de widget. Esthétique et pratique.
• Broken Link Checker : vérifie automatiquement les liens présents dans vos articles afin de vous signaler les liens morts et les corriger.
• Twitme ou Twitter Tools : pour tweeter automatiquement les nouveaux articles de votre blog.
• Yet Another Related Posts Plugin : vous permet d’afficher les articles similaires sous vos posts.
• DoFollow : pour enlever le « no-follow » sur les liens de vos commentateurs.
• No Self Pings : permet d’éviter de s’envoyer des pings à soi-même (par exemple lorsqu’on fait un lien vers un autre article du site).
• Subscribe To Comments : permettez à vos lecteurs d’être informés des nouveaux commentaires.
• WP-Touch : un plugin qui génère une version optimisée iPhone de votre blog. Style très adaptée aux iPhone et options nombreuses pour offrir aux visiteurs sous mobiles une expérience de lecture.
• WP Issuu, le plugin Scribd pour WordPress et Slideshare : 3 services de partage de documents pour intégrer vos PDF, PPT et autre slideshows plutôt que des liens direct.
• Simple Tags : idéal pour la gestion des tags de vos articles, il suggère les tags selon ceux que vous utilisez, vous permet d’insérer un nuage de tags paramétrable et de nombreuses autres options pour créer un système de relations sémantiques entre vos contenus.
• Contact Form 7 : vous permet de générer une page « contact » avec un formulaire entièrement paramétrable.
• SexyBookmarks : sous cette dénomination un peu « olé olé » se cache un outil de bookmarking, de partage de lien et autres via une impressionnante liste de réseaux sociaux (facebook, twitter, plurk, netvibes, identica…). Entièrement paramétrable. Un must have !
• Wordbook : permet le crossposting entre votre blog WordPress et votre compte Facebook. Très simple et pratique.
• Simple:Press Forum ou Forum Server : pour installer un forum de discussion sur votre blog.

Voilà déjà une première liste de plugins pour votre blog WordPress. Je vous invite bien sûr à la compléter.

AJOUTS :

• Viper’sVideoQuicktag : vous permet d’importer des vidéos YOUTUBE, DAILYMOTION, VIMEO … avec tout un tas d’options très intéressantes.
• WPTableReloaded : permet d’insérer des tableaux avec un système d’importation de feuille excel sous CSV.
• WPSmushit : permet l’optimisation des images de votre blog. Même celles déjà présente avant l’installation du plugins. Intéressant pour gagner en place et en vitesse de téléchargement.

Ce midi le Gplex accueillait @Romain, @David, @Aurélie, @Sonia et @Yannick pour la deuxième GPLEX SESSIONS. Au programme : l’architecture WordPress, les agrégateurs de flux (pourquoi, comment, avantages, inconvénients…), le screencasting, les plugins et widgets, facebook… Petite session de 2 heures autours d’un coffret repas… Bonne ambiance, belle participation de chacun et de nouvelles idées de thématiques pour les prochaines sessions.

Les participants auront appréciés le vidéoprojecteur qui aura grandement contribuer à faciliter la diffusion de l’information lors de cette deuxième session (bah oui on s’améliore de session en session)

Pour ceux ou celles qui souhaitent faire un sondage en ligne et l’intégrer à un WordPress, il existe un plugin intitulé POLLDADDY.

Cette solution, dans sa version gratuite, propose déjà pas mal de possibilités avec une dizaine de skins différents. Vous pouvez l’intégrer à un blog, à un site et même à quelques uns des réseaux sociaux comme Twitter. Vous posez votre question puis décidez s’il existe une seule ou plusieurs réponses, si l’ordre des réponses est aléatoires ou figés, etc… L’accès au résultat est simple et rapide.

Avec un WordPress, on peut carrément télécharger le plugin. L’installation est simple (j’y suis arrivé tout seul c’est dire !). Il suffit de transférer les fichiers dans le répertoire /wp-content/plugins/ puis de l’activer. Il ne vous reste plus qu’à créer votre questionnaire et à l’intégrer en copiant le code HTML dans votre page ! Au pire, l’aide est claire bien qu’en anglais…

Un exemple de questionnaire intégré sur le site d’Ökoté !

Cette vidéo est issue du site WORDPRESS.TV qui regroupe des tonnes de trucs et astuces, de tutos et de guides d’usages à l’intention des néo-wordpressiens. Seul petit « hic », la majorité des vidéos sont « in english ». Heureusement pour les « non-fluent » on en trouve quelques unes dans la langue de Molière, comme celle-ci, qui résume le process d’installation d’un blog WordPress à partir d’un client FTP tel que FILEZILA (Pc) ou CYBERDUCK (Mac).

Un bon début sur lequel nous reviendrons plus en détail lors d’un prochain atelier des GPLEX SESSIONS