Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Initiation à Wordpress 3 Licence Pro ATC – IUT d‟Arles 2010 Arnaud Tanielian -

Initiation à Wordpress 3 Licence Pro ATC – IUT d‟Arles 2010 Arnaud Tanielian - arno.tanielian@gmail.com - @Danetag Wordpress 0 – Le projet ....................................................................................................... 5 1 – Avant de Commencer ...................................................................................... 5 Qu'est-ce qu'un CMS ? A quoi ça sert ? ................................................................. 5 Let me introduce you: Wordpress! ....................................................................... 7 Pourquoi utiliser Wordpress ? ........................................................................... 7 Le principe de Wordpress ................................................................................ 7 2 - Lancement de Wordpress ............................................................................... 10 Logiciels indispensables .................................................................................... 10 Serveur Apache, MYSQL … ............................................................................. 10 Editeur de texte ........................................................................................... 10 Browsers ..................................................................................................... 11 Plugins FF ................................................................................................... 11 Installation de Wordpress ................................................................................. 12 Mettre tout en place ..................................................................................... 12 L'arborescence ............................................................................................. 15 Front Office ................................................................................................. 18 Back Office .................................................................................................. 19 L'installation d'un thème ............................................................................... 20 Installation d'un plugin .................................................................................. 22 Installation d'un widget ................................................................................. 23 3 - Insérer du texte ............................................................................................ 26 Ecrire son premier article : découverte de l‟éditeur visuel ...................................... 26 Section 1 : Editeur de texte enrichi (ou WYSIWYG) ........................................... 27 Section 2 : Publier ........................................................................................ 28 Section 3 : Catégorie/Mots-clefs ..................................................................... 28 Section 4 : Portfolio Post, extrait, rétroliens … ................................................ 29 4 - Modifier le contenu ........................................................................................ 30 Modifier les pages et articles ............................................................................. 30 Création des pages ....................................................................................... 30 Nouveauté Wordpress 3 : Le menu ................................................................. 30 Mise en place des pages ................................................................................ 32 Créer vos propres « Modèles Pages » .............................................................. 32 Nouvelle fonction de WordPress 3 : “Custom Post Types” ...................................... 34 Une fonction pour customiser l‟admin .............................................................. 34 Déclarer le custom post type .......................................................................... 34 De retour sur nos pages ................................................................................ 36 Nouvelle fonction de WordPress 3 : “Custom Taxonomy” ....................................... 39 Retour à la méthode my_custom_init() ............................................................ 39 Afficher de beau projet : custom loop ! ............................................................ 40 5 - Modifier la présentation .................................................................................. 43 Modifier le thème par défaut : Twenty Ten .......................................................... 43 Les modifications de bases ............................................................................ 43 L‟éditeur de thème ....................................................................................... 43 Comment intégrer son propre template ? ............................................................ 44 Monter la page HTML .................................................................................... 44 Les standards CSS ....................................................................................... 44 Partir du template de base ............................................................................. 44 6 – Gérer son site en ligne ................................................................................... 45 Choisir un hébergement + nom de domaine ........................................................ 45 Exporter ........................................................................................................ 45 Mettre en production ....................................................................................... 45 Importer ........................................................................................................ 46 Quelques astuces ............................................................................................ 46 De beaux liens pour un beau référencement ..................................................... 46 7 - Annexes ....................................................................................................... 47 Option : Création d'un Vhost ............................................................................. 47 8 – Source ........................................................................................................ 49 0 – Le projet Construire un site personnel, de type portfolio et/ou blog, afin d'avoir un site complet et maintenu à jour sur le net. Objectif : Avoir une présence sur le net, pouvoir y montrer ses travaux, son CV. Pourquoi pas tenir à jour un blog, qui peut être un vrai plus dans la vie professionnel. 1 – Avant de Commencer Qu'est-ce qu'un CMS ? A quoi ça sert ? Les CMS - Content Management System sont une famille de logiciels destinés à la conception et à la mise à jour dynamique de site web ou d'application multimédia. Ils partagent les fonctionnalités suivantes :  ils permettent à plusieurs individus de mettre à jour une administration, où les utilisateurs sont définis par des rôles, avec des actions possibles ou non sur des ressources. Ex : Un rôle « super admin » à tous les privilèges (création, édition, suppression) sur un article, un rôle « éditeur » ne peut pas créer mais seulement éditer un article, un simple utilisateur ne peut pas accéder à l'administration.  ils fournissent une chaîne de publication (workflow) offrant par exemple la possibilité de mettre en ligne le contenu des documents. On peut donc faire passer un article par plusieurs « états » : brouillon, non-publié puis publié.  ils permettent de séparer les opérations de gestion de la forme et du contenu : Système de Template, interface d'administration déjà prête.  ils permettent de structurer le contenu (utilisation de FAQ, de blogs, de forums de discussion, etc.). Selon le type de CMS, le contenu est donc déjà structuré comme un blog ou un forum par exemple. La plupart du temps, c'est concrètement un ensemble de fichiers à télécharger et à mettre en place sur son FTP ou serveur local. La 1ère fois que l'on accède à l'index, on est en général invité à entrer les informations pour la connexion à la base de donnée, puis quelques informations générales comme le titre ou le login/mdp de l'admin principal. L'avantage principal d'un CMS est donc la rapidité du déploiement pour un site dynamique. C'est une solution « clef en main », adaptée pour des projets à petits budgets souvent (Cela dépend du projet et du CMS bien sûr. Par exemple, Drupal est assez compliqué de prise en main et très puissant). L'interface d'administration étant déjà faite (back office), il « ne reste plus » qu'à s'occuper du front office. Et encore, avec le système de templates, cette tache peut aussi être facilitée. L'inconvénient est donc la personnalisation. Il existe des templates tout fait, des widgets ou des plugins pour avoir plus de fonctionnalités, ou encore du « développement » spécifique à chaque CMS pour customiser son front office, mais on ne pourra jamais être aussi libre qu'un développement « à la main » ou avec des frameworks type Zend Framework ou Cake PHP. Il existe de nombreux CMS, avec chacun ses spécificités, type, avantages et inconvénients, adaptés aux projets, aux clients et aux développeurs à différents niveaux de compétences. Par exemple : Blog  Wordpress  DotClear Site  Joomla!  Drupal  Spip (à bannir) Forum  phpbb /fluxbb Etc. Il ne existe énormément, des payants comme des gratuits. Une liste non exhaustive : http://www.scriptol.fr/cms/liste.php J'ai décidé de monter avec vous un portfolio avec Wordpress pour plusieurs raisons :  Pouvoir différencier une partie « blog (spécifique à Wordpress) et une partie « portfolio » pour présenter vos projets à la sortie de la licence  Profiter du coup du référencement possible de votre contenu facilement grâce à Wordpress, ce qui peut être intéressant.  Ne pas avoir à faire de développement compliqué car ce n'est pas votre spécialité  Avoir une interface d'administration toute prête  Pouvoir ajouter un système de galerie à l'aide de plugins.  Pour personnaliser votre front office grâce à des templates existants ou (mieux), votre propre template Let me introduce you: Wordpress! WordPress est un système de gestion de contenu libre écrit en PHP et reposant sur une base de données MySQL. WordPress est surtout utilisé comme moteur de blog, mais ses fonctionnalités lui permettent également de gérer n'importe quel site Web, et c'est là l'avantage ! Pourquoi utiliser Wordpress ? La majorité des marketeurs, développeurs et graphistes sont d‟accords sur ce point : le premier avantage de WordPress est de fournir un outil simple d‟utilisation tout en étant performant. En effet, l‟interface d‟utilisation de WordPress s‟apparente beaucoup à celle d‟un traitement de texte classique (un peu comme Word), du coup elle est très facile à prendre en main. De plus, la communauté très forte autour de Wordpress est un avantage déterminant pour lui, et pour un CMS en général : C'est elle qui fait sa renommée. C'est la communauté qui développe des plugins, des templates … Et donc enrichie Wordpress tous les jours. Entre autres, pourquoi utiliser Wordpress ? Car :  WordPress est un logiciel libre  WordPress est simple d‟utilisation  Wordpress a une communauté forte : Plugins, thèmes, widgets, du gratuit au payant.  WordPress est optimisé pour les moteurs de recherches  etc. Le principe de Wordpress Wordpress est donc surtout utilisé comme un blog. Cependant, on peut très bien l'utiliser pour faire un site web de contenu. Il repose sur 2 principes :  Les posts : Basiquement, cela correspond aux articles. Un titre, du contenu...  Les pages : Typiquement, on peut retrouver des pages comme « Contact », « à propos »... Une page est personnalisable, et peut bien sûr contenir des posts. La dernière version de Wordpress est la version 3. Elle était attendue et apporte un certain nombre de changements. On peut noter : > D'un type "blog" vers un type "site" « Just another Wordpress Blog » disparait … au profit de « Just another Wordpress site ». Il semblerait que WordPress soit en train de migrer doucement du moteur de blog vers le CMS complet. > Custom Post Type Il est maintenant possible de définir des « types de posts » avec des propriétés différentes. Par exemple, on peut créer un type de post « Film » qui sera relié à un réalisateur, des acteurs, etc. Ou encore un type de post « projet » qui sera relié à des clients, type de projet, technologies utilisées … Difficilement automatisable, il faut mettre les mains dans le cambouis et coder quelques lignes pour arriver à créer des types de posts. (C'est ce que nous ferons tout à l'heure) Tutorial : http://wpengineer.com/impressions-of-custom-post-type/ (en anglais) > Gestion des menus Il est possible, directement depuis l'admin, de configurer les menus qui apparaissent dans la sidebar. On peut leur uploads/s3/ initiation-a-wordpress.pdf