wordpress meetup

WordPress dans les grandes lignes

Wordpress.com versus lauto-hbergement

1. Crer un site

WordPress 3

Wordpress.com

WordPress propose son propre espace dhbergement. Vous pouvez choisir un nom de domaine standard (monsite.wordpress.com) ou personnalis et payant (monsite.fr). Vous aurez accs un liste de thmes 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-hberg

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 lhbergeur supporte le PHP et MySQL pour pouvoir y faire tourner WordPress.

WordPress est aussi un CMS, un systme de gestion du contenu, et vous permet de mettre en place un site internet dont vous maitriserez une partie de lenvironnement.

Vous devrez pour cela tlcharger le CMS et linstaller sur un hbergement gratuit ou payant. Prix des offres OVH

Administrer votre site sans rien connatre au code HTML

Linterface de gestion

WordPress 9

Un site dynamique ?

Un site cr avec WordPress est divis entre deux parties distinctes : - Le site public est lensemble des pages accessibles tout visiteur. Il

sagit de laffichage des articles, pages, catgories que vous avez publis, ainsi que les commentaires qui peuvent y tre associs. Il est gnr par le thme.

- Lespace priv est lespace accs restreint dans lequel les administrateurs et rdacteurs peuvent crire des articles, des pages, modifier la structure du site, suivre et modrer les commentaires, etc. Il est ncessaire dtre enregistr pour accder cet espace, cest--dire davoir un login et un mot de passe. Lespace priv est accessible depuis le rpertoire "wp-admin" du site WordPress.

wp-admin

WordPress 11

Le menu de WordPress

Le tableau de bord affiche un menu gauche permettant d'accder aux diffrentes fonctionnalits du site et des aperus rapides de ce qui a t fait. Le module Dun coup dil" vous donne un aperu rapide des contenus rpertoris, qu'ils soient ou non publis. Le module Stats du Site" vous indique les priodes dactivits ditoriales. Pour laffichage des statistiques de Google Analytics, il est possible davoir accs quelques donnes mensuelles.

WordPress 12

Les fonctionnalits prsentes dans le menu

Articles Cette partie vous permet de grer vos articles, d'en rdiger ou d'en modifier. Vous pouvez aussi crer des catgories pour amliorer le classement de ceux-ci. Les mots cls vous permettent d'ajouter un moyen supplmentaire de crer du lien entre vos contenus pour un meilleur maillage interne.

Mdias Gestion et chargement des mdias (images...).

Pages Gestion des pages statiques du site.

Commentaires Espace de modration des commentaires du site.

Contact (option) Cration de formulaire que vous pourrez ensuite intgrer dans vos pages ou vos articles.

Apparence Espace qui permet de grer les menus, les widgets. Il existe des fonctionnalits propres chaque thme WordPress

Utilisateurs Gestion des utilisateurs du site.

Rglages Accs des paramtres du site ainsi qu' certaines extensions.

SEO (option) Module pour amliorer l'optimisation du rfrencement naturel du site.

vnements (option) Module pour crer des vnements qui safficheront ensuite dans lagenda

Les modules (options) Jetpack, ACF, Google Analyics, Outils et Rglages nont pas tre modifi

WordPress 13

Les articles

L'espace de gestion des articles affiche un tableau des derniers articles (actualits). Il est possible, avec les filtres, de ne faire apparatre qu'une partie des articles lis une catgorie. Dans la partie "Options de l'cran", vous pouvez choisir d'afficher ou non certains critres (auteur, catgories, mots clefs...). Les articles gnrent un flux et sont gnralement utiliss pour un blog ou une rubrique dactualits.

WordPress 14

Les pages

Les pages sont des lments trs proches des articles mais qui sont plutt ddies aux contenus statiques du site (prsentation, quipe). Elles apparaissent gnralement dans les menus principaux ou secondaires du site.

WordPress 15

Cration de pages et d'articles

Pour la cration de pages et d'articles, les champs principaux sont identiques. Le champ Titre, obligatoire, va dfinir le titre de votre page (qui servira aussi au rfrencement de celle-ci). Le champ Texte, quant lui, accueillera les textes et les mdias de votre page ou de votre article. Dans la barre de menu, vous avez des raccourcis cliquables pour gnrer des gras, des italiques... Pour faire des sous-titres, il faudra cliquer sur l'icne pour faire apparatre les autres options.

WordPress 16

Cration de pages et d'articles

Le permalien Une fois le titre saisi, vous pouvez amliorer le permalien de votre page ou de votre article en ajoutant par exemple des mots cls qui ne serait pas dans le titre. Par dfaut le permalien reprend les lments du titre. Les permaliens se grent aussi dans les rglages du site pour dfinir le format des adresses des diffrentes pages du site. Vrifiez bien que lhbergeur permette la rcriture des URLs.

WordPress 17

Cration de pages et d'articles

Ajouter un mdia Pour ajouter une image dans l'article ou la page, vous cliquez sur "Ajouter un mdia". S'ouvre alors une fentre. Vous avez la possibilit de prendre une image sur votre ordinateur ou dans votre bibliothque. Vous pouvez aussi, suivant les thmes, crer une galerie, mettre une image la Une ou insrer une image qui est sur un autre site internet (attention aux droits).

WordPress 18

Cration de pages et d'articles

Spcificits sur l'article Vous devez spcifiez la catgorie souhaite pour votre article. Si vous loubliez, larticle sera associ la catgorie par dfaut. Les tiquettes ajoutent des mots cls pour lier vos diffrents articles ensembles et, mme si elles napparaissent pas dans le thme choisi, elles seront visibles dans le sitemap et aussi dans ladmin pour filtrer les articles. Le module discussion permet dactiver ou non les commentaires sur un article ou une page. Spcificits sur la page Les attributs de la page sont spcifiques au thme choisi qui, gnralement, propose des modles de page (pour avoir un menu gauche ou droite par exemple). Le Parent permet de lier une page une autre comme sous lment de celle mise en parent. Cela permet de faire un fil dAriane dtaill.

WordPress 19

Gestion des images

Pour insrer 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". Diffrentes options vous seront alors proposes : Insrer un mdia ; Crer une galerie ; Mettre une image la Une (attention,

certains thmes ne pourront pas afficher ces images) ;

Insrer 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'insrer 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 diffrents menus actifs sur le site et den crer de nouveaux que vous pourrez afficher dans des widgets. Colonne de gauche, vous retrouvez les principaux accs aux donnes de votre site. Si les donnes souhaites ny sont pas, vous pouvez utilisez liens personnaliss.

WordPress 21

Les widgets

Dans Apparence > Widgets, vous pouvez accder aux widgets prsents sur certaines page ou en bas de toutes les pages. Dans cet exemple : Ma sidebar est affiche sur les

actualits ; Les 3 footers grent les modules

sociaux en bas de la page daccueil ; Page permet de grer le texte qui

saffiche par dfaut droite des pages quand il ny a pas dimage insre (voir gestion des pages page 10)

Des thmes payants rpondant la plupart des besoins

Les thmes prenium

WordPress 23

Loutil idal pour les dbutants, il est traduit plus ou moins bien en franais. Epanel Dfinir logo et

favicon Ajouter vos profils

de rseaux sociaux (entte ou pied de page)

Divi Builder Un outil pour grer laffichage des pages dune manire assez pousse : Multicolonnes Ajouts de widget

ou dlments graphiques plus complexes (onglets, menu accordon, 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 dmos proposes pour tester des dispositions diffrentes. Une documentation en ligne trs pousse pour rpondre toute vos questions.

Fusion Builder Loutil de constructeur de page maison du thme pour dcouper vos pages et organiser vos contenus comme vous le souhaitez. Revolution Slider et LayerSlider Des outils assez pousss pour raliser des sliders anims.

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

Thme plutt bien fait qui rpondra la plupart des besoins de site web. De nombreuses dmos 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 Loutil de cration de p