1

Suivez notre actualité sur

ATELIER TICE DU 15/11/2017 CREONS NOTRE SITE, NOTRE BLOG : SESSION 2

TRAVAIL PREPARATOIRE

Découvrir le site tice35 et l’atelier

* Ouvrir votre PC et démarrer le navigateur Mozilla.

* Rechercher le site tice35, naviguer sur ce site et cliquer sur nos médias sociaux : * Cliquer sur l’onglet Atelier/Animation puis sur le titre de notre animation et sur « lien vers le support » à droite. * Dans un nouvel onglet, vous obtenez ce document, télécharger-le en cliquant sur en haut à droite.

Une boite de dialogue s’ouvre, cocher Enregistrer le fichier puis cliquer sur OK.

Ce document est stocké dans le dossier Téléchargements du disque C.

* Pour retrouver ce document, cliquer sur dans la barre d’outils de votre navigateur puis sur , à droite. * Vous êtes dans le dossier Téléchargements. A l’aide d’un clic droit sur ce document, le copier. Dans le dossier BUREAU de votre ordinateur, à l’aide d’un clic droit, le coller. L’ouvrir. * Retrouver ce document sur la page d’accueil BUREAU de votre ordinateur, en cliquant dans le coin tout en bas à droite de votre écran. Revenir sur ce document. Afficher deux documents simultanément à l’écran

Il est très utile d’afficher deux documents à l’écran (par exemple un document et le questionnaire associé). On va afficher ce document (que vous lisez) et votre page WEB côte à côte. En étant sur la page WEB, taper SIMULTANEMENT sur les touches Windows et flèche gauche pour mettre cette page à gauche. En étant sur ce document, faire de même avec la flèche droite pour mettre ce document à droite.

Garder cette disposition pour la suite, si elle vous semble pertinente.

SYNTHESE DE LA SESSION 1 ET QUELQUES COMPLEMENTS

MON SITE

Nom de domaine : efficace, concis pour un bon référencement Responsive web : adaptation au format de l’outil numérique de visionnage

Blog : page personnel où l’on publie très régulièrement des articles Portfolio : book, présentation de projets d’élèves (plutôt artistiques, littéraires …) voués à la diffusion

Site web : le plus généraliste, vitrine d’établissement, outil pédagogique et didactique …

Exemples obtenus dans le menu LECTEUR puis Recherche : https://blogsvtvaldo.wordpress.com/ ; https://collegehectorberlioz.wordpress.com/ ; https://unprofdzecoles.com/ ; http://ecolejeannedarc-stgermain.fr/ ; https://mathematiquescollegeyate.wordpress.com/

LA LOI

Mentions légales obligatoires sur chaque page Voir le site de la CNIL Dispense de déclaration

Droit d'auteur et droit à l'image Publication de travaux d'élèves : différentes autorisations à modifier et à imprimer

S’inscrire et créer votre site en choisissant votre nom de domaine et votre type de site que vous pourrez modifier ultérieurement. Si besoin, lire ou relire la partie LE SITE COMMERCIAL WORDPRESS.COM du document de la SESSION 1. Cliquer sur l’onglet Lecteur en haut et rechercher des exemples de site avec des mots-clés. Vous pouvez vous abonner si ces sites vous semblent pertinents, en cliquant sur Suivre !

2

CREATION DU SITE WEB

Connaître le tableau de bord de votre site

Il est important de bien connaître le tableau de bord de votre site. Voici une synthèse :

Nom du site, adresse du site et logo à entrer dans Réglages

Affichage le site avec le format : bureau, tablette ou téléphone Affichage des statistiques relatives au site : visiteur, vue, like, commentaire … Gratuit pour vous. Ne pas passer à la version payante !

Gère les pages : structure de votre site Gère les articles : informations classées par date Gère les médias : document, vidéo, son, image Gère les commentaires des abonnés (visiteurs du site)

Permet de choisir le thème et après de le personnaliser

Gère les différents médias sociaux : connexions et boutons de partage Gère les différents utilisateurs du site et leur rôle Gère les extensions à ajouter à votre site dans la version payante ! Gère les noms de domaine dans la version payante ! Gère les réglages de votre site : voir ci-dessous

Effectuer les premiers réglages de votre site

En haut, dans l’onglet Général, remplir les différents champs. PENSER A SAUVEGARDER.

3

A vous de voir pour le réglage de la visibilité et les mentions du pied de page.

Exporter permet de récupérer la structure et les données de votre site et d’effectuer une sauvegarde.

En haut, dans l’onglet Rédaction, effectuer les différents réglages et cocher Portfolio pour ceux qui veulent publier des projets. Un icône Portfolio apparait dans le tableau de bord. En haut, dans l’onglet Discussion, effectuer les différents réglages que vous jugerez utiles.

4

Structurer votre site : PAGE, MENU, WIDGET, ARTICLE …

1) Différence page-article

ARTICLE PAGE

Exemple d’article : http://tice35.fr/antivirus-trend-micro-pour-les-enseignants-netec/

Exemple de page : http://tice35.fr/contacts/

* Destiné au contenu non permanent mais ordonné chronologiquement * Référençable par catégorie, par étiquette (mot-clé) * Différents formats * Commentaire possible * Auteur cité Pour aller plus loin : https://youtu.be/Dgv6NZBy3NE

* Destinée au contenu mis en avant de manière permanente : vos mentions légales, page “A propos”, page “Contact”… * Hiérarchisable : page parent, page enfant * Pas de rangement par catégorie * Différents modèles * Base des menus * Pas de commentaire * Auteur non cité

Réfléchir à l’organisation de votre site donc à vos pages et à leur nom. N’hésiter pas à noter toutes vos remarques, vos besoins … Un site évolue ! Dans pages du site, cliquer sur Ajouter. Un nouvelle page est créée. Lui donner un nom.

Comment fonctionne une page ?

* URL de la page * Différents outils de base pour la police et la mise en forme * Insère un lien sur du texte, une image, … * Insère la balise « lire la suite »

En cliquant sur ⨁ Ajouter, possbilité d’ajouter : * Des médias : photo, son, vidéo, fichier * Des formulaires personnalisables (intéressant) * Des boutons de paiement

Etat : programme la publication (date ou instantanée) et qui peut voir : lecteurs, éditeurs ou protégée par un mot de passe Attributs : règle le lien de parenté entre les pages et le modèle de lapage Partage : affiche différents médias sociaux sur la page Plus d’options : copier une page, identifiant de la page …

A vous de structurer votre site en créant vos pages. Ne pas hésiter à utiliser les différents outils ou fonctionnalités de construction de page. Ceci n’est qu’un début. On va voir comment les organiser, les afficher. Les articles viendront après …

2) Utilité des menus : organisation des différents éléments de votre site

Menu Contenu Affichage

* Gestion et organisation du contenu publié sur votre site * 2 prédéfinis généralement : menu PRIMARY et menu RESEAUX SOCIAUX * Création personnalisée d’autres menus

* Pages, articles * Catégories, étiquettes * Témoignages, liens personnalisés

* Emplacements définis par le thème * Zone de widget en ajoutant un widget Menu personnalisé

5

Dans Thèmes, cliquer sur Personnaliser. Suivant le thème choisi, différentes options ou fonctionnalités vous sont proposées comme ci-dessous.

Pour le moment, cliquer sur l’onglet Menus. Choisir le menu Primary. A vous d’organiser votre site en rangeant vos pages dans le premier menu prédéfini : PRIMARY. Le placer en entête (Header). Regarder le menu RESEAUX SOCIAUX. A vous de voir s’il vous est utile. D’autres menus seront créés en fonction de l’évolution de l’organisation de votre site. D’autre éléments que des pages pourront être ajouter aux différents menus.

3) Intérêt des widgets : organisation de vos différentes pages

Widget Contenu Affichage

* Structure des différentes pages * Section de contenu indépendant

* Pages, articles * Catégories * Témoignages, liens personnalisés * Menus

Zones à widgets prévues dans votre thème : * Colonnes latérales * Pieds de page * Entête

Dans Thèmes, cliquer sur Personnaliser puis choisir Widget. Réfléchir à ce que vous pourriez faire avec ces widgets : calendrier, derniers articles … Différents emplacements : latéral, entête, pied de page et fonctionnalités : affichage ou non ; contenu variable sont proposés suivant le thème choisi. Si cela ne vous convient pas, ne pas hésiter à changer de thème ! Cliquer sur BESOIN D’AIDE POUR PARAMETRER VOTRE SITE ! Il y a de nombreuses informations et possibilités pour personnaliser votre thème donc votre site. Explorer tous les onglets : identité du site, polices, … de Personnaliser et modifier l’apparence de votre site. PENSER à enregistrer !!!

6

Choisir le rôle des utilisateurs

Lien vers une liste des actions détaillées de chaque utilisateur (établie par WPformation).

Dans Personnes, cliquer sur Ajouter. Une boîte de dialogue s’ouvre et vous pouvez ajouter des utilisateurs en ajustant leur rôle. Ils doivent avoir un compte Wordpress.com ou une adresse mail. Pour des élèves, vous pouvez créer des comptes pour un groupe et leur donner l’identifiant et le mot de passe.

Insérer des médias

Dans le tableau de bord, cliquer sur Médias. Ajouter vos différents fichiers : document, son, image, vidéo soit via l’URL, soit en téléchargement. A chaque fichier, sont associées une URL et une description que vous obtenez en cliquant sur votre fichier puis en cliquant sur modifier. A partir de vos pages, articles, menus, widgets, cliquer sur Ajouter pour insérer ses fichiers.

Créer un formulaire : @Contact Form Créer votre page Contact puis cliquer sur Ajouter et choisir @Contact Form pour ajouter un formulaire. Créer vos différents champs obligatoires : Nom, Prénom, Mail, Message. Cliquer sur l’onglet Réglages pour vérifier qui reçoit ce formulaire de contact. Faire un essai d’envoi de message après avoir publié votre page contact. Wordpress vous envoie un message contenant ce formulaire. Gérer avec tablette et smartphone : application Wordpress Il est possible de gérer votre site à partir de tous supports. Lien de téléchargement d’application : https://itunes.apple.com/fr/app/wordpress/id335703880?mt=8 https://play.google.com/store/apps/details?id=org.wordpress.android&hl=fr Remarques :

• Il est possible d’intégrer un calendrier google !

• Tutoriel pour migrer de Wordpress.com à Wordpress.org.

• Ensemble de tutoriels sur le CMS Wordpress.

Rôle Actions possibles Proposition

Administrateur a tous les droits

Peut inviter de nouveaux utilisateurs dont des administrateurs, modifier les rôles ou supprimer des utilisateurs. Peut contrôler totalement les messages, les pages, les fichiers téléchargés, les commentaires, les paramètres, les thèmes, les importations, les exportations …

Professeur

Éditeur Peut créer, modifier, publier et supprimer tous les articles, pages, commentaires, catégories, tags et liens.

Professeur

Auteur Peut écrire, télécharger, éditer et publier ses propres articles. Elève

Contributeur Ne peut ni publier, ni télécharger mais peut écrire et modifier ses propres articles jusqu'à ce qu'ils soient publiés par les administrateurs.

Elève

Abonné Peut lire et commenter les articles et les pages. Elève

Ce document a été créé par Maryline Querry et mis à disposition suivant la licence Creative Commons : Attribution - Pas d’Utilisation Commerciale - Partage dans les Mêmes Conditions 3.0 France (CC BY-NC-SA 3.0 FR)