BTS SIO - PPE 20152016

Installer Wordpress en local et adapter un thème pour réaliser son portfolio

I - Installation de Wordpress en local sous Wampserver

1. Télécharger Wordpress 4.1 à url suivante : http://fr.wordpress.org/

La procédure d'installation reste comparable à celle de l'installation sur un hébergement mutualisé (accès FTP au système de fichiers, accès à une base de données MySQL...)

2. Décompresser le fichier zip à la racine de votre serveur Web (de Wampserver)

3. Suivre les consignes du fichier readme.html de Wordpress pour réaliser l’installation :

3.1 Démarrer WampServer (Wordpress a besoin d’un serveur Apache, de MySql et de PHP),

3.2 Créer avec phpmyadmin une base de données intitulée wordpress

3.3 Modifier le fichier wp_config-sample.php à la racine du dossier wordpress

3.4 Enregistrer le fichier sous le nom wp-config.php

3.5 Dans le navigateur, saisir l’URL suivante : http://localhost/wordpress et l’installation commence (http://localhost/wordpress/wp-admin/install.php) :

3.5.1 Compléter le formulaire avec le titre du site web par exemple Portfolioindiquer un identifiant et un mot de passe (pour se connecter en tant

1 | P a g e

BTS SIO - PPE 20152016

qu’administrateur au tableau de bord de Wordpress) et cliquer sur le bouton installer wordpress

=> la page de connexion au tableau de bord de Wordpress apparaît à l’URL :

http://localhost/wordpress/wp-admin/

=>La page d’accueil du site Wordpress installé est à l’URL : http://localhost/wordpress

II –Découvrir Wordpress

Après l’installation, se connecter au tableau de bord (back end ou back office) et cliquer sur le lien «Plus d’information pour bien démarrer» qui renvoie à l’url : http://codex.wordpress.org/fr:Premiers_pas_avec_WordPress pour lire une documentation de base

1 Pour mettre en forme Wordpress

1.1 Dans le tableau de bord, rubrique Apparence activer le thème Twenty Thirteen

(Remarque : un choix de thèmes gratuits et personnalisables sont présents à cette URL http://wordpress.org/extend/themes/L’archive est dans ce cas à décompresser dans le dossier wordpress\wp-content\themes)

2 | P a g e

BTS SIO - PPE 20152016

1.2 Créer des catégories (qui seront nécessaires à la création du menu)

Pour cela créer des catégories

Y compris les catégories 1re année et 2me année (qui seront des sous-menus de Stages et Veille)

à l’aide du menu Articles/Catégories

(Remarque : ces catégories ne seront visibles que lorsqu’un article sera créé dans la catégorie)

1.3 Création de contenu3 | P a g e

BTS SIO - PPE 20152016

Dans Wordpress, on distingue les articles  et les pages http://www.wordpress-fr.net/faq/quelle-difference-y-a-t-il-entre-une-page-et-un-article/

Créer un article pour chacune des catégories créées. Pour ne pas perdre trop de temps à écrire utiliser du texte lorem ipsum (par exemple àl’ URL http://loripsum.net/)

Sur au moins un article ajouter du texte, une image

Lorsque l’article est prêt cocher la catégorie où il sera classé

Ajouter un mot clé et Publier

1.4 Création d'une page «Contact»

Créer une page Contact (la laisser vide pour l'instant).Et supprimer la page d’exemple (qui existe par défaut)

1.5 Création du menu

Aller dans Apparence/Menu, et créer un menu en ajoutant les catégories

4 | P a g e

BTS SIO - PPE 20152016

Cocher la case Menu de navigation pour faire apparaître le menu sous la bannière

1.6 Installer un widget comme le calendrier

1.7 Installer un plugin qui gère les formulaires de contact. Par exemple :http://wordpress.org/extend/plugins/contact-form-7/=> l’archive est à extraire dans wordpress/wp-content/plugins/Puis activer le plugin dans Extensions/Extensions installées

Eventuellement personnaliser le formulaire de contact en cliquant sur Réglages puis Modifier

5 | P a g e

BTS SIO - PPE 20152016

Puis Insérer le code du formulaire dans la page Contact.

III – Mise en place de votre portfolio

Pour réaliser votre portfolio nécessaire pour présenter vos réalisations (PPE, stages, TD) lors de l’épreuve E6 du BTS, vous avez le choix entre :

installer un CMS Wordpress en local sur votre ordinateur portable utiliser un CMS Wordpress gratuit en ligne : https://fr.wordpress.com/ (au préalable

créer un compte gratuit) utiliser un autre CMS : le choix ne manque pas : Drupal, Dotclear, Django, Joomla… créer votre portfolio en HTML CSS PHP…

=> le premier article de votre portfolio concerne la veille

Liens

http://fr.wordpress.org/

https://fr.wordpress.com/

6 | P a g e