Logos SVG de template

Logo Cassiopeia

Le template de site Joomla par défaut, Cassiopeia, utilise le mot CASSIOPEIA comme logo de marque. Il apparaît en haut de chaque page, sauf si vous définissez Marque sur Non dans le formulaire Templates : Modifier le style, onglet Avancé, ou si vous utilisez un mot en guise de titre à la place d'un graphique. Ce mot est en réalité un fichier Scaled Vector Graphic (SVG). Vous pouvez choisir un graphique alternatif, mais il est assez délicat de créer et d'utiliser un logo SVG alternatif. Cette brève série d'instructions peut vous aider.

Inkscape

Inkscape est une application de graphiques vectoriels open source et multiplateforme, ce qui signifie que vous pouvez la télécharger gratuitement et l'utiliser sous Linux, Mac ou Windows. Pour commencer, rendez-vous sur le site Web d'Inkscape et téléchargez la version adaptée à votre ordinateur portable ou de bureau. Démarrer Inkscape et vous êtes prêt à créer un logo de marque SVG. La capture d'écran ci-dessous montre Inkscape en cours de création d'un nouveau logo SVG.

Instructions

Pour cet article, un logo est nécessaire montrant GREEN CASSIOPEIA à la même taille que CASSIOPEIA dans le logo par défaut, qui fait 32 pixels de haut :

1. Démarrer Inkscape, ajuster la fenêtre à une taille confortable, sélectionner Affichage / Zoom / Zoom Page
2. Sélectionner l'outil Texte, marqué par la lettre A dans la barre d'outils de gauche
3. Sélectionner Arial, Gras, 40 et px
4. Glisser pour définir une zone occupant la majeure partie de la largeur de la page
5. Saisir le texte : GREEN CASSIOPEIA
6. Sélectionner Affichage / Zoom Sélection
7. Sélectionner l'outil Sélection, marqué par une flèche - en haut de la barre d'outils de gauche
8. Verrouiller les valeurs de taille Horizontale et Verticale - le symbole de verrou dans la barre supérieure
9. Définir l'unité de mesure sur px
10. Changer la hauteur à 32 - vous verrez le logo changer de taille
11. Sélectionner Chemin / Objet en chemin - aucun changement visible mais les mots ne sont plus du texte
12. Sélectionner Fichier / Propriétés du document
13. Sélectionner Redimensionner au contenu
14. Dézoomer pour une meilleure vue
15. Définir le remplissage en blanc - cliquer sur la case blanche dans la palette de couleurs en bas
16. Fichier / Enregistrer sous racine-locale-du-site/images/headers/green-cassiopeia-optimised.svg
    1. Si vous enregistrez ailleurs, vous devrez utiliser un gestionnaire de fichiers ou le ftp pour téléverser les fichiers svg. Le composant Média peut utiliser des fichiers SVG mais, à l'heure actuelle, il ne permet pas de les téléverser.
17. Sélectionner SVG Optimisé (.svg) dans la liste des types de fichiers en bas de la boîte de dialogue Enregistrer.
18. Enregistrer, puis valider toutes les valeurs par défaut dans le formulaire de sortie SVG Optimisé
19. Définir certains paramètres de l'Administration Joomla pour autoriser l'utilisation des fichiers SVG
20. Aller dans Contenu / Média / Paramètres
    1. Ajouter aux extensions autorisées : ,svg
    2. Ajouter aux extensions d'images autorisées (types de fichiers) : ,svg
    3. Ajouter aux types MIME autorisés : ,image/svg+xml
21. Enregistrer & Fermer
22. Aller dans Système / Templates de site / Paramètres
    1. Ajouter aux formats d'image valides : ,svg
23. Enregistrer & Fermer
24. Aller dans Système / Styles de template de site
25. Sélectionner votre template
26. Dans l'onglet Avancé, champ Logo, utiliser Sélectionner pour retrouver le logo que vous venez de créer
27. Enregistrer et recharger la page de votre site