le tutoriel

voici le tutoriel pour utiliser wordpress, par rapport à joomla c’est comme changer de voiture, le tableau de bord change mais vous savez déjà conduire, pas de différence fondamentale, il y a juste les boutons qui ne sont pas toujours aux mêmes endroits.
Au menu :
1 – présentation accueil de l’interface
2 – création d’un article
3 – ajout de liens vers d’autres sites/pages à l’intérieur d’un article
4 – placer une image dans l’article (et pdf)
5 – ajouter une vidéo dans l’article
6 – calendrier : créer un événement (gestion de l’agenda)
7 – Utiliser l’espace membre
8 – modifier la page d’accueil du site
9 – se déconnecter

Accéder à la page de connexion de l’espace administration

[note class= »info »]1 – présentation accueil de l’interface[/note]

Pour vous rendre dans l’interface, aller à cette adresse :
http://www.canoekayak-lemans.net/wp-admin/ et indiquer le login et mot de passe que je vous ai donnés. Vous trouvez cela (pas de panique ça fait barbouillé de rouge mais il n’y a pas grand-chose en fait!) :

Donc pour résumer ce qui vous intéresse surtout ce sont les deux onglets dans le menu à gauche : Articles et Evénements. Ils servent à créer devinez quoi ? des articles et des événements du calendrier, c’est dingue la coïncidence !

Pour info, l’onglet Média est la bibliothèque des images que vous aurez envoyées lors de la rédaction de vos articles, et dans « Pages » vous trouverez la page d’accueil « Canoë kayak club du Mans » et la page « Conctatez-nous » elles peuvent être éditées comme des articles.
Wordpress est constitué d’articles et de pages, les pages servent surtout à du contenu plus statique comme un formulaire de contact ou une page d’accueil fixe (sans articles qui s’y affichent comme sur un blog), c’est la formule que j’ai utilisé sur ce site. Pas besoin de rentrer plus dans les détails.

J’ai désactivé les commentaires des articles, plus exactement ai enlevé la ligne de code qui permettait d’afficher les commentaires et/ou d’en faire, pas sûr que ça vous plaise car nécessite une surveillance pour cause de spam, un peu chiant et pas forcément nécessaire donc.

[note class= »info »]2 – création d’un article[/note] Donc voilà la page que vous obtenez après avoir cliqué sur l’onglet Articles du menu vertical gauche (un menu s’affiche aussi au survol de la souris sur l’onglet)


Notez que dans cette page ci-dessus qui liste l’ensemble de vos articles (classés par date de publication, chaque titre est cliquable et au survol de la souris plusieurs options s’offrent à vous : modifier, supprimer, etc.), vous pouvez filtrer par catégorie, j’ai oublié de l’indiquer dans la capture d’écran : cliquer dans le menu déroulant en haut « voir toutes les catégories » et sélectionner celle souhaitée, puis clic sur le bouton filtrer.
Il y a aussi un moteur de recherche en haut à droite : « chercher dans les articles » pour retrouver un article grâce à un mot-clé. Utile à savoir si vous souhaitez modifier ou supprimer un article et que vous ne le retrouvez pas.

Une fois que vous avez cliqué sur « ajouter » un article, on arrive là :


Pour résumer :
– vous avez un formulaire de composition d’article avec des outils comme sur joomla.
– le bouton « ajouter un média » pour ajouter une image (voir plus loin dans le tutoriel, ainsi que pour « faire un lien »).
– sélection des catégories à droite (vous pouvez en cocher plusieurs).
Notez qu’il existe aussi une catégorie « galeries photos » pour vos articles comportant des liens vers vos galeries photos flickr et google. Ce sont les articles de cette catégorie qui s’affichent lorsque les visiteurs cliquent sur « Galeries photos » dans le menu du site, sur la colonne de gauche.

– 3 options au dessus du bouton « publier » en haut à droite :
> publier tout de suite (ou programmer la publication automatique d’un article à date et heure choisie, par défaut la publication se fait dans l’instant)
> la visibilité de l’article (pour tous – par défaut – ou réservé aux membres). Pas d’utilité pour vous, pour les articles réservés aux membres, il suffit de cocher la catégorie « Zone réservée aux membres du club » (j’en reparle dans la partie 7 : utiliser l’espace membres ».
> l’état de l’article (publié – par défaut – ou mis dans les brouillons donc pas publié mais pas supprimé non plus pour pouvoir le reprendre par la suite et le retravailler). Quand vous créez un article il est marqué brouillon mais une fois cliqué sur le bouton « publier » ça indique publié. Pour enregistrer dans les brouillons vous avez un petit bouton gris clair juste au-dessus « enregistrer brouillons ».

– différence entre mode « Visuel » et « Texte » :
vous pouvez voir 2 petits onglets juste au-dessus des outils pour mettre en forme l’article (en haut à droite de l’espace de rédaction de l’article), laisser l’onglet Visuel sélectionné, l’autre Texte présente le code source de l’article et est moins approprié.

Voilà en gros.

[note class= »info »]3 – ajout de liens vers d’autres sites / pages à l’intérieur d’un article[/note] Utile notamment pour faire les liens vers vos galeries photos flickr et google.


(Note : pour supprimer un lien, le surligner également et cliquer sur le ‘chainon brisé’, à côté de celui entouré en rouge)
Ensuite vous obtenez ça, il vous suffit d’indiquer l’adresse du site ou de la page ou du document, et éventuellement, une case à cocher si vous souhaitez que le lien ouvre une nouvelle fenêtre du navigateur, recommandé pour des liens extérieurs à votre site comme des galeries photos, autres sites etc.

Voilà.

[note class= »info »]4 – placer une image dans l’article (ou un pdf)[/note] Donc une fois que vous avez cliqué sur le bouton « Ajouter un média » (cf. 2 – création d’un article), vous avez ça :

Une fois l’étape ci-dessus passée, vous avez ça :

Le choix de la taille des images vous offre plusieurs solutions, telles qu’elles ont présentées ci-dessus.
Néanmoins avant d’envoyer vos photos sur le site, essayez de les réduire et de ne pas envoyer de posters de 4 mètres sur 3…
– Les « tailles petites, moyennes et grandes » (cette dernière ne s’affiche pas toujours, tout dépend de la taille de la photo originelle) sont définies par avance dans les réglages wordpress (c’est modifiable). Le logiciel retaille la photo automatiquement si les dimensions réelles dépassent la taille indiquée.
– La « taille originale » prend l’image telle qu’elle a été envoyée sur le serveur, sans la retailler, c’est pourquoi je vous ai précisé qu’il serait indispensable de la réduire avant de l’envoyer (souvent les appareils photos numériques créent de grandes images, trop pour le site). Il existe des utilitaires en ligne pour cela comme pixresize ou pixlr ou ipiccy.

Notez que vous pouvez choisir l’alignement de l’image dans le menu déroulant du même nom.

———————-

Pour les PDF (et .doc) c’est comme pour insérer une photo dans l’article :
cliquer sur bouton Ajouter un média
sélectionner sur votre disque dur le pdf
patienter pendant le téléchargement
indiquer un titre (il reprend par defaut le titre du pdf mais c’est modifiable)
puis cliquer sur le bouton « inserer dans l’article »
ça va créer automatiquement un lien hypertexte dans l’article pointant vers votre pdf téléchargé sur le serveur, en prenant le titre comme texte cliquable (on appelle ça une ancre dans le jargon)

[note class= »info »]5 – ajouter une vidéo dans l’article[/note]
[note class= »info »]6 – calendrier : créer un événement (gestion de l’agenda)[/note] Voir dans la colonne gauche tout en bas dans l’interface administration l’intitulé « Calendar » > au survol de la souris un menu apparait > cliquer sur « Manage calendar » et ajouter un événement (ou éditer ceux créés qui sont listés plus bas dans la page).
[note class= »info »]7 – utiliser l’espace réservé aux membres[/note] Lorsque vous créez un article privé, c’est comme pour un article normal sauf qu’il suffit de sélectionner la catégorie Zone réservée aux membres du club.

Notez que les membres connectés peuvent modifier le mot de passe réservé aux membres, si un membre blagueur s’amusait à ça, il vous suffirait de vous connecter à l’espace administration > onglet Utilisateurs (sur le menu vertical, entre Extension et Restrictions) > cliquer sur l’utilisateur ckcm1 et modifier le mot de passe en rétablissement l’ancien. Bon c’est au cas où, en tant qu’Administrateur vous aurez toujours le dernier mot.

[note class= »info »]8 – modifier la page d’accueil du site[/note] Il suffit de cliquer sur l’onglet « Pages » un peu en dessous des onglets « Articles » et « Evenements » puis cliquer sur le titre « Canoë Kayak Club du Mans », vous pouvez éditer cette page comme un article sauf qu’il n’y a pas de catégorie à sélectionner.
Attention le code de la carte Google map risque d’être effacé, mais j’ai fait une sauvegarde de cette page, donc si ça merde je veux la remettre en place.
Si vous préférez, demandez moi si vous voulez ajouter quelque chose sur cette page, mais au moins vous savez comment ça se passe pour l’éditer et où elle se trouve.
[note class= »info »]9 – se déconnecter[/note] Quand vous être connecté, vous avez un petite bande noire en haut de la fenêtre du navigateur (même quand vous visitez votre site), avec divers raccourcis pour éditer le site, à droite vous voyez « Salutations, ckcm » passez la souris dessus et clic sur « Se déconnecter ».