GUIDE DE DÉMARRAGE PORTAIL ASPTT

GUIDE DE DÉMARRAGE PORTAIL ASPTT INTRODUCTION Ce document a pour but de vous aider et de vous accompagner dans la mise en ligne de votre nouveau site Internet sur notre nouvelle plateforme «Portail V3». Comme vous avez déjà dû le constater, le nouvel outil d administration est très différent et beaucoup plus complet que l outil proposé sur la V2. Le but de ce document est justement de vous guider à travers ce nouvel outil. OUTIL D ADMINISTRATION Sur le thème «ASPTT», un bouton «Espace admin» vous permet de vous connecter à votre outil d administration (ou «Backoffice»). Mais ce n est pas le seul moyen. Je vous conseille de bien retenir l adresse exacte de votre outil d administration : [adresse-du-site].asptt.com/wp-admin/ Par exemple, pour le site omnisports de l ASPTT Sarreguemines, il s agit de http://sarreguemines.asptt.com/wp-admin/ Vous devez absolument connaître cette adresse. Si vous avez perdu votre mot de passe, vous pourrez à tout moment le réinitialiser (voir chapitre suivant «Comment retrouver mon mot de passe?»). DOUBLE AUTHENTIFICATION Depuis août 2014, une authentification globale est activée pour renforcer la sécurité. Voici le login et le mot de passe de l authentification globale : Nom d'utilisateur : adminfsasptt Mot de passe : fedspoasptt2014 La restriction de cet accès globale est différente de l authentification personnelle. Dans le cas de l authentification globale, c est le navigateur qui ouvre une fenêtre pour vous demander de vous connecter (et non la page). L affichage de cette fenêtre varie selon les navigateurs : Mozilla Firefox

Google Chrome Internet Explorer Selon la méthode que vous utilisez pour ouvrir votre outil d administration, l ordre entre les deux authentifications peut varier : Ouverture depuis votre site en cliquant sur «Espace admin» : 1. Authentification personnelle (avec vos identifiants habituels) 2. Authentification globale Ouverture directe avec l adresse [ville].asptt.com/wp-admin/ 1. Authentification globale 2. Authentification personnelle (avec vos identifiants habituels) Vous pouvez bien sûr enregistrer le login / mot de passe de cette authentification globale (exemple ci-dessous avec Firefox) :

COMMENT RÉINITIALISER MON MOT DE PASSE? GUIDE DE DÉMARRAGE PORTAIL ASPTT Votre mot de passe est chiffré, la Fédération ne peut pas vous le communiquer. Mais vous pouvez le réinitialiser à tout moment. Voici comment faire. L authentification globale du portail ASPTT apportant de la complexité dans cette démarche, je distingue bien les deux dans la procédure à suivre : authentification globale en vert et authentification personnelle en bleu. 1. Rendez-vous sur votre outil d administration : [adresse-du-site].asptt.com/wp-admin/ 2. Entrez le login et mot de passe de l authentification globale (si elle demandée, ce qui n est pas forcément le cas si vous avez ouvert ce même site dans la session de votre navigateur) : a. Login : adminfsasptt b. Mot de passe : fedspoasptt2014 3. Cliquez sur sur «Mot de passe oublié»

4. Entrez à nouveau le login et le mot de passe de l authentification globale (ceci est normal car vous changez de sousdomaine, vous arrivez maintenant sur le domaine asptt.com et non le sous-domaine [ville].asptt.com) : a. Login : adminfsasptt b. Mot de passe : fedspoasptt2014 5. Entrez maintenant votre login personnel ou l adresse e-mail liée à ce login personnel :

6. Cliquez sur «Générer un mot de passe» : 7. La page vous confirme que le mail a été envoyé : 8. Vous recevrez ensuite un mail contenant un lien qui vous permettra de réinitialiser votre mot de passe. Ce mail a pour objet «[Réseau ASPTT] Renouvellement du mot de passe».

Attention, certains Webmail (dont celui d Orange) ou certains clients messagerie «cassent» le lien de réinitialisation en ajoutant des retours chariots ou en ajoutant les chevrons (< et >) dans le lien hypertexte. Si c est votre cas, le clic sur le lien vous emmènera sur une page en erreur : Si vous êtes dans ce cas vous devez bien copier manuellement l adresse de «http» à la fin du login (sans le chevron) :

9. Après le clic sur le lien ou le copier / coller manuel de l adresse dans votre navigateur, vous devrez peut-être à nouveau entrer l authentification globale (si par exemple vous n avez pas consulté votre messagerie sur le même navigateur) : Entrez le login et mot de passe de l authentification globale si c est votre cas : a. Nom d'utilisateur : adminfsasptt b. Mot de passe : fedspoasptt2014 10. Le site vous proposera alors de choisir un nouveau mot de passe ou de conserver un mot de passe fort généré aléatoirement :

11. Lorsque vous aurez choisi votre mot de passe, cliquez sur «Réinitialiser le mot de passe». La page vous confirme alors la bonne prise en compte de cette action : Attention, le site «principal» du réseau ASPTT étant http://asptt.com, cette page vous propose un retour sur ce site, mais vous devrez vous rendre sur votre outil d administration avec votre méthode habituelle pour aller administrer à nouveau votre site (soit via le bouton «Espace admin» de votre site, soit via l adresse directe [ville].asptt.com/wp-admin/) CONSEILS POUR TRAVAILLER SUR VOTRE SITE Pour travailler «confortablement» sur votre site, je vous conseille d ouvrir deux onglets dans votre navigateur : Le premier onglet contient votre site (par exemple http://sarreguemines.asptt.com) Le deuxième onglet contient votre outil d administration (par exemple http://sarreguemines.asptt.com/wp-admin). Ainsi, dès que vous effectuez une modification dans l onglet de l outil d administration, vous pouvez la visualiser rapidement sur l autre onglet, sans quitter votre outil d administration (vous aurez uniquement besoin de rafraichir l affichage des pages) Pour plus de rapidité, utilisez les favoris (ou les «marques-pages» selon les navigateurs Internet) pour gagner du temps. AKISMET Dans la partie haute de votre outil d'administration, un message vous annonce «Akismet est presque prêt. Vous devez saisir votre clef d API Akismet pour que cela fonctionne». Ceci est dû à une extension ajoutée à WordPress permettant de filtrer les messages indésirables automatiquement.

Pour que cette extension fonctionne correctement, vous devez vous inscrire. Pour cela : 1. Cliquez sur le lien «Akismet est presque prêt (...)» 2. Suivez le lien proposé dans cette page (http://akismet.com/wordpress/) 3. Cliquez sur le bouton bleu «Get an Akismet API key» 4. Cliquez sur le troisième cadre «Personnal» 5. Faites glisser le curseur vers 0 $ 6. Remplissez le formulaire avec le nom de l'asptt et votre e-mail 7. Cliquez sur «Continue» 8. Vous allez ensuite recevoir un mail avec votre clé Akismet 9. Saisissez votre clé dans WordPress en mettant à jour vos options CRÉATION DE SITE SECTION Nous rappelons que la création des mini-sites section n'a d'intérêt que si les sections veulent s'investir pleinement dans ce nouveau portail en utilisant notre plateforme pour communiquer sur leur activité. Si votre ASPTT ne possède pas de contributeur section, il est inutile de créer un mini-site section. Communiquez plutôt sur cette activité via des articles publiés depuis le site omnisports. La rubrique «Mes sites» vous permet de créer et de gérer vos sites sections. 1. Choisissez le titre du site (il est préférable que le titre du site soit le même que le nom de l activité) 2. Saisissez un mail de contact pour l administrateur de ce mini-site 3. Choisissez l activité à laquelle votre site est rattaché. Nous avons élargi la liste des activités disponibles, vous avez le choix désormais parmi une liste de plus de 300 activités. 4. L administrateur du mini-site recevra ensuite un mail avec les codes pour se connecter à son espace d administration CRÉATION DE SITE MANIFESTATION SPORTIVE Vous avez la possibilité de créer un mini-site «Manifestation sportive» dédié à un événement important pour en faire la promotion. L adresse de ce site sera : www.[nom-evenement].asptt.com Comment créer votre site de manifestation sportive? 1. Vous devez être administrateur d'un site ASPTT ou d'un site ligue pour pouvoir créer un site manifestation sportive 2. Cliquez sur «Ajouter un site» dans votre outil d'administration 3. Entrez le nom de votre manifestation sportive (attention, ce nom servira à construire l'adresse du site), par exemple «National de golf» (l'adresse construite automatiquement sera http://national-de-golf.asptt.com) 4. Entrez l'adresse e-mail de la personne qui sera amenée à administrer le site (si vous entrez l'adresse e-mail d'un compte déjà existant, l'utilisateur héritera du rôle administrateur pour ce nouveau site ; si l'adresse n'existe pas encore, un compte administrateur sera créé spécifiquement pour ce nouveau site) 5. Si vous êtes administrateur d'un site section et que vous souhaitez bénéficier d'un site spécifique à votre manifestation sportive, vous devrez demander à l'administrateur de votre site omnisports de créer un site manifestation sportive en entrant l'adresse e-mail de votre compte.

ONGLET PHOTOS / VIDÉOS Contrairement au portail V2 qui hébergeait vos photos, ce portail V3 s'appuie sur la plateforme Picasa pour héberger vos albums photos (exactement comme ce que nous avons déjà fait pour la vidéo avec Dailymotion). Si vous n'avez pas de compte Picasa, vous pouvez créer votre compte sur le site http://picasaweb.google.com/ Pour créer vos albums Picasa, vous pouvez : Créer vos albums directement en ligne sur le site de Picasa Utiliser l'application Picasa sur votre ordinateur Avant de paramétrer votre backoffice, vous devez identifier votre compte unique Picasa Web. Pour cela Vérifiez que vos albums sont bien publics (vous pouvez le vérifier facilement avec cette icône : ) Copiez le numéro de compte unique Picasa Web que vous aurez à placer dans votre backoffice : Ensuite, vous devrez connecter votre compte Picasa et votre site via l'outil d'administration. Ceci se configure à deux endroits : Configuration globale : rendez-vous dans Réglages» Picasa L'onglet «Photos / Vidéos» de votre site : rendez-vous dans Apparence» Widgets» ASPTT Photos et Vidéos, puis entrez votre compte dans «Utilisateur Picasa» : Grâce à cette connexion entre Picasa et votre site, vous pourrez ajouter vos photos Picasa en un clic grâce au bouton! Si vous possédez une chaîne Dailymotion (en général «asptt-[ville]»), vous pourrez le paramétrer dans ce bloc. Le champ «Onglet par défaut» vous permet de choisir quel onglet doit être affiché au chargement de la page.

AJOUT D'UN FICHIER Dans la plupart des pages de votre outil d'administration, vous pouvez ajouter un fichier. Pour cela, il suffit de cliquer sur le bouton (ajouter un média). Attention, pour bien finaliser l'insertion du lien du fichier dans votre article, vous devrez cliquer sur le bouton «Fichier média» avant de cliquer sur «Insérer dans l'article». NE PAS SUPPRIMER DEUX ARTICLES Vous avez peut-être remarqué que deux articles sont créés par défaut sur votre site club ou section («Newsletter Images (ne pas supprimer)images newsletter (ne pas supprimer)» et «Newsletter Images (do not remove)»). Comme leurs noms l'indiquent, merci de ne pas supprimer ces articles qui sont liés au module newsletter (ces articles ne sont pas publiés : ils sont en statut «Brouillon»). PARTAGE DES ARTICLES Comme sur la version 2 du portail, vous pouvez partager vos articles avec la fédération et les ligues, ou les autres sites ayant la même activité que votre site (pour les sites sections). Pour cela, cochez la ou les cases correspondantes dans la partie «Diffuser cet article». Le mécanisme du portail V3 est le suivant : Une fois la case cochée et une fois votre article publié, une copie de l'article est créé sur l'entité correspondante (par exemple, si vous avez coché «Proposer cet article au site fédéral et à ma ligue», l'article est copié sur votre ligue et sur le site fédéral) L'article nouvellement créé sur l'entité est créé avec le statut «Brouillon». Ainsi, l'administrateur pourra choisir de publier ou non cet article en modifiant simplement le statut de l'article de «Brouillon» à «Publié». ACTIVEZ VOTRE PAGE «CONTACT» Pour activer votre page contact : 1. Cliquez sur le lien «La table de base de données pour Contact Forms 7 n'existe pas. Vous devez créer la table afin que l'extension fonctionne.» dans la rubrique «Contact» 2. Cliquez sur «Sauvegarder» Votre page «Contact» est prête sur votre site.

GESTION DES PAGES ET DU MENU Comme nous le précisions dans le premier point d'étape, ce nouveau backoffice est très différent du backoffice actuel, et beaucoup plus complet. Vous pouvez par exemple créer autant de pages que vous le souhaitez, et vous pouvez vous-même insérer vos pages dans le menu principal. Voici un exemple de création de pages qui vous permet de faire le menu «Les activités» exactement comme sur le site actuel : 1. Créez vos pages activités via Pages» Ajouter, et précisez bien que la page «Parent» est «Les activités» (se référer à la page 31 du guide). Dans la page Pages» Toutes les pages, vous verrez que les pages que vous créez sont décalées car elles sont les pages «enfant» de «Les activités» (elles sont préfixées du caractère «_» pour représenter le décalage) 2. Ensuite, vous devez vous diriger vers Apparence» Menus 3. Il faut maintenant ajouter ces pages dans l'arborescence du menu actuel. Pour cela, vous devez cocher ces pages dans la rubrique Pages et cliquer sur «ajouter au menu» 4. Par défaut ces pages vont apparaître à la fin de l'arborescence, vous devez donc à l'aide d'un glisser / déplacer les prendre, et les placer à l'endroit voulu dans l'affichage de l'arborescence du menu actuel 5. Cliquez ensuite sur «Publier» pour mettre à jour votre site NB : Vous avez aussi la possibilité de faire des liens personnalisés et de les ajouter dans l'arborescence du menu. (lien vers les minis sites sections par exemple). Vous avez la possibilité de choisir la cible des liens de votre menu. Par défaut, l option d affichage de la page Apparence» Menus ne propose pas ce choix. Mais, en cliquant sur «Options d affichage», vous pouvez choisir d afficher l option de la cible du lien en cochant la case «Cible du lien». Une fois cette case cochée, vous aurez la possibilité de choisir d ouvrir le lien dans la page ou dans une autre fenêtre en cochant ou décochant la case «Ouvrir le lien dans une nouvelle fenêtre/un nouvel onglet», et ce dans chaque élément du menu (si cette case est cochée, une nouvelle page ou un nouvel onglet sera ouvert lorsqu un internaute cliquera sur ce lien sur votre site). NEWSLETTER L envoi des newslettesr n est plus possible depuis la fin du mois de décembre 2013. La FSASPTT a négocié des tarifs intéressants avec Sarbacane, qui propose un outil complet de gestion et d envoi de newsletter (si vous êtes intéressés vous pouvez me contacter : eblazeix@asptt.com). Si vous souhaitez envoyer une newsletter, vous devez exporter le mail préparé au format HTML puis l importer dans votre outil (Sarbacane ou autre). Tout d abord, vous devez créer la newsletter. Cliquez sur «Newsletter» puis «Créer une newsletter». Ensuite, vous pouvez ajouter du contenu dynamique grâce au bouton «Newsletter functions». Voici par exemple comment intégrer automatiquement les 5 derniers articles :

Choisissez ensuite votre thème : Une fois que vous êtes satisfait de la newsletter au niveau de la mise en page et que votre thème est correctement sélectionné, vous pouvez vous placer sur le champ «Titre» de la newsletter et appuyer sur la touche «Entrée» de votre clavier :

Ceci engendre l affichage HTML de la newsletter : Il ne vous reste plus qu à vous placer dans le champ de formulaire, de sélectionner l intégralité du contenu de ce champ ([Ctrl] + [A]), de copier ce contenu ([Ctrl] + [C]) et de le coller dans votre outil d e-mailing :

LISTES D'ENVOI Lorsque plusieurs listes seront créées, vérifiez bien que la liste «principale» est bien définie dans la configuration de votre module newsletter (champ «Liste d'envoi») pour l'inscription via votre site. EXPORTER UNE LISTE Vous pouvez exporter une liste d envoi via le menu «Import / Export» :

Le fichier ainsi créé sera un CSV avec le séparateur virgule. Il vous suffit ensuite de l ouvrir via Excel ou un autre tableau. Voici l exemple avec Excel : 1. Ouvrir Excel 2. Onglet «Données» 3. «À partir du texte» 4. Dans l assistant, précisez que le texte contient un délimiteur : la virgule puis cliquez sur «Terminer» RÉFÉRENCEMENT NATUREL Pensez à bien nommer vos sites sur le même modèle que la V2 du portail. En effet, en 2007, nous avions effectué un travail sur le référencement naturel de vos pages sections. Par exemple, le fait d entrer ce texte pour le nom de votre site section : «Club Tennis Metz - ASPTT METZ, Moselle (57)» permet d'être très bien placé dans les résultats des moteurs de recherche. Pour les pages activités du site omnisports, vous pouvez également être très précis pour améliorer très nettement votre trafic. Voici l exemple d une page activité d un club omnisports : Dans cet exemple, nous avons volontairement entré les règles du portail V2 dans le bloc «Référencement» de la page. Mais vous pouvez faire d'autres choix (par exemple, citer les communes que vous souhaitez toucher, préciser certaines choses importantes concernant votre activité, etc.). CADRE «À LA UNE»

Nous avons effectué quelques modifications sur le cadre «À la Une» de vos sites. En effet, nous avons remarqué que les titres de vos articles étaient souvent longs. Il a donc été décidé de supprimer le résumé qui était présent jusqu'à maintenant dans les articles de ce cadre. Seul le titre est présent (la mise à jour des articles déjà importés n'a pas encore été faite). Par contre, les résumés de la version 2 des actualités ont été importés dans le champ «Extrait» de vos articles (ce champ n étant pas affiché par défaut, cliquez sur «Option de l écran» sur la page de création ou de modification d un article). SUIVEZ LE TRAFIC DE VOTRE SITE Vous pouvez suivre le trafic complet de votre. Voici comment procéder : 1. Si vous n avez pas de compte «Google Analytics», créez votre compte sur le site de Google Analytics (https://www.google.com/analytics/) 2. Lors de la mise en place, précisez l adresse exacte de votre site (par exemple http://poitiers-natation.asptt.com) 3. Une fois le site créé, copiez le code de suivi fourni par Google Analytics (du type UA-XXXXX-X) 4. Il vous reste ensuite à entrer le code Google Analytics dans les réglages (Réglages» Google Analytics) PERSONNALISEZ LE THÈME DE VOTRE SITE Vous pouvez personnaliser le thème de votre site via la page Apparence» Thème. Par défaut (pour les sites club et section), le thème «ASPTT» est activé. Mais vous pouvez changer ce thème et mettre en place le thème «Modern» ou le thème «Rétro». ARTICLES ET CATÉGORIES Dans la partie «Articles» de l outil d administration, vous pouvez gérer les catégories. Ces catégories sont très importantes : elles vous permettent de hiérarchiser vos articles. Vous pouvez par exemple créer une catégorie «Compétition», une catégorie «Résultat», une catégorie pour vos activités, etc. Une fois vos catégories créées, vous pourrez proposer des «pseudo-pages» dans votre menu en ajouter des éléments de type «Catégories» (pour modifier votre menu, rendez-vous dans Apparence» Menus). Les internautes pourront alors visualiser en un clic les derniers articles liés à cette catégorie grâce à votre menu. IMPORTANT Les catégories sont liées uniquement aux articles Vous pouvez attribuer plusieurs catégories pour un article

OPTIMISEZ VOTRE ESPACE DE STOCKAGE DE 150 MO Si vous approchez des 150 Mo de votre espace de stockage, voici quelques conseils pour gagner de la place : Supprimer les fichiers «Non attachés» en vous rendant sur Médias» Bibliothèque et en cliquant sur «Non attachés» (cette option permet de visualiser en un clic tous les fichiers qui ne sont plus utilisés dans les articles, les pages, etc.), en cochant les fichiers non attachés, en choisissant «Supprimer définitivement» dans «Actions groupées» et en cliquant sur «Appliquer» Ne pas mettre plusieurs fois la même photo Utiliser le compte Picasa de l ASPTT pour stocker des albums Ne surtout pas importer les photos directement depuis un appareil : les réduire au format 640 X 480 au 800 X 600 avant d importer (par exemple avec ce genre d outil : http://www.clubic.com/telecharger-fiche19762-light-image-resizer-vsoimage-resizer.html) Évitez d importer vos photos directement depuis vos appareils numériques : les capteurs des appareils sont de plus en plus performants, et atteignent maintenant facilement 15 Méga-pixels! Or, le format 800 x 600 est largement suffisant pour le web (vous pourrez importer des milliers de photos, et encore d autres milliers sur Picasa). Il peut paraître peu pratique de redimensionner les images avant de les importer, mais, en plus de vous faire gagner de l espace de stockage, cette méthode vous fera également gagner un temps précieux (le chargement d une image de quelques ko sur votre site est beaucoup plus rapide que le chargement d une image de plusieurs Mo). INDEXATION DE VOTRE SITE Votre site est régulièrement indexé par les différents moteurs de recherche (cela permet de vous trouver dans leurs résultats). Pour cela, vous devez impérativement conserver le réglage par défaut dans Réglages» Vie privée pour l option «Visibilité du site» : «Demander aux moteurs de recherche d indexer ce site».

WIDGET TWITTER 1. Connectez-vous à votre compte Twitter 2. Paramètres» Widgets» Créer un nouveau 3. Copiez le code généré : 4. Dans l outil d administation, rendez-vous dans Apparence» Widgets 5. Glissez / déposer le widget «Texte» dans la partie «Sidebar principale» à droite 6. Coller le code du widget Twitter

COMMENCEZ VOS ARTICLES AVEC DU TEXTE Pour éviter des problèmes d exécution JavaScript sur le bloc «À la une», commencez bien vos articles par du «texte pur» et séparez cette première partie du reste de votre article grâce à la balise «More» : PERSONNALISATION DU FOND DE PAGE SITE SECTION Les sites sections peuvent personnaliser depuis février 2014 leur fond de page avec l un des sports suivants : Athlétisme Badminton Basket Course Cyclotourisme Fitness Foot Golf Natation Pétanque Randonnée Ski Tennis Tennis de table Volley-ball Pour cela, rendez-vous dans Apparence» Thème [thème choisi], puis l onglet «Arrière-plan».

MISE EN PLACE DU THÈME CLUB Lorsque vous activez un nouveau thème, vous devez contrôler les différents réglages dans «Apparence». Selon les cas, les différences entre les thèmes peuvent demander quelques réglages d apparence, mais aucune donnée (articles, pages, fichiers, etc.) n est perdue. Il s agit d ajustements d affichages. Et ces réglages se situent dans l onglet «Apparence». MENU Par exemple il est possible qu il faille bien redéfinir les emplacements de menus dans Apparence» Menus» Gérer les emplacements

WIDGETS La gestion des widgets a beaucoup évolué dans le thème «Club». Les éléments inclus dans «Sidebar principal» et «Sidebar» ne sont plus affichés. Vous avez maintenant à disposition un nouveau groupe de blocs widgets disposés de cette façon : Widgets1 (bloc 100%) Widgets2 (bloc 33%) Widgets3 (bloc 50%) Le pourcentage indique le pourcentage de la largeur que va occuper le groupe de widget dans la page. 100% : largeur entière 33% : un tiers de la page (placez idéalement 3 widgets dans cette zone pour un affichage optimal) 50% : la moitié de la page

Voici par exemple comment se trouvent les widgets après l activation du nouveau thème «Club» lorsque le précédent thème activé était «ASPTT» : Grâce à différents «Glisser / Déposer», vous pourrez faire apparaitre à nouveau vos widgets dans les zones de votre choix (selon vos choix en termes d apparence). Exemples de déplacements :

Après quelques réglages, vous passerez donc d un affichage non optimisé à un affichage optimisé pour le thème :