[[WordPress]]
 
Piste: • Long Hai LE HUYNH • CMS: WordPress • WordPress: Tutoriels • WordPress
Vous êtes ici: Formations » iesa » WordPress

WordPress

  • WordPress est un CMS (Content Management System)
  • C'est un outil qui permet de créer et gérer des sites web dynamiques
  • Technologies standards, open-source et gratuit
  • +150.000 lignes de code PHP
  • LAMP… Linux Apache2 MySQL5 PHP5
  • Principaux concurrents: Joomla, Drupal
  • WordPress est actuellement le CMS le plus populaire
  • +70 millions de sites WP recensés
  • propulse +15% de tous les sites internet
  • occupe +50% en part de marché CMS

Quelques liens utiles:

WordPress en Pratique

  • WordPress a été créé en 2003
  • Outil de Blog initialement
  • Evolution en CMS
  • Version actuelle (Janvier 2012): WP 3.3.1
  • 2 versions majeures par an et plusieurs versions mineures suivant les bugs
  • L'équipe de développement est employée par l'entreprise Automattic
  • Automattic centralise l'écosystème WordPress.com
  • WP est essentiellement un moteur CMS
  • Il se complète par des thèmes et des plugins
  • Beaucoup de nouveautés avec la version WP3
  • WARNING: éviter les thèmes et plugins trop vieux

Quelques liens utiles:

Avantages de WordPress

  • Facile à installer et à prendre en main
  • Evolutif suivant l'expérience du webmaster
  • Possibilité de créer des sites très différents
  • Beaucoup de thèmes gratuits ou payants
  • Beaucoup de plugins gratuits ou payants
  • Nombreux supports gratuits ou payants
  • Idéal pour les sites magazines (~1.000 pages)
  • Ecosystème très large
  • Interaction avec de nombreux services en ligne
  • Nombreux supports en ligne

Limites de WordPress

  • Configuration assez vite limitée en passant par les écrans
  • Mieux si connaissance PHP5: le codage de plugins et thèmes est assez facile
  • Performances à améliorer (RAM recommandée +64Mo)

Langues et traduction

  • Beaucoup de plugins et thèmes (gratuits ou payants) ne sont disponibles qu'en anglais
  • ⇒ bon niveau en anglais requis

Installation Serveur Web en local (WAMPSERVER)

Architecture standard LAMP (Linux Apache2 MySQL5 PHP5)

Sur PC on aura WAMP:

  • Windows
  • Apache2
  • MySQL5
  • PHP5

Installation de WampServer

http://www.wampserver.com/

Télécharger la dernière version et puis lancer l'installation.

Dossier cible: C:\WAMP ou D:\WAMP

WARNING: Eviter le dossier C:\Progam Files\ car il est protégé en écriture et on aura besoin de de créer/modifier des fichiers après installation…

Installation sur hébergement

Hébergement mutualisé avec nom de domaine ?

Installation en localhost

Télécharger le zip

Dézipper

Copier le dossier /wordpress/

Installation du site dans le dossier /wordpress/

  • Ouvrir dans un navigateur un premier onglet:
  • http://localhost/wordpress/
  • Un écran d'accueil s'affiche et nous guide pour l'installation de WordPress
  • Lire les informations
  • et ensuite appuyer sur le bouton
  • …
  • Un écran nous demande les informations pour se connecter à la base de données MySQL
  • Remplir le formulaire d'installation de WordPress

Wordpress: fichiers et dossiers

  • Les fichiers et dossiers de wordpress sont presque tous préfixés avec wp-
  • sauf /index.php, /xmlrpc.php (fichiers importants)
  • sauf readme.html, license.txt (fichiers pour information)
  • Les 3 dossiers /wp-admin/, /wp-includes/, /wp-content/ sont importants
  • le dossier /wp-content/ contient les fichiers personnalisés du site (uploads, themes, plugins)
  • NOTE: Il faudra sauvegarder ce dossier /wp-content/ et la base de données MySQL pour avoir un backup du site

WordPress: Espace public, espace admin

Login (avec cookies)

Si le visiteur est identifié, l'espace public est enrichi d'une barre d'outils et de liens utiles dans la page.

Type de contenu

Le noyau WordPress propose de gérer différents types de contenu:

  • Pages
  • Menus
  • Articles
  • Liens
  • Themes
  • Widgets
  • Plugins

Généralement:

  • il y a un écran pour gérer la liste des éléments
  • et un autre écran plus détaillé pour gérer chaque élément individuellement.

Créer des pages

  • WordPress est un Content Management System (CMS)
  • Etapes pour construire un site avec WP
  • D'abord ajouter le contenu
  • Ensuite habiller le contenu

Arborescence des pages: Créer des sous-pages

  • A chaque page, on peut attribuer une page parente
  • Cela permet de créer des sous-pages

créer des menus

  • WordPress tente de gérer les menus automatiquement
  • Souvent, il est plus simple de créer un menu personnalisé
  • Ecran avec Drag and Drop des menus
  • 'Drag and Drop' vers la droite pour créer des sous-menus

Ajouter des media

  • Ajouter des images (JPEG, PNG, GIF)
  • Ajouter des documents (ex: PDF)

Gérer une galerie de photos

  • Sur l'écran de création de page
  • Ajouter des images (JPEG, PNG, GIF)
  • Ensuite, dans le contenu de la page, ajouter le shortcode
  • [gallery]
  • Il y a plusieurs options pour personnaliser la galerie
  • Il y a un écran pour aider à configurer les options

Ajouter des articles

  • Pourquoi des Pages et des Articles ???
  • Quelle est la différence entre les pages et les articles ???
  • Comparaison
  • Différence entre les Livres et les Magazines/Journaux
  • Business Model typique des sites internet:
  • Insertion de panneaux publicitaires
  • Le public lit plus souvent des magazines que des livres
  • Pour le webmaster ou editeur de contenus:
  • Plus facile de produire des petits contenus régulièrement

Ajouter des tags

  • Les Tags proposent aux visiteurs des itinéraires de lecture suivant un centre d'intérêt
  • Les Tags améliorent la densité de mots-clé dans les pages
  • Importance du Référencement avec les moteurs de recherche
  • Google
  • Bing

Site Dynamique: Création automatique de pages

  • WordPress est un CMS très apprécié car il crée des pages supplémentaires à partir du contenu des articles.
  • ⇒ Renforce le nombre de pages référencées par Google
  • ⇒ Renforce le Search Engine Optimization (SEO)

Ajouter des catégories

  • Les Catégories proposent aux visiteurs des itinéraires de lecture suivant un centre d'intérêt
  • Les Catégories améliorent la densité de mots-clé dans les pages
  • En doublon avec les Tags… car historiquement présent dans WP avant les Tags

Gestion des commentaires

  • WordPress propose une gestion fine des commentaires
  • ON/OFF au niveau du site (règle générale)
  • ON/OFF au niveau des articles (exceptions)
  • Threads ou discussion: les commentaires peuvent être hiérarchisés

Personnaliser: les shortcodes

  • Pour contourner les codes HTML potentiellement dangereux
  • Pour simplifier l'écriture de code
  • [shortcode]
  • ⇒ remplacé à l'affichage par un bloc HTML

Personnaliser: les widgets

  • Les Thèmes fournissent des zones de widgets
  • Ces Zones peuvent être personnalisées par le webmaster

Personnaliser: les thèmes

  • Les thèmes du catalogue peuvent être installés directement depuis un écran d'administration.
  • Les thèmes peuvent aussi être téléchargés en format .zip
  • WARNING: Potentiellement dangereux!!!

Personnaliser: les plugins

  • Les plugins du catalogue peuvent être installés directement depuis un écran d'administration.
  • Les plugins peuvent aussi être téléchargés en format .zip
  • WARNING: Potentiellement dangereux!!!

Plugins utiles: Contact Form 7

  • WordPress propose des formulaire pour les commentaires
  • MAIS RIEN pour les formulaires de contact !!!
  • Contact Form 7

http://wordpress.org/extend/plugins/contact-form-7/

Plugins utiles: Custom CSS

Plugins utiles: Antispam Akismet

Plugins utiles: JetPack

  • besoin d'une clé fournie avec un compte WordPress.com
  • inclut un outil de stats pour les visites des pages
  • ajoute des [shortcodes] pour intégrer les videos youtube

Plugins utiles: WP DB Manager

  • Pour améliorer la sécurité de votre site internet, il faut faire une sauvegarde régulièrement.
  • Pour simplifier cette tâche, il y a des plugins pour créer une sauvegarde de la Base de Données (BDD) MySQL

Codage: Thème WP

Editeur intégré de code PHP pour les administrateurs

Possibilité de modifier le code des thèmes et des plugins

WARNING:

  • IL NE FAUT PLUS FAIRE DE MISES A JOUR AUTOMATIQUES!!!
  • LES MODIFS DE CODE SONT ECRASEES :-/

METHODE PROPRE:

  • CREER UN “CHILD THEME”

Codage: hiérarchie des fichiers d'un thème WP

  • style.css
  • index.php
  • functions.php
  • get_template_part()
  • get_header()
  • get_footer()
  • single.php
  • page.php
  • tag.php
  • etc…

Codage: The Loop

loop.php
<?php if (have_posts()) : ?>
      <?php while (have_posts()) : the_post(); ?>    
            <!-- do stuff ... -->
            <div><?php the_title(); ?></div>    
            <div><?php the_content(); ?></div>    
      <?php endwhile; ?>
<?php endif; ?>

Plugins Avancés: Custom Post Types UI

  • WordPress3.x propose d'étendre les types de contenu gérés
  • par défaut: pages, articles, media
  • Les thèmes spécialisés peuvent ajouter de nouveaux types de contenu
  • Certains plugins permettent de gérer des types de contenu personnalisés
  • Custom Post Type UI

http://wordpress.org/extend/plugins/custom-post-type-ui/

  • Types - Custom Fields

http://wordpress.org/extend/plugins/types/

Outils externes: XMLRPC API

  • WordPress inclut une API XMLRPC
  • cette interface permet de contrôler un site WordPress depuis un outil externe
  • Il faut cocher cette options dans “Réglages” > “Ecriture” > cocher “XML-RPC”
  • PC
  • Mac
  • iOS
  • Android
  • Blackberry

iesa/wordpress/start.txt · Dernière modification: 2012/02/05 22:07 par webmaster
 
Recent changes RSS feed Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki