PREMIÈRE PRISE EN MAIN DE DJANGO CMS 1. PRÉSENTATION DE DJANGO CMS Django CMS est un système de gestion de contenu basé sur le serveur Django / Python. Simple d'utilisation, il dispose d'une interface intuitive permettant de gérer facilement l'arborescence et la publication de contenus via ses extensions. Django CMS propose en standard de gérer le multilingue, le versionning, les workflows de publication, les permissions la publication multi-sites. Enfin, Django CMS a été conçu dès le départ pour être optimisé pour le référencement naturel (SEO Friendly). Django, comme beaucoup de CMS, se décompose en deux parties : Une partie Front-end qui est la partie visible du site pour les internautes, avec une possibilité de connexion permettant la création et éventuellement la publication d'actualités. Une partie Back end pour gérer l'administration du site et aussi la création d'actualités. 2. LE FRONT-END La connexion sur le Front-end se fait sur le serveur local sur http://test.www.auf.org/ C'est dans cette fenêtre que vous verrez toutes les modifications apportées dans la partie administration. Il faut réactualiser la page à chaque fois que vous procédiez à des changements. 1
3. CONNEXION AU BACK-END (partie administration) La connexion au back-end se fait via l'adresse suivante : http://test.www.auf.org/fr/admin/ N'oubliez pas de vous munir de vos accès (login et mot de passe). 4. L ECRAN D ACCUEIL DU BACK-END (partie administration) Une fois connecté vous arrivez sur une interface administration claire et simplifié vous permettant de: Ajouter un nouvel article, maintenant répartie distinctement entre Actualité, Appels d'offres, Bourses, Evénements et Publications. Gérer les pages fixes de votre propre bureau. Gérer le diaporama principal de votre bureau régional. 2
5. L INTERFACE Dans les différentes parties du site, il est possible de trouver les icônes ci-dessous. Le détail de leur usage sera, pour les principales, traité dans la suite de ce support. Créer ou ajouter un objet ( actualité, événement, appel d'offres ou page) Éditer ou apporter des modifications dans un objet Couper un objet Copier un objet Supprimer un objet pré visualiser l'objet Ajouter une image Permet d'insérer un objet sous une section 6. CREATION D'UNE ACTUALITÉ 3
1.Dans le menu Auf_Site_Institutionnel cliquez sur l'icône Ajouter 2.Choisissez dans la liste votre Bureau régional 4
3.Donnez un titre à l'actualité 4.Rentrez le Slug associé à cette actualité. Un slug : est un nom court pour quelque chose, qui ne contient que des lettres, des chiffres, le tiret de soulignement ou le tiret simple. Les slugs sont généralement utilisés dans les URLs. Par exemple, une entrée typique de site pourrait être : http://www.auf.org/bourses/bmo-2008 La dernière partie (BMO-2008) est le slug. 5.Choisissez le logo de votre article (Si vous ne choisissiez pas de logo celui de l'auf sera utilisé par défaut) 6.La partie Résumé est assimilée au chapeau dans l'ancienne interface de SPIP, mettez-y les informations introductives que vous jugeriez utile pour avoir une idée sur de quoi il s'agit 7.Rentrez le corps de l'article dans la partie texte. Comme pour Spip, vous pouvez changer la présentation de votre actualité en usant du gras, du souligné, des liens (Cela générera du code HTML avec des balise du type <h1>titre</h1>, ce qui correspond au balise spip du type {{{titre}}}...) et y intégrer des images ou des documents grâce au module placé juste en dessus nommé 'Documents' 8. Pour insérer un document ou une image il suffit que cliquez sur le bouton +Télécharger puis choisir un fichier. Une fois que celui ci est chargé cliquer sur l'image de votre fichier pour l'insérer à l'endroit ou se trouve votre curseur dans la zone texte. Attention: Il est très recommandé de sauvegarder votre article une première fois avant de télécharger votre document. 9. N'oubliez pas de mentionner la date de l'actualité et s'il s'agit d'un événement ou d'un appel d'offres, la date de début et la date de fin. 5
7. GESTION DES PAGES DE VOTRE BUREAU Maintenant que vous savez ajouter des articles, nous allons voir comment modifier les pages fixes de vos bureaux respectifs. Pour cela il faut cliquer sur le lien page du menu Cms de la page d'accueil de l'administration. Vous devriez arriver à la structure des pages de votre bureau: Vous pouvez facilement réorganiser l'ordre des pages, en créer des nouvelles ou modifier des pages existantes. Par exemple si vous voulez créer une nouvelle page sous la section de votre bureau régional : 1.Placez-vous sur la section en question, cliquez sur l'icône qui permet d'ajouter un objet, cliquez ensuite sur l'icône qui permet de créer un objet sous une section 2.Entrez le titre de la page, les mots-clés correspondants (pour construire l'url) et choisir un Modèle 6
Les modèles de pages déterminent le mode d'affichage et le rôle de la page. Ceux ci sont au nombre de dix: - Page d'accueil: Votre page aura l'apparence de la page d'accueil du site avec le slider et tous les articles. Ce type de page est uniquement utilisé par la page d'accueil principal du site, vous n'en aurait normalement pas besoin dans les pages de votre bureau. - Page par défaut: Version très simple de l'apparence de votre page, sans menu... - Page avec Menu: Ce type de page listera toutes les pages enfants grâce à un menu vertical à gauche de la page. (très utilisé) - Pages avec sous rubriques: Permet d'afficher le menu de gauche mais aussi permet d'afficher les sous pages dans le contenu avec une image et une description. - Pages actualités, bourses, appels d'offres, événements, publications régionaux: En choisissant ce modèle votre page affichera automatiquement les actualités, les bourses... de votre bureau - Hériter du modèle le plus proche: La page prendra automatiquement le modèle de la page parente. Une fois le modèle sélectionner vous pouvez sauvegarder. (vous pourrez bien entendu modifier le modèle de page par la suite) 3.Rentrez le texte descriptif de la catégorie dans l'onglet qui y est consacré : pour ce faire, choisissez dans les blocs disponibles le bloc texte (les autres blocs vous permettent d'ajouter une google Map, la liste des membre, des implantations...) et cliquez sur ajouter 7
4. L'éditeur de texte L'éditeur de texte est correct pour les opérations de base. Il est néanmoins possible d'installer d'autres éditeurs. La majorité des éditeurs ne sont pas bien traduits dans les icônes : B (comme Bold) à la place de G (Gras) ou le U (de Underline) au lieu du S (de souligné). 5. Insertion d'image Suivant l'éditeur, l'insertion d'image est représentée par une icône incarnant un arbre (à la façon Adobe DreamWeaver). Pour charger une image, cliquez sur l'icône en question, une fenêtre de fonctionnalités se lance, cliquez sur l'icône parcourir pour charger l'image, un navigateur se lance, cliquez ensuite sur upload, et visualisez les dimensions des images à charger, une fois ces opérations terminées, cliquez sur sélectionnez fichier, donnez une description à cette image et terminez cette opération en cliquant sur insérer. 8
8. GESTION DU SLIDER PRINCIPAL Le dernier élément de l'administration principal permet de modifier le diaporama de votre bureau. Lorsque vous cliquez sur le lien Sliders de la page d'accueil de l'administration vous pouvez voir la liste des images composant le diaporama de votre bureau. Vous pouvez par partir de cet endroit modifier, supprimer ou ajouter une nouvelle diapositive en choisissant une image, un texte et un lien hypertexte. L'image s'adaptera automatiquement a la taille du diaporama mais il est préférable d'utiliser des images de la taille 600 * 220px pour un rendu optimal. (Je viens de m'apercevoir que le diaporama ne fonctionne pas correctement lorsqu'il ne dispose que d'une seul diapositive, je corrigerai rapidement ce problème, merci) 9
9. RAPPEL 10. Nous rappelons que ce document n'est pas exhaustif et qu'il s'agit d'une première prise en main du CMS. Vous pouvez rentrer en contact avec nous à n'importe quel moment pour plus d'informations, détails ou questionnements. 11. Un document concernant la politique éditoriale du nouveau site vous sera communiqué ultérieurement. 10