Dans la première partie de ce dossier “Comment Créer un Blog Pro” nous avons vu comment mettre en ligne un blog Wordpress, comment ajouter les premiers plugins, comment installer un thème…
Dans cette seconde partie nous vous expliquer comment personnaliser le blog :
- Les bases de la personnalisation graphique (modification de la feuille de style pour le titre, des rubriques…)
- La création d’une page fixe (via une page “A propos”).
- La personnalisation la barre de navigation en y ajoutant une newsletter et un flux RSS
- L’envoi d’une newsletter
- La création d’une FAVICON
- L’ajout d’un encart Adsense pour générer des revenus
- La publication dans les sites de Pings et les annuaires
- Les bases de la promotion via Twitter, Facebook, Delicious…
- …
Pour notre exemple nous allons utiliser un thème Wordpress en Français afin d’éviter le travail de traduction qui peut parfois se révéler compliqué pour un novice.
Nous avons donc choisi cette fois le thème Wordpress Gratuit ” MassiveNews ” (disponible sur www.press75.com) car sobre et permettant de faire facilement des personnalisations. Nous prendrons comme exemple notre Blog d’emploi www.jobs-MKG.com.
Avertissement : dans ce tutorial nous travaillons directement dans les fichiers du Blog. Pour éviter de tout casser à cause d’une erreur de manipulation, faites toujours une sauvegarde des éléments originaux. En effet conservant les fichiers sources avant chaque modification cela vous permettra de repartir du fichier précédent et ne pas devoir tout reprendre à zéro (et croyez nous, cela arrive même aux meilleurs…).
Créez une FAVICON sur votre site
La FAVICON est la petite image qui apparaît dans l’onglet du navigateur internet.
Généralement la Favicon reprend le logo ou un élément distinctif de votre blog. Il suffit de choisir une image carrée que vous désirez transformer en favicon. Cette icône doit faire 16 pixels sur 16 pixels.
Si votre logiciel le permet, exportez l’image au format ico, sinon utilisez les services de http://www.favicon.cc :
Téléchargez ensuite le Favicon ainsi obtenu sur votre PC, puis envoyez la via votre FTP à la racine de votre Blog avec le logiciel FileZilla :
Enfin pour ajouter cette icône sur votre blog Wordpress, vous devez aller dans l’onglet “Apparence”, puis “Editeur de Thèmes”, choisir “En tête” (header.php) et insérer le code ci dessous juste devant le code </head> : <link rel=”shortcut icon” href=”http://conseilsmarketing.fr/favicon.ico” type=”image/x-icon”>
Personnaliser la mise en page globale du blog Wordpress
Dès le lancement de votre Blog vous devez changer la Tagline (le Slogan qui s’affiche en dessous du logo).
La tagline par défaut est “Un blog utilisant Wordpress”. La tagline étant le slogan de votre blog, faites une vraie phrase qui résume en moins de 10 mots ce que fait votre blog et son positionnement (en quoi il est “unique” par rapport aux concurrents, avec un ou deux mots clés majeur de votre thématique).
La Tag Line est accessible dans l’administration du votre blog Wordpress via Réglages/Général :
Ensuite il faut passer à l’apparence du Blog en lui-même en modifiant le thème via la feuille de Style CSS .
En effet dans tous les blogs Wordpress il existe un fichier qui défini l’apparence des différentes polices de caractères.
Nous allons voir avec un exemple simple, celui du titre du blog, comment modifier le type de police et la taille des caractères (vous pourrez faire de même pour tous les éléments du site : blocs de textes, texte des articles…).
La première chose à faire est d’utiliser une police de caractères plus élégante que le Times New Roman qui est utilisé par défaut dans le titre du Blog (et qui surtout sera trop grande en cas de nom de blog “à rallonge”).
A la place nous allons mettre une police plus facile à lire et plus élégante telle que l’Arial ou le Tahoma.
Pour modifier le thème du blog il faut aller dans “Apparence”, puis “Editeur” et sélectionner “Feuille de Style” (Style.css) dans la barre de droite.
Une fois que c’est fait recherchez la section qui défini le style du “H1″ qui correspond à la mise en forme du titre du Blog.
Remplacez ensuite “Times new roman” par “Arial” ou “Tahoma” (Tahoma est moins haut qu’Arial) et définissez la taille du texte (49 est la taille en Pixels) par celle qui vous convient.
Faites plusieurs essais en cliquant sur “Mettre à jour le fichier” et en visualisant l’effet sur le titre de votre blog :
h1{
font-size:49px;
font-family:”Arial”, tahoma, serif;
font-weight:normal;
}
Vous devrez faire de même pour les autres styles de titres en modifiant les H2 (titre), H3 (sous titre)….
Créer une page sous Wordpress
Au contraire des articles qui sont classés par ordre chronologiques et dépendant d’une catégorie, les Pages d’un blog sont fixes et totalement indépendantes de l’évolution du Blog.
Les Pages servent à présenter des éléments importants comme les contacts du site, la présentation des services de l’entreprise, les CGV et les mentions légales obligatoires.
A noter : les pages peuvent servir à réaliser une page d’accueil statique qui ne change jamais…
Dans notre exemple nous allons créer une page “A propos” avec la présentation du site avec les mentions légales obligatoires et un formulaire de demande d’informations.
›› Lire la suite …
Continuez votre lecture :
Réussir son Blog Professionnel par le Journal du Net, Que faire de votre blog pendant les vacances de Noël ?, Les 24 erreurs classiques des apprentis blogueurs..., Les 12 pires et les 12 meilleurs commentaires sur ConseilsMarketing.fr, La recette de A à Z pour faire connaitre un site ou un blog uniquement avec Google !,
Loading ...
