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» Gérer / Pages En mode Admin. 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