Administrer le site des théâtres de Compiègne Administration : http://www.theatresdecompiegne.com/Adm_Site/ L’administration nécessite un identifiant et un mot de passe.

Page d’accueil de l’administration du site Gérer les spectacles Gérer les pages du site Gérer les actualités Gérer les médias Gérer les slider Gérer les utilisateurs de l’administration Consulter les statistiques de fréquentation.

Les différentes parties de la page d’accueil Slider Dimensions de l’image : 400 X 400 pixels Les 7 prochains spectacles à venir. Dimensions de l’image : 400 X 820 pixels Les actualités

Les différentes parties de la page de détails d’un spectacle Photo principale 1600 X 800 pixels Titre du spectacle Représentations : Date Horaires Lieu Sous-titre du spectacle Introduction Images de la galerie Onglets : Distribution Mentions Documents Programme texte Presse Spectacles associés

Administrer les spectacles Ajouter un spectacle Consulter la liste des spectacles Publier / Dépublier les spectacles par saison et par théâtre Gérer les genres (danse, musique, théâtre…) Gérer les rubriques (festival, itinérance…) Gérer les lieux de représentation Gérer les saisons Gérer les profils de spectateur (Enseignant, famille, étudiant…)

Ajouter un spectacle : Onglet Général Pour ajouter un spectacle, menu « Spectacles » puis « Ajouter un spectacle » 3 Onglets à saisir : Général Infos complémentaire Caractéristiques Titre du spectacle Sous-titre du spectacle * Code couleur, permet de gérer les problèmes de superposition de texte et d’images Saison * Code couleur, permet de gérer les problèmes de superposition de texte et d’images sur la page d’accueil du site Publier le spectacle sur le site Adresse de la page de détails d’un spectacle. Elle est générée automatiquement mais peut être modifiée manuellement pour optimiser le référencement. * Code couleur hexadécimaux : https://htmlcolorcodes.com/fr/selecteur-de-couleur/ ou http://www.code-couleur.com/

Ajouter un spectacle : Onglet Infos complémentaire

Ajouter un spectacle : Onglet Caractéristiques

Détails d’un spectacle. Liste des spectacles Recherche par chaine de caractères dans le titre d’un spectacle Recherche par Théâtre Recherche par Saison Recherche par Spectacle publié ou non publié Supprimer un spectacle Modifier un spectacle Détails d’un spectacle. Ajouter des photos, des documents…

Détails d’un spectacle Gérer les images, vidéos, sons et documents liés au spectacle sélectionné Gérer les représentations, dates, horaires et lieux Associer des spectacles entre eux

Détails d’un spectacle : les images Pour un spectacle, il faut 3 images minimum. Une image rectangulaire de 1600 X 800 pixels (Mode paysage) Une image rectangulaire de 400 X 800 pixels (Mode portrait) Une image carré de 400 X 400 pixels Pour mettre une image au format, vous pouvez utiliser Photoshop ou un logiciel équivalent. Si vous n’avez pas Photoshop, vous pouvez utiliser le site : https://www.photopea.com/ qui propose une version gratuite d’un programme ressemblant énormément à Photoshop. Image originale 6000 X 4000 pixels 300 pixels par pouces 11,9 Mo 400 X 820 pixels 72 pixels par pouces 0,355 Mo Image utilisée sur la page d’accueil du site Dimensionner les images à la bonne taille permet d’accélérer le temps de chargement des pages du site et optimise le référencement. 1600 X 800 pixels 72 pixels par pouces 1,3 Mo Image utilisée sur la page de détails d’un spectacle 400 X 400 pixels 72 pixels par pouces 0,191Mo Image utilisée sur la page d’accueil du site

Image : Rectangulaire de 1600 X 800 pixels (paysage)

Image : Rectangulaire de 400 X 820 pixels (portrait)

Image : Carré de 400 X 400 pixels

Détails d’un spectacle : les images Dans la fiche de détails d’un spectacle, cliquez sur l’onglet « Médias » puis sur le bouton « Ajouter une image »

Détails d’un spectacle : Ajouter les images Légende : reprend par défaut le titre du spectacle. Media : Cliquez sur « Choisir un fichier » puis sur « Ouvrir » Ici on charge l’image de 1600X800 pixels, il s’agira de la photo principale du spectacle. Cliquez sur « Enregistrer » pour ajouter l’image

Détails d’un spectacle : les images Répétez cette opération pour les images de 400 X 400 et de 400 X 820 pixels. L’image est ajoutée, il s’agit de la photo principale du spectacle.

Détails d’un spectacle : Ajouter un fichier Cliquez sur l’onglet « Médias » puis sur le bouton « Ajouter un fichier » Saisissez la légende (le titre donné au fichier à télécharger) Les fichiers à télécharger sont accessibles depuis l’onglet « Documents » sur la page de détails d’un spectacle Cliquez sur le bouton « Enregistrer » Choisissez le fichier sur votre poste.

Détails d’un spectacle : Ajouter une vidéo Cliquez sur l’onglet « Médias » puis sur le bouton « Ajouter une vidéo » Cochez la case « Média à afficher dans… » et coller le code d’intégration en provenance de Youtube ou Viméo puis cliquez sur le bouton « Enregistrer »

Détails d’un spectacle : Ajouter une vidéo -> Code Youtube

Détails d’un spectacle : Ajouter une vidéo -> Code Viméo

Détails d’un spectacle : Ajouter une représentation Cliquez sur l’onglet « Représentation » Choisissez « le lieu » Saisissez «la date et l’heure  » « non » la représentation n’et plus affiché su le site Cliquez sur « Enregistrer » La nouvelle représentation est ajoutée

Détails d’un spectacle : Associer des spectacles Cliquez sur l’onglet « Associations de spectacles » Choisissez « La saison » Choisissez « Le théâtre » Choisissez « Le spectacle » Cliquez sur le bouton « Associer le spectacle »