Modèle de squelette de site SPIP 3 avec menu fixe horizontal ============================================================ Version 3.0.5 - 05/05/2015 -------------------------- - Nouvelle version du fichier js/script.js (optimisation de l'ajustement du bloc de contenu) Version 3.0.4 - 14/04/2015 -------------------------- - Pour les petits écrans (smartphones), une icône remplace le menu par défaut : quand on clique dessus, le menu de 1er niveau se déroule - Optimisations JS/CSS (notamment pour fonctionnement avec javascript désactivé - Optimisations images JPG et PNG - Prise en compte du filtre "|liens_ouvrants" sur les balises #TEXTE pour remplacer l'utilisation du plugin "msc_liens_spip_out_ouvrants_3.0.0" (pour ouvrir les liens externes dans un autre onglet) Version 3.0.3 - 13/03/2015 -------------------------- Optimisations pour desktop et mobile selon les recommandations Google PageSpeed Insights - Mettre dans le fichier .htaccess les lignes concernant la mise en cache pour les navigateurs pour les fichiers js, css, images et fontes : AddType application/vnd.ms-fontobject .eot AddType application/x-font-ttf .ttf AddType application/x-font-woff .woff ExpiresByType text/css A604800 ExpiresByType application/x-javascript A604800 ExpiresByType application/javascript A604800 ExpiresByType text/javascript A604800 ExpiresByType image/jpeg A604800 ExpiresByType image/png A604800 ExpiresByType image/gif A604800 ExpiresByType application/vnd.ms-fontobject A604800 ExpiresByType application/x-font-ttf A604800 ExpiresByType application/x-font-woff A604800 - Ajout du fichier robots.txt.html : désactiver l'interdiction d'explorer certains répertoires pour les tests Google "Mobile friendly". On ajoute les lignes suivantes à la fin du fichier : User-agent: Googlebot Allow: /local/ Allow: /plugins/ Allow: /plugins-dist/ - Mettre le code Google Analytics en fin de body (pages sommaire, article, rubrique et brève) - Pour un site live, modifier la configuration de SPIP pour la compression des fichiers JS et CSS seulement (pas HTML). Ne pas le faire en local. - CSS Menu : margin de 10px autour des zones d'options à cliquer - CSS footer : margin de 10px autour des liens - Intégration de gotop dans les css et js du squelette Version 3.0.2 - 04/03/2015 -------------------------- - Nouvelle version du fichier js/script.js (correction du fonctionnement pour colonne fixe) Version 3.0.1 - 06/12/2014 -------------------------- - Gestion de colonne fixe en js - Ajustements CSS Version 3.0.0 - 01/12/2014 -------------------------- Description générale -------------------- Ce squelette est un modèle pouvant servir de base pour créer un squelette client. Cette version est basée sur le modèle "MHJS_large" version 3.0.4, mais le design a été totalement repensé pour faire des sites plus modernes et plus souples. (se référer à la documentation du squelette "MHJS_large" version 3.0.4 pour une description générale et des évolutions apportées par les différentes versions) Fonctionnalités apportées par ce modèle de squelette (par rapport au modèle "MHJS_large" version 3.0.4) ---------------------------------------------------- - Arrêt du support pour IE6 (suppression des adaptations spécifiques pour IE6) - Affichage du slogan avant le contenu sur la page sommaire - Affichage du logo en haut de la colonne secondaire - Suppression de la dépendance au plugin mscnivoslider (pour le bandeau) - Un bandeau animé peut être mis sur la page d'accueil uniquement, en utilisant le plugin mscnivoslider. - Création d'un nouveau mot-clé réservé : bandeau_accueil - il est utilisé pour un article (dans la rubrique "Racine") qui sera affiché en pleine largeur sur la page sommaire, avant le slogan, et avant le contenu - pour l'affichage d'un bandeau dans cet article, il suffit de créer un slider centré avec nivoslider - de préférence, dans le fichier config/mes_options.php, mettre une taille de 1920px de large pour les images, afin de permettre un bandeau pleine largeur en HD - Menu horizontal fixe (ombrage si on scrolle, géré en javascript) - Largeur adaptable (maxi : 1325px) - Ajustements CSS divers - Ajout des fichiers favicon.png et apple-touch-icon.png et gestion dans le head - Allègement du squelette : - suppression de l'affichage des mots-clés sur tous écrans - suppression de l'affichage des sites référencés - suppression de l'affichage des post-scriptum - suppression de l'affichage des pétitions - suppression des forums de brèves