Créez et gérez votre site/blog avec Wordpress, l outil le plus efficace et le plus facile à utiliser.

Transcription

1 Créez et gérez votre site/blog avec Wordpress, l outil le plus efficace et le plus facile à utiliser.

2 2

3 Sommaire INTRODUCTION 4 INSTALLATION 5 ACHETEZ VOTRE NOM DE DOMAINE ET VOTRE HEBERGEMENT 5 INSTALLEZ FILEZILLA 5 TELECHARGEZ WORDPRESS 5 TELECHARGEZ WORDPRESS SUR VOTRE SERVEUR FTP 5 INSTALLEZ WORDPRESS SUR VOTRE SERVEUR 6 CREEZ VOTRE BASE DE DONNEES 7 CONFIGUREZ LA BASE DE DONNEES. 8 L UTILISATION 10 LOGIN 10 PRESENTATION DE LA PARTIE ADMINISTRATEURWORDPRESS 11 CREATION D UN ARTICLE WORDPRESS 13 LES FONCTIONNALITES : 14 MENU DE DROITE 16 OPTIMISATION SEO 17 APPARENCE ET TEMPLATE 18 WIDGET 20 LES PLUG-INS 21 CONCLUSION 25 ON SE SUIT? 25 3

4 Introduction Créé en 2003, Wordpress s'est imposé en quelques années comme LA plateforme de blog Open Source la plus aboutie dans tous les domaines d'utilisation : Graphiquement personnalisable à 100% Plusieurs auteurs peuvent publier des billets et être identifiés comme tels Multi catégories permettant un classement précis des billets publiés Page permanente de présentation de l'entreprise Statistiques évoluées sur la consultation des billets Gestion des liens externes Gestion évoluée des commentaires (modération automatique ou manuelle) Création de pages non dupliquées à partir de l agrégation de plusieurs articles. Derrière ce CMS, la plus grande communauté de développeurs au monde. Une veille et une pratique continue de cette plateforme nous a permis d identifier les plugins et fonctionnalités les plus adaptés à vos besoins. L objectif de ce document est de vous accompagner dans la création et l utilisation de votre site/blog Wordpress. 4

5 Installation Achetez votre nom de domaine et votre hébergement Réserver votre offre nom de domaine + hébergement sur par exemple : 1and1, gandi.net, go daddy, ovh etc. Ces entreprises sont des registrars (société enregistrant des noms de domaine) et peuvent aussi héberger vos sites en vous allouant une place sur leurs serveurs Recommandation de NetSkipper : Sur OVH nous vous conseillons l offre perso pour un blog + le nom de domaine car c est l offre idéale pour débuter. Tarifs : environ 30 (28,66 TTC au 01/2015). Inutile de prendre des options supplémentaires (DNS classique, offre gold pour les TPE et particuliers). Installez Filezilla Ce logiciel est un client FTP (File Transfer Protocole), il vous permettra d accéder au serveur d OVH pour y transférer votre site. Téléchargez Wordpress Pour télécharger la version CMS de Wordpress (Content Managing System, interface de gestion de votre futur site Internet) il n y a qu une seule adresse : En Français : Anglais : Téléchargez et dezippez cette version dans un dossier de votre choix sur votre bureau intitulé «wordpress». Téléchargez Wordpress sur votre serveur FTP Connectez vous à l interface OVH (ou autre) avec les identifiants qu ils vous ont donnés par mail Cliquez sur «plateformes» puis sur votre 5

6 ndd «prisca3d.com» comme dans l exemple ci dessous. Ensuite, cliquez sur «ftp» et «modifiez votre mot de passe» notez votre «nouveau mot de passe», les accès «Serveur FTP»et «Login principal» dans un document que vous intitulerez «accès blog». Vous pouvez aussi rajouter vos identifiants ovh. Installez Wordpress sur votre serveur Avec vos identifiants ftp connectez-vous à votre serveur en remplissant. Le nom de votre «Serveur FTP» (hôte), le «Login principal» (identifiant) et votre«nouveau mot de passe» et cliquez sur connexion rapide. Ensuite, supprimez tout ce qui se trouve dans le dossier «www» de votre serveur. Puis, glissez les éléments se trouvant à l intérieur de votre dossier «wordpress» du bureau dans le dossier «www» de votre serveur. L opération va durer plusieurs minutes. 6

7 Créez votre base de données Cela vous permettra d enregistrer des données de façon organisées et hiérarchisée. C estici que vous y stockerez vos contenus. Retournez sur l interface OVH et cliquez sur «SQL» à coté de «FTP» puis «créez une base de données» à droite. Cochez mysql et votre base de données perso puis cliquez sur «suivant» (étape1). Choisissez votre nom d utilisateur et votre mot de passe (étape 2) Pensez à bien noter vos identifiants et mots de passe dans votre fichier «accès blog» qui vont apparaitre à l étape 3. Cliquez sur «suivant» Voici ce qui devrait apparaître lorsque vous validerez la troisième étape. 7

8 Patientez quelques minutes Ça y est, votre base de données est créée. Il vous faut noter (sur votre fichier accès blog) le «nom de votre base de données», l «utilisateur» et le «mot de passe». Configurez la base de données. Retournez sur «filezilla» lorsque tous les éléments ont été téléchargés puis cliquez droit sur le fichier «wp-config-sample.php» puis «afficher /éditer» Remplissez les espaces suivants avec vos accès et écrasez le fichier de base. Ensuite, renommez le fichier en «wp-config.php» (retirez le -sample). Allez vous connecter sur et créez vos identifiants wordpress. 8

9 Félicitations/Bravo vous venez de créer votre site Wordpress! 9

10 L Utilisation Login Pour accéder à l administration de votre site, munissez-vous de votre identifiant et mot de passe puis loguez-vous en rajoutant /wp-admin à l url de votre site Internet. 10

11 Présentation de la partie administrateurwordpress Une fois logué, vous pourrez accéder à l interface d administration pour modifier vos contenus. Possibilité d accès à votre bilan (tableau de bord) ainsi qu aux statistiques de votre blog Le menu proposé par Wordpress pour éditer votre blog Les «articles» correspondent à des posts de votre blog. Les «pages» sont plus appropriées pour le contenu permanent (qui sommes nous, contact etc.) La partie «médias» vous permet d accéder à votre bibliothèque de visuels, vidéos Sur «commentaires» vous pourrez gérer les commentaires que les internautes ont postés sur votre blog. L onglet «apparence» vous donne accès à l interface de gestion du design de votre blog. Vous pouvez y intégrer/modifier le template (structure graphique de votre site), les widgets (petites fonctionnalités spécifiques), les menus, l arrière plan et le code source de votre site. Les extensions représentent les fonctionnalités spécifiques qui nécessitent un développement externe à l interface de base (module de boutique ecommerce, back up etc.) Les outils et réglages permettent de paramétrer les fonctionnalités principales de votre blog. 11

12 Recommandation de NetSkipper : (Réglages Permaliens) nous vous recommandons de changer les urls par défaut de votre blog et de mettre par exemple structure personnalisée /%year%%monthnum%%day%/%postname%/ Cela vous permettra de générer des urls comportant les mots clefs de votre article dans son url. URL : (Uniform Resource Locator) est un format de nommage universel pour désigner une ressource sur Internet. 12

13 Création d un article Wordpress Pour créer un nouvel article, cliquez sur l onglet «ajouter» Ici, la liste de tous vos articles créés jusqu à présent ainsi que leurs caractéristiques. «Ajouter un nouvel article» : Introduisez le titre de votre article, puis votre texte dans l onglet «visuel». L onglet «texte» situé en haut à gauche de votre article vous permet d accéder au code source des articles que vous écrivez. 13

14 Les fonctionnalités : Mise en gras 2. Italique 3. Rayer 4. Puces 5. Numérotation 6. Citation 7. Ligne séparatrice 8. Aligner à gauche 9. Centrer 10. Aligner à droite 11. Insérer un lien 12. Briser un lien 13. Insérer une balise «Lire la suite». Cette balise va mettre les quelques phrases au dessus de cette ligne en page d accueil avec un bouton lire la suite qui renverra vers l article au complet. 14. Augmenter la barre de tâches pour utiliser de nouvelles fonctionnalités. 15. Mises en forme préenregistrées du texte et des titres 16. Souligner 17. Justifier 18. Insérer une couleur 19. Coller en texte 20. Nettoyer le formatage 21. Insérer un symbole 22. Diminuer l indentation 23. Augmenter l indentation 24. Annuler 25. Rétablir 26. Raccourcis 14

15 Ajoutez dans votre texte une image, une vidéo, un son en cliquant sur ce bouton. Une fois que vous aurez cliqué sur ce bouton, allez dans l onglet «Envoyer des fichiers». Cliquez sur «Sélectionner des fichiers». Vous n avez plus qu à remplir les différents éléments demandés : Titre, Légende, Description. Définissez l alignement de l image par rapport au texte. Définissez sa taille. Insérez-la dans l article en cliquant sur «insérer». 15

16 Menu de droite Encart à droite de votre page Vous pouvez modifier les caractéristiques de publication. Etat : brouillon (ne publie pas l article) ou publié. Visibilité : public ou privé. Vous avez aussi la possibilité de planifier la date de publication. Révision : affiche les différentes versions de vos articles Publier : pour planifier la date de publication. SEO : optimisation SEO Lorsque vous créez un article, vous avez accès en bas à droite de votre page à un encart. Celui-ci vous propose de ranger l article dans une des catégories présentées en cochant celle qui convient à votre thématique. Si aucune ne convient à votre thématique, vous pouvez en créer une avec «ajouter une nouvelle catégorie». Les mots clefs permettent de lier les articles entre eux. Nous vous conseillons d utiliser des mots clefs récurrents. 16

17 Optimisation SEO Une fois que vous aurez installé le plugin SEO by Yoast (cf partie dédiée aux plugins), vous aurez la possibilité de modifier la balise title et description de vos contenus. Ces 2 balises sont celles prises en comptes lors des résultats de recherche Google. Pour accompagner les moteurs de recherche, nous conseillons Introduire un title + une description de votre article. Ne dépassez pas 160 caractères pour cette balise. Par défaut, si vous ne remplissez pas, Google prendra le titre de votre article et les premières phrases pour la méta description. Recommandation de NetSkipper : Sans avoir de connaissance en SEO (référencement en français), ce plugin vous permet d optimiser d un point de vue éditorial votre contenu. Nous vous recommandons de mettre votre mot clef principal dans l espace dédié du plugin et de suivre les conseils d optimisation de l onglet «analyse de page». 17

18 Apparence et template Pour customiser votre Blog/site, vous pouvez choisir un style graphique (ce que l on appelle un Template) et le personnaliser/l adapter à vos goûts. Cliquez sur «thèmes» dans l onglet «apparence» via le menu de votre page administrateur. Pour trouver de nouveaux templates, voici une liste de sites vous donnant la possibilité de télécharger un template et de l intégrer sur votre site. - L interface wordpress vous donne cette possibilité : - Voici un site gratuit (payant) - (payant) Recommandation de NetSkipper : Lorsqu un template vous plait, nous vous recommandons de visiter au préalable le site : pour vérifier qu il existe une traduction en français de votre template. Cela vous fera gagner du temps en vous évitant de traduire tous les éléments de navigation, les dates etc. 18

19 Pour installer un nouveau template voici plusieurs méthodes : - Soit vous le téléchargez et vous ajoutez le.zip. Vous pouvez le faire directement depuis l interface WP en cliquant sur «ajouter un nouveau», «envoyer» et enfin «parcourir». - Soit vous allez insérer le template dézippé via votre FTP dans le dossier : wp-content Thèmes - Soit vous installez le template directement depuis l interface de votre Blog Wordpress : Tableau de Bord Apparence Thèmes et vous sélectionnez votre thème en le recherchant. Attention, pour installer des templates et plugin de cette manière, il faudra généralement vous munir de vos codes d accès. Les Thèmes ont souvent des options qui leur sont propres dans leur partie «Themes Options». 19

20 Widget La barre de widget de votre blog, vous permet de customizer votre blog/site. Par exemple, vous pouvez : - Mettre en avant les derniers commentaires - Faire de la publicité - Créer un encart pour vos dernières actualités. - Faire une rubrique de liens - Mettre vos catégories - Intégrez un sondage ou un formulaire de contact - Mentionnez vos différents espaces de présence (Facebook, Twitter, Linked In etc.) Dans le menu de votre tableau de bord, allez sur, Apparence Widget. Sélectionner le widget qui vous intéresse à gauche et cliquer sur «Ajouter» vers l endroit où vous souhaitez l ajouter (footer 1, sidebar de blog etc.). Ensuite, vous n avez plus qu à paramétrer le widget qui vous intéresse. Des espaces sont généralement déjà paramétrés pour vos widgets. 20

21 Les Plug-ins Les plugins permettent d ajouter de nouvelles fonctionnalités à votre blog/site (formulaire de contact, sitemap.xml, gestion de commentaires, gestion SEO, boutique ecommerce etc.) Ces plugins sont développés par la communauté libre de Wordpress. Ils sont généralement gratuits, mais peuvent aussi basé sur un modèle freemium, (c'est-à-dire gratuit pour les fonctionnalités basiques et payants pour des fonctionnalités premium). Ces plugins sont accessibles depuis votre interface wordpress : «extension», «ajouter». Nous vous invitons à parcourir les plugins «mis en avant» pour l inspiration. Voici ceux que nous vous recommandons. Gestion améliorée des commentaires avec Akismet Le plugin AKISMET est natif de la plateforme Wordpress (c'est-à-dire qu il est préinstallé). Pour fonctionner, il nécessite une clef. Vous pouvez choisir de l activer gratuitement ou de donner aux créateurs du plugin. Il vous permettra de valider manuellement les commentaires des internautes. Vous pourrez ainsi lire et approuver les commentaires et donc en conséquence vous prémunir contre le SPAM. Wordpress Backup - UdraftBackup Ce plugin vous permettra de recevoir une sauvegarde par mail de votre Blog ou de l enregistrer directement sur Google Drive. Ainsi, cela vous permettra de revenir à une version antérieure de votre site. 21

22 SEO by Yoast Ce plugin vous permettra de nommer manuellement le meta title (le titre en bleu qui apparaît sur Google) et la méta description (le petit texte descriptif en dessous) de l ensemble des pages de votre site. Getsocial C est un plugin vous permettant de faire apparaitre un espace dédié suivant la lecture et permettant de partager un article sur les médias sociaux. Une fois installé, vous devrez le paramétrer en y intégrant les plugins sociaux que vous souhaitez voir apparaitre. Alternative : Si vous ne souhaitez pas vous embêtez avec le paramétrage de ce plugin nous vous conseillons AddThis Sharing Buttons. Cross Linking Related post Le cross linking permet de lier les pages appartenant à la même thématique, mais aussi de relancer la lecture des internautes vers d autres articles. De plus, le cross linking est utilisé en référencement pour lier l ensemble des pages entres elles et ainsi éviter qu une page se retrouve orpheline, mais aussi de diffuser la popularité du Blog à travers ses pages. 22

23 Le plugin «related post» vous permettra d insérer un module favorisant le cross linking grâce aux titres de vos articles et ainsi inciter les internautes à passer plus de temps sur votre Blog et lire d autres articles. Il se peut que votre template soit construit pour faire apparaître un module de liens à la fin de chaque article. Dans ce cas là, ce module est inutile. Google Analytics Dashboard for WP Pour lier votre Blog à Google Analytics. Il vous faut créer un compte analytics grâce à une adresse gmail et insérer le code fourni par Google Analytics dans l interface du plugin Google Analyticator. WP Super Cache pour accélérer le temps de chargement du site. Pour installer ces plugins, il vous suffit de parcourir le listing des plugins ou d entrer vos mots clefs. Ensuite, vous n aurez plus qu à cliquer sur «installer maintenant». Pour aller plus loin, vous pouvez aussi utiliser le plugin woocommerce pour créer votre boutique en ligne, Contact Form 7 pour un formulaire de contact si votre template n en a pas ou encore le plugin bbpress pour créer votre forum. 23

24 24

25 Conclusion Nous espérons que cette lecture vous a été utile, n hésitez pas à nous faire des retours Amusez vous bien avec votre site! D autres livres blancs sont à venir On se suit? Pour être sur de ne rien rater, abonnez-vous à nos espaces de présence : Notre page Google+ Mon profil Twitter : Notre feed de News : 25

26 Alexandre Moussier Social Media Marketing 26 Adresse : 90 rue Édouard Vaillant Levallois-Perret Tel : Site :