wordpress meetup
TRANSCRIPT
WordPress dans les grandes lignes
Wordpress.com versus l’auto-hébergement
1. Créer un site
WordPress 3
Wordpress.com
WordPress propose son propre espace d’hébergement. Vous pouvez choisir un nom de domaine standard (monsite.wordpress.com) ou personnalisé et payant (monsite.fr). Vous aurez accès un à liste de thèmes gratuits et payants.
https://wordpress.com/start/survey Exemple : https://ticoet.wordpress.com/ https://ticoet.wordpress.com/wp-admin/
Wordpress.com
Wordpress.com
Worpdress.com
WordPress 7
WordPress auto-hébergé
§ Alwaysdata (gratuit 10mo) § Hostinger (gratuit 2go) § 000webhost (gratuit 1.5go) § FreeHosting (gratuit 20go) § OVH (payant) § Gandi (payant) Il en existe vraiment beaucoup. Assurez-vous que l’hébergeur supporte le PHP et MySQL pour pouvoir y faire tourner WordPress.
WordPress est aussi un CMS, un système de gestion du contenu, et vous permet de mettre en place un site internet dont vous maitriserez une partie de l’environnement.
Vous devrez pour cela télécharger le CMS et l’installer sur un hébergement gratuit ou payant. Prix des offres OVH
Administrer votre site sans rien connaître au code HTML
L’interface de gestion
WordPress 9
Un site dynamique ?
Un site créé avec WordPress est divisé entre deux parties distinctes : - Le site public est l’ensemble des pages accessibles à tout visiteur. Il
s’agit de l’affichage des articles, pages, catégories que vous avez publiés, ainsi que les commentaires qui peuvent y être associés. Il est généré par le thème.
- L’espace privé est l’espace à accès restreint dans lequel les administrateurs et rédacteurs peuvent écrire des articles, des pages, modifier la structure du site, suivre et modérer les commentaires, etc. Il est nécessaire d’être enregistré pour accéder à cet espace, c’est-à-dire d’avoir un login et un mot de passe. L’espace privé est accessible depuis le répertoire "wp-admin" du site WordPress.
wp-admin
WordPress 11
Le menu de WordPress
Le tableau de bord affiche un menu à gauche permettant d'accéder aux différentes fonctionnalités du site et à des aperçus rapides de ce qui a été fait. Le module « D’un coup d’œil" vous donne un aperçu rapide des contenus répertoriés, qu'ils soient ou non publiés. Le module « Stats du Site" vous indique les périodes d’activités éditoriales. Pour l’affichage des statistiques de Google Analytics, il est possible d’avoir accès à quelques données mensuelles.
WordPress 12
Les fonctionnalités présentes dans le menu
§ Articles Cette partie vous permet de gérer vos articles, d'en rédiger ou d'en modifier. Vous pouvez aussi créer des catégories pour améliorer le classement de ceux-ci. Les mots clés vous permettent d'ajouter un moyen supplémentaire de créer du lien entre vos contenus pour un meilleur maillage interne.
§ Médias Gestion et chargement des médias (images...).
§ Pages Gestion des pages statiques du site.
§ Commentaires Espace de modération des commentaires du site.
§ Contact (option) Création de formulaire que vous pourrez ensuite intégrer dans vos pages ou vos articles.
§ Apparence Espace qui permet de gérer les menus, les widgets. Il existe des fonctionnalités propres à chaque thème WordPress
§ Utilisateurs Gestion des utilisateurs du site.
§ Réglages Accès à des paramètres du site ainsi qu'à certaines extensions.
§ SEO (option) Module pour améliorer l'optimisation du référencement naturel du site.
§ Événements (option) Module pour créer des événements qui s’afficheront ensuite dans l’agenda
§ Les modules (options) Jetpack, ACF, Google Analyics, Outils et Réglages n’ont pas à être modifié
WordPress 13
Les articles
L'espace de gestion des articles affiche un tableau des derniers articles (actualités). Il est possible, avec les filtres, de ne faire apparaître qu'une partie des articles liés à une catégorie. Dans la partie "Options de l'écran", vous pouvez choisir d'afficher ou non certains critères (auteur, catégories, mots clefs...). Les articles génèrent un flux et sont généralement utilisés pour un blog ou une rubrique d’actualités.
WordPress 14
Les pages
Les pages sont des éléments très proches des articles mais qui sont plutôt dédiées aux contenus statiques du site (présentation, équipe…). Elles apparaissent généralement dans les menus principaux ou secondaires du site.
WordPress 15
Création de pages et d'articles
Pour la création de pages et d'articles, les champs principaux sont identiques. Le champ Titre, obligatoire, va définir le titre de votre page (qui servira aussi au référencement de celle-ci). Le champ Texte, quant à lui, accueillera les textes et les médias de votre page ou de votre article. Dans la barre de menu, vous avez des raccourcis cliquables pour générer des gras, des italiques... Pour faire des sous-titres, il faudra cliquer sur l'icône pour faire apparaître les autres options.
WordPress 16
Création de pages et d'articles
Le permalien Une fois le titre saisi, vous pouvez améliorer le permalien de votre page ou de votre article en ajoutant par exemple des mots clés qui ne serait pas dans le titre. Par défaut le permalien reprend les éléments du titre. Les permaliens se gèrent aussi dans les réglages du site pour définir le format des adresses des différentes pages du site. Vérifiez bien que l’hébergeur permette la réécriture des URLs.
WordPress 17
Création de pages et d'articles
Ajouter un média Pour ajouter une image dans l'article ou la page, vous cliquez sur "Ajouter un média". S'ouvre alors une fenêtre. Vous avez la possibilité de prendre une image sur votre ordinateur ou dans votre bibliothèque. Vous pouvez aussi, suivant les thèmes, créer une galerie, mettre une image à la Une ou insérer une image qui est sur un autre site internet (attention aux droits).
WordPress 18
Création de pages et d'articles
Spécificités sur l'article Vous devez spécifiez la catégorie souhaitée pour votre article. Si vous l’oubliez, l’article sera associé à la catégorie par défaut. Les étiquettes ajoutent des mots clés pour lier vos différents articles ensembles et, même si elles n’apparaissent pas dans le thème choisi, elles seront visibles dans le sitemap et aussi dans l’admin pour filtrer les articles. Le module discussion permet d’activer ou non les commentaires sur un article ou une page. Spécificités sur la page Les attributs de la page sont spécifiques au thème choisi qui, généralement, propose des modèles de page (pour avoir un menu à gauche ou à droite par exemple). Le Parent permet de lier une page à une autre comme sous élément de celle mise en parent. Cela permet de faire un fil d’Ariane détaillé.
WordPress 19
Gestion des images
Pour insérer une image dans un article ou dans une page, vous devez d'abord placer le curseur à l'endroit où devra se placer l'image. Ensuite, vous cliquez sur "Ajouter un media". Différentes options vous seront alors proposées : § Insérer un média ; § Créer une galerie ; § Mettre une image à la Une (attention,
certains thèmes ne pourront pas afficher ces images) ;
§ Insérer à partir d'une adresse web. Pour l'insertion d'image à partir de l'adresse web de celle-ci, il suffit de coller l'URL puis d'insérer l'image.
Lorsque vous utilisez des images provenant de sites web, faites attention aux droits de reproduction !
WordPress 20
Gestion des menus
Il est possible de modifier les différents menus actifs sur le site et d’en créer de nouveaux que vous pourrez afficher dans des widgets. Colonne de gauche, vous retrouvez les principaux accès aux données de votre site. Si les données souhaitées n’y sont pas, vous pouvez utilisez « liens personnalisés ».
WordPress 21
Les widgets
Dans Apparence > Widgets, vous pouvez accéder aux widgets présents sur certaines page ou en bas de toutes les pages. Dans cet exemple : § Ma sidebar est affichée sur les
actualités ; § Les 3 footers gèrent les modules
sociaux en bas de la page d’accueil ; § Page permet de gérer le texte qui
s’affiche par défaut à droite des pages quand il n’y a pas d’image insérée (voir gestion des pages page 10)…
Des thèmes payants répondant à la plupart des besoins
Les thèmes prenium
WordPress 23
L’outil idéal pour les débutants, il est traduit plus ou moins bien en français. Epanel § Définir logo et
favicon § Ajouter vos profils
de réseaux sociaux (entête ou pied de page)
§ …
Divi Builder Un outil pour gérer l’affichage des pages d’une manière assez poussée : § Multicolonnes § Ajouts de widget
ou d’éléments graphiques plus complexes (onglets, menu accordéon, compteurs…)
En savoir plus : https://wpmarmite.com/divi/ https://www.elegantthemes.com/gallery/divi/ Prix : De 69$/an à 249$ (à vie)
Divi – elegant themes
WordPress 24
18 démos proposées pour tester des dispositions différentes. Une documentation en ligne très poussée pour répondre à toute vos questions.
Fusion Builder L’outil de constructeur de page maison du thème pour découper vos pages et organiser vos contenus comme vous le souhaitez. Revolution Slider et LayerSlider Des outils assez poussés pour réaliser des sliders animés.
En savoir plus : https://wpmarmite.com/avada/ https://themeforest.net/item/avada-responsive-multipurpose-theme/2833226 60$ Compatible avec WooCommerce, Polylang (gestion site multilangue…)
Avada – envato market
WordPress 25
Thème plutôt bien fait qui répondra à la plupart des besoins de site web. De nombreuses démos pour vous aider à choisir quel aspect aura votre site. (voir http://winningwp.com/examples-of-sites-built-with-the-wordpress-enfold-theme-by-kriesi/)
Avia L’outil de création de page Avia propose des options comme sur les autres thèmes qui vous permettront de personnaliser vos pages d’une manière assez poussée. Layer Slider Pour la création de sliders.
En savoir plus : https://wpmarmite.com/enfold/ https://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990 60$
Enfold – envato market
Le petit plus wordpress qui peut faire la différence
Les extensions
WordPress 27
Contact Form 7 Peut-être pas le plus complet pour générer des formulaires, mais un des plus simples. Par défaut il vous propose un formulaire de contact basé sur l’adresse du premier administrateur du site. Il est possible d’aller beaucoup plus loin. Plus complet : GravityForms
Yoast SEO L’extension qui va booster le référencement de votre site. Ce n’est pas magique attention mais ça vous permet de modifier les éléments title et description de chaque page, ça propose les bonnes images pour le partage sur les réseaux sociaux…
Polylang Un des meilleurs outils pour générer un site multi langue et en plus le développeur est français ! Il y a sinon WPML
Les extensions plus connues
WordPress 28
WooCommerce L’application pour ajouter une couche e-commerce à votre site. Attention, vous ne pourrez pas faire des miracles avec et, surtout, il existe des CMS dédiés au e-commerce (PrestaShop), mais pour la vente de quelques produits, cela peut suffire.
The Event Calendar Une extension pour gérer des événements avec agenda et pas mal d’options. Dans sa version payante, il est possible de générer des événements récurrents. Sinon très bien aussi : Events Manager (qui supporte Polylang et propose de la reccurence).
bbPress Outil pour mettre en place un forum sur votre site. Askimet Pour réduire le spam Google Analytics Dashboard Avoir un aperçu des stats de votre site Il existe aussi des options dans WordPress pour mettre en place un multisite assez efficace.
Et aussi
https://www.evolyos.com/plugin-wordpress-guide-meilleurs-plugins-wordpress-gratuits/
