Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon.

Utilisé à ce jour dans 1327 sites
Le head
Article mis en ligne le 4 février 2009
dernière modification le 19 janvier 2017

par Jean Christophe Villeneuve
logo imprimer
Enregistrer au format PDF

Cette noisette n’affiche rien mais elle est essentielle.

Nom du fichier inc-head.html
pages concernées Toutes les pages
mots-clés aucun

C’est elle qui contient :

  • les balises meta pour (entre autres)
    • le charset
    • la version de spip
    • l’email du webmaster
    • l’auteur du site
    • les directives pour les moteurs de recherche
  • les appels aux feuilles de style
    • celle qui définit la mise en page générale (layout.css)
    • la feuille de style générale (general.css)
    • celle pour le menu (menu.css)
    • celle pour le forum (forum.css)
    • celle pour les couleurs (couleurs.css)
    • celle pour l’impression
    • et enfin celle pour vos surcharges personnelles (perso.css)
  • l’appel au favicon, en le créant automatiquement à partir du logo de votre site, sinon on affiche le favicon à partir du logo d’Escal. Avec EscalV3 ce choix est paramétrable
  • les appels aux javascripts
    • pour le menu horizontal (menu.js)
    • pour le premier menu vertical (menu_vertical.js)
    • pour changer la taille du texte dans les articles (changetaille.js)
    • pour les effets de rotation des articles ou images dans les noisettes inc-actus et inc-photos] (rotative.js)

Et pour que ça fonctionne avec Internet Explorer : grr

  • (menu.js) pour le menu horizontal
  • (ie.css) pour que le menu horizontal et le menu vertical 2
  • (tabs_ie.css) pour les derniers articles de la page d’accueil

A noter

  • que la feuille de style et le javascript spécifiques pour le bloc central de la page sommaire est dans la partie "head" du fichier sommaire.html, soit :
    • (alaune.css) la feuille de style du bloc central
    • (onglets.js) et (jquery.tabs.pack.js) permet l’affichage de l’onglet actif et l’effet d’enroulement/déroulement
  • que la feuille de style pour l’agenda (agenda.css) est dans la partie "head" du fichier agenda.html

Avec EscalV3,

  • rotative.js permet aussi les effets de rotation des articles ou des images pour les noisettes inc-annonce_defilant, inc-sites_favoris et l’éventuelle noisette inc-perso
  • on rajoute l’appel vers la feuille de style pour la configuration d’Escal dans la partie privé du site (config.css)
  • on rajoute l’appel javascript pour déplier/replier les noisettes (bloc_depliant.js) ou les forums des articles (bloc_depliant2.js)

plus besoin de systématiquement mettre les mains dans le code d’où :

dans la partie configuration d’Escal de l’espace privé, sous l’onglet "généralités", vous pouvez :

  • configurer certaine balises meta du site
    • Balise "Keyword"
    • Balise "Author" (déplacé dans sommaire.html)
  • choisir le layout qui définit la mise en page générale
  • choisir votre favicon

Forum
Répondre à cet article
inc-head et balise meta
vincent Cormary - le 13 mars 2014

Bonjour,

Si je souhaite insérer une balise meta, c’est à ce niveau qu’il faut le faire ?
J’avoue ne pas être sur de la marche à suivre :
édition du fichier puis modification et enfin on le place dans .... ?

Merci par avance

inc-head et balise meta
Jean Christophe Villeneuve - le 13 mars 2014

Hello

D’abord, une question : quelle balise meta voudrais-tu ajouter ? Car c’est peut-être intéressant de l’inclure dans Escal.

Sinon, oui, c’est bien ce fichier. Procédure à suivre :

  • on copie ce fichier de plugins/auto/escal/inclusions vers /squelettes/inclusions (dossiers à créer si pas encore existants)
  • on modifie la copie et on ne touche pas à celui d’Escal

Ainsi, une mise à jour d’Escal n’écrasera pas tes mofifications

inc-head et balise meta
vincent Cormary - le 13 mars 2014

Merci pour les infos.

la balise en question est celle fourni par google et ces "outils pour webmasters" pour confirmer le fait d’être le web master. Donc en bref cela change pour chacun.

Encore merci pour tous les coups de mains.

Favicon
Tony - le 2 mars 2012

Bonjour

J’essaye de mettre mon favicon mais je n’y arrive pas bien que j’utilise le code

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">

un petit conseil ?

Merci

favicon
Jean Christophe Villeneuve - le 2 mars 2012

Normalement tu peux changer le favicon sans toucher le moindre code. Ton favicon doit
- être au format gif
- s’appeler favicon.gif
- se trouver dans /squelettes/images

Sinon quel code utilise-tu ?
Car si ton favicon s’appelle autrement ou est dans un autre format, il faut changer la ligne suivante dans inc-head

<link href="#CHEMIN{images/favicon.gif}" rel="shortcut icon" type="image/gif" />

changer le nom du fichier et l’extension en fin de ligne

favicon
Tony - le 2 mars 2012

Merci pour ta réponse, bon ça marche avec ton code et en plus mon favicon est animé en fait je n’ai trouver que des générateurs de favicon gif en animé .

favicon
Jean Christophe Villeneuve - le 14 août 2012

Attention, dans EscalV3, maintenant c’est favicon.ico et il se trouve à la racine du site.

favicon
CyberTroll - le 19 septembre 2012

Bonjour,

Merci pour ce super squelette !

Si j’avais lu la discussion jusqu’au bout, ça m’aurait évité de chercher favicon.ico pour la v3, je comprenais pas pourquoi ça ne marchait pas ! :-))

favicon
spipfactory - le 19 septembre 2012

et le résultat est visible ou ?
que je t’épingle :-))

favicon
CyberTroll - le 19 septembre 2012

Pour l’instant c’est encore hors-ligne. En fait je migre d’un autre squelette (qui à l’air moribond et n’est pas compatible avec spip3), je me fais les dents et mon paramétrage avec Escal et une fois qu’il sera au petits oignons je le basculerai en ligne, la marche normal quoi... B-)

Favicon
Moms24 - le 20 mars 2013

Bonjour,
pour le favicon j’ai utilisé Photofiltre pour transformer l’image en ico, puis je l’ai uploadé dans le dossier squelettes, c’est tout et ça marche très bien :)

ma favicon (quand, hébergé, on n’a pas accès au squelette)
sébastien - le 30 septembre 2012

Bonjour,
Je suis hébergé, bien hébergé, merci.

iciarouen.fr

J’aimerais changer ma favicon.
Par mesure de précaution sans doute, je n’ai pas accès au squelette. Je ne m’en soucie guère.
Vers qui puis-je donc me retourner pour lui fournir la photo (avec quelles caractéristiques, je crois pouvoir trouver ici ces indications) que je voudrais voir apparaître comme favicon ?
Je joins une image. Est-ce possible d’avoir une favicon avec elle ?
Merci de vos indication et bon dimanche,
Sébastien

ma favicon (quand, hébergé, on n’a pas accès au squelette)
Jean Christophe Villeneuve - le 30 septembre 2012

Tu peux le faire toi-même !

2 solutions :

1- mettre ton image comme logo du site et dans la page de configuration d’Escal, onglet "Généralités", bloc "Eléments", partie "Favicon", cocher "à partir du logo de votre site, il sera automatiquement transformé (taille, format) par Escal "

2- transformer ton image en fichier .ico de 32px/32px (il existe des outils en lignes ou des utilitaires pour ça) et le mettre dans ton dossier /squelettes (à créer s’il n’existe pas) et dans la page de configuration d’Escal, onglet "Généralités", bloc "Eléments", partie "Favicon", cocher "à partir du fichier favicon.ico, celui d’Escal ou le vôtre, mis dans le dossier "squelettes" "

ma favicon (quand, hébergé, on n’a pas accès au squelette)
team - le 30 septembre 2012

bon comme l’hébergeur je le connais bien :-))

j’ai regardé et je constate que l’espace de configuration d’escal n’est pas renseigné

Éléments
Choisir la présence ou l’absence d’un élément sur toutes les pages du site

Favicon
à partir du fichier favicon.ico
celui d’Escal ou le vôtre, mis dans le dossier "squelettes"

à partir du logo de votre site
il sera automatiquement transformé (taille, format) par Escal

donc déjà a faire
ensuite faire parvenir le favicon souhaité a ton hébergeur comme le dit JC en fichier .ico de 32px/32px, si tu ne sais pas faire envoyer l’image et demander gentiment très gentiment à ce qu’il le fasse :-P

ma favicon (quand, hébergé, on n’a pas accès au squelette)
Jean Christophe Villeneuve - le 30 septembre 2012

Ben le .ico, il peut le mettre lui-même dans le dossier /squelettes, non ?

Mots-clés associés



Plan du site Contact Mentions légales Espace rédacteurs squelette

RSS Valid XHTML 1.0 Strict

2009-2017 © Escal V3 - Tous droits réservés
Site réalisé sous SPIP
avec le squelette ESCAL-V3
Version : 3.87.11