Utiliser un CMS: WordpressAnnie DanzartAnnie.Danzart@enst.frWordpress • Concevoir un site web statique • Concevoir un site web dynamique• Choisir un hébergement• Choix du CMS• Wordpress: installation• Wordpress : le front office• WordPress: le back office, les thèmes, les widgets, les utilisateurs• Le blog : les articles• Le CMS : les pages statiques, sous-pages, modèles, structuration• Intégration de php et mysql• Travail demandéConcevoir un site web statique • À partir de rien– Page web (html, navigation, survols, composants)– Avec un éditeur wysiwyg (dreamweaver, frontpage, Komposer)– Aide interactive (html playground)• … mais avec des générateurs– Boutons, choix de couleurs, mise en page CSS, menus• À partir de modèles– Opensource webdesign, open web design• Mise en ligne (hébergement, ftp, via l’éditeur local)Concevoir un site web dynamique • Hébergé ou à héberger soi-même• Blog – Wordpress, Typepad, Dotclear, Blogger • Wiki– Mediawiki, wikini• Sites – Google pages, sitekreator• CMS– Spip, joomla, Typo3, …Hébergement d’un site • Hébergeur: – particulier ou professionnel: serveur web connecté en permanence • Contraintes – Stockage d’au moins 100Mo, accès ftp, base de données, php• Nom de domaine– En rapport avec la ligne éditoriale, disponibilité• Hébergeurs:– 1and1.fr, ovh.com– Gratuits: free.fr, orilla.net Choix d’un CMS • Y-a-t-il un ...
Concevoir un site web statiqueConcevoir un site web dynamiqueChoisir un hébergementChoix du CMSWordpress: installationWordpress : le front officeWordPress: le back office, les thèmes, les widgets, les utilisateursLe blog : les articlesLe CMS : les pages statiques, sous-pages, modèles, structurationIntégration de php et mysqlTravail demandé
•
•
•
•
Concevoir un site web statique
partir de rien–Page web (html, navigation, survols, composants)–Avec un éditeur wysiwyg (dreamweaver, frontpage, Komposer)–Aide interactive(html playground)… mais avec des générateurs–Boutons, choix de couleurs, mise en page CSS,menus
partir de modèles–Opensource webdesign,open web design
Mise en ligne (hébergement, ftp, via l’éditeur local)
•
•
•
•
•
Concevoir un site web dynamique
Hébergé ou à héberger soi-même
Blog–Wordpress, Typepad, Dotclear,Blogger
Wiki
–Mediawiki, wikini
Sites
–Google pages,sitekreator
CMS
–Spip, joomla, Typo3, …
•
• •
•
Hébergement d’un site
Hébergeur:–particulier ou professionnel: serveur web connecté en permanenceContraintes–Stockage d’au moins 100Mo, accès ftp, base de données, phpNom de domaine–En rapport avec la ligne éditoriale, disponibilité
Y-a-t-il un numéro 1 ?(http://www.webdesignerdepot Comparatif Un CMS (Content Management System)–Base de données–Scripts côté serveur– Authoring–Droits–Multimédia– Publication
Sur votre compte unix–Télécharger wordpress dans votre répertoire public_html–L’installer avec les paramètres:–Dupliquer le fichier wp-config-sample.phpAppeler cette copie wp-config.php– –Editer ce fichier et le modifier comme suit:•Serveur mysql: mysql.infres.enst.fr:3307•Base de données: carte n°’’ •Login: MM’n°’ • nMot de passe: media’ °’ –Se connecter au programme wordpress:•http://www.infres.enst.fr/~login/wordpress/
•
Wordpress: installation à l’enst
Changer les droits
–Lancer le programme putty–Se déplacer dans le répertoire public_html
•Installation de wordpress–Connexion après installation (admin, mot de passe)–Modifier les informations pour admin•nom, prénom, pseudo, nouveau mot de passe–Mettre à jour le profil•Nom affiché publiquement–Retour sur le site: page par défaut
Remarque:–on peut aussi mettre tous les fichiers à la racine du site si c’est sa seule vocation
•
• •
Wordpress: le frontoffice
Le blog:–Espace de publication personnel permettant de diffuser du contenu sur un espace réservé–Espace de communication: information + commentaires–Ligne éditoriale en fonction du lectorat ciblé–Système de publication de post: le dernier article publié apparaît en premierLe CMS–Mise en place de pages fixes Dans les deux cas:– Moteur de recherche, Archives, Commentaires, Mots-clés
!
•
Wordpress: le backoffice
Wp-admin:le tableau de bord–Login, mot de passe–Gestion des articles: modification, publié, date de publication, mots-clés, catégorie, extrait, auteur–Gestion des pages: modification, modèle, hiérarchie–Apparence–Notation, commentaires–Vidéos, médias–Zone de recherche– Gestion des langues–Affichage des visites, référencement