Multimédia SRC1 Utilisation du CMS (Content Management System

Multimédia SRC1
Utilisation du CMS (Content Management System)
Wordpress
Les systèmes de gestion de contenu ou SGC (de l'anglais Content Management System ou
CMS) sont une famille de logiciels de conception et de mise à jour dynamique de site Web
partageant les fonctionnalités suivantes :
•
•
•
•
Ils permettent à plusieurs individus de travailler sur un même document ;
Ils fournissent une chaîne de publication (workflow) offrant par exemple la possibilité
de publier (mettre en ligne le contenu) des documents ;
Ils permettent de séparer les opérations de gestion de la forme et du contenu ;
Ils permettent de structurer le contenu (utilisation de FAQ, de document, de blog,
forum de discussion, etc.) ;
Les systèmes de gestion de contenu permettent de réaliser la gestion de contenu dans
l'entreprise, connue sous le nom "Enterprise Content Management" en anglais (ECM).
1 : Liens à utiliser :
Wordpress : http://www.wordpress-fr.net/
Site à réaliser : http://195.83.128.55/~hmignot/wordpresssrc/
2 : Téléchargement et installation
- Sur le site de Wordpress, télécharger la version 2.0.9 pack Français ;
- Extraire les fichiers ;
- Copier ces fichiers dans un dossier nommé « wordpresssrc » sur votre ftp ;
- Ouvrir dans Dreamweaver le fichier « wp-config-sample.php » et le paramétrer :
wp-config-sample.php
<?php
// ** reglages MySQL ** //
define('DB_NAME', 'wordpress'); // Le nom de la base de donnees
define('DB_USER', 'username'); // Votre identifiant MySQL
define('DB_PASSWORD', 'password'); // ...et votre mot de passe
define('DB_HOST', 'localhost'); // Dans la plupart des cas, vous n'aurez pas a modifier cette
ligne
// Vous pouvez faire plusieurs installation sur une meme base de donnees en leur donnant un
prefixe unique
$table_prefix = 'wp_'; // Que des chiffres, lettres ou soulignes, s'il vous plait !
Année universitaire 2006 – 2007
1
// Modifiez la ligne suivante pour traduire WordPress. Il faut que le dossier
// wp-includes/languages contienne une fichier .mo correspondant a la langue choisir.
// Par exemple, installez de.me dans wp-includes/languages et preciser 'de' a WPLANG
// pour mettre en place la traduction allemande.
define ('WPLANG', 'fr_FR');
/* C'est tout, ne touchez pas au reste ! Bloguez bien ! */
define('ABSPATH', dirname(__FILE__).'/');
require_once(ABSPATH.'wp-settings.php');
?>
- Sauvegarder le fichier modifié sous « wp-config.php », le transférer sur votre ftp ;
- Saisir dans un navigateur l’adresse qui correspond à la sauvegarde ftp :
htt://195.83.128.55/~toto/wordpresssrc
Vous obtenez alors les écrans suivants :
Année universitaire 2006 – 2007
2
- Noter l’identifiant et le mot de passe correspondant, se loguer ;
- Aller voir le contenu de votre base de données ;
Année universitaire 2006 – 2007
3
3 : Modifier l’apparence du site : les templates
- Télécharger sur le site de Wordpress le templates « wp-magapress »
- Extraire les fichiers.
- Sur votre ftp : supprimer le contenu du dossier :
public_html/wordpresssrc/wp-content/themes/default/
- Transférer vers ce dossier le contenu du dossier préalablement dézippé ;
4 : Le cahier des charges
Vous devez réaliser le site web du club de lecture de Saint Hillaire.
Ce site est constitué de 2 pages :
- Une page « Accueil » ;
- Une page « Contact » :
Année universitaire 2006 – 2007
4
5 catégories figurent sur le site : rubrique chapitres
- Coups de cœur : catégorie constituée d’articles consacrés aux meilleurs livres du moment
- Le cercle : catégorie constituée d’articles qui décrivent le fonctionnement du cercle de
lecture ;
- Les auteurs : catégorie constituée d’articles qui présentent les plus grands auteurs des 30
dernières années ;
- Les livres : catégorie constituée d’articles rédigés par les adhérents du club qui présentent
les ouvrages ;
- Manifestation : catégorie constituée d’articles qui présentent les temps forts du cercle de
lecture ;
La rubrique « Archives » répertorie l’ensemble des articles ;
La rubrique « Liens » permet de visiter d’autres sites prisés par les adhérents ;
La rubrique « Utile » permet d’accéder au mode administration du site et au site de
Wordpress ;
Autres éléments :
Remplacer l’image d’origine du templates par une bannière que vous aurez créée ;
La couleur des liens survolés est : #505050 ;
Il serait souhaitable de franciser un maximum de termes présents dans le template ;
Modifier votre mot de passe Admin ;
Créer un compte utilisateur qui pourra écrire et publier un article ;
Année universitaire 2006 – 2007
5
4 : Travail à réaliser sur le contenu
4.1 : Création des pages « Accueil » et « Contact »
En mode Admin.
Gérer / Pages
4.2 : Création des catégories (Gérer / Catégories)
4.3 : Rédaction des articles (Gérer / Articles)
Vous pouvez reprendre les articles du site en démo ou en trouver d’autres. Prévoir 2 ou 3
articles pour au moins 3 catégories.
4.4 : Création de quelques liens externes
Année universitaire 2006 – 2007
6
4.5 Création d’un compte utilisateur qui pourra écrire et publier un article. Il pourra
également modifier et supprimer ses propres articles uniquement.
Vous devez lui affecter un niveau précis (ou administrateur ou auteur ou éditeur ou
contributeur ou abonné).
5 : Travail à réaliser sur la forme
5.1 : Création de la bannière et mise en place
5.2 : Modification des titres des rubriques (« Chapitres », « Archives », « Liens »,
« Utile »)
Après avoir défini votre site dans Dreamweaver, utiliser la fonction Rechercher / Remplacer
pour modifier les titres des rubriques.
5.3 : Votre site en Français
En utilisant la méthode précédente, vous modifierez les termes en langue Anglaise présents
dans votre site.
5.4 : Modification de la feuille de styles
Modifier la couleur des liens survolés. Vous pouvez si vous le souhaitez modifier d’autres
styles.
6 : Mise en œuvre
6.1 : Se connecter «utilisateur», écrire et publier un article qui comportera une image.
6.2 : Sous le statut de simple visiteur, poster un commentaire sur un article.
6.3 : Se connecter administrateur et valider le commentaire précédent.
Vous pouvez largement améliorer la présentation et le contenu de ce site en explorant
davantage le mode Admin.
Année universitaire 2006 – 2007
7