SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 321 visiteurs en ce moment

Accueil > Squelettes > Squelettes généralistes > EasySqueletting > Squelette EasySqueletting

Squelette EasySqueletting

17 août 2008 – par klelugi – 210 commentaires

16 votes

Le squelette EasySqueletting est un squelette de type généraliste, il propose une navigation sur 2 à 3 colonnes ainsi qu’une navigation horizontale par onglets. Les onglets sont des liens vers des rubriques que vous pouvez sélectionner manuellement. La principale caractéristique de ce squelette est que vous pouvez choisir en quelques clics toutes (ou presque toutes) les couleurs d’affichage de votre site.

L’essentiel de ce que vous permet ce système de template :

-  Vous pouvez choisir et changer toutes les couleurs de votre site à tout moment sans éditer le moindre fichier,
-  Vous pouvez créer et modifier votre entête grâce à un plugin fourni dans l’interface d’administration, cela vous débarasse du soucis de création de logo qui est souvent casse-tête,
-  Vous pouvez choisir des polices typographiques pour les titres des différentes sections pour egayer votre site,
-  Vous gérez simplement, par ajout de mots clés, les onglets affichés dans votre navigation horizontale,
-  Vous choisissez le coté ou se situe la navigation verticale,
-  et enfin, vous pouvez déterminer les dimensions (largeurs) des colones de votre site.

Voici quelques exemples de ce que vous pouvez obtenir :

A savoir sur ce squelette :

-  Valide et testé sur : SPIP 1.9.2 d
-  Auteur : Gilles TRAN
-  Licence : GPL
-  Utilisation : Débutant, Intermédiaire
-  Surcharge Core : fichier Extra

Le squelette easysqueletting utilisent la librairie javascript jQuery pour afficher les arrondis, grâce au plugin « jCorners », ainsi qu’un news-slider pour afficher les derniers articles en page d’accueil, grâce au plugin « jFlow »

Pour faire fonctionner ce squelette, il vous faut installer 3 plugins :

-  champs homonymes : qui vous permettra de gérer l’intitulé de vos onglets,
-  CFG : pour gérer toutes les variables d’affichage pour la feuille de style dynamique,
-  easysqueletting : le plugin qui couplé à CFG pemet le choix de toutes vos couleurs, typos,...

Notez de plus qu’il vous faut configurer SPIP de façon à pouvoir générer des images typographiques et des vignettes. Pour cela il faut se rendre sous : Configuration >> fonctions avancées >> choisir GD2.

Créer vos onglets

-  Pour créer vos onglets vous allez devoir créer un nouveau groupe de mots-clés nommé : « mise en page »
-  Puis créez un mot nommé : « onglet » (cet intitulé doit être respecté)
-  Adjoindre ce mot-clé aux rubriques que vous voulez voir apparaitre dans vos onglets
-  Editer la rubrique pour remplir le champs « Nom Onglet » nouvellement créé grâce au plugin champs homonymes, cela vous permet d’avoir un intitulé plus court pour le texte de votre onglet,
-  Profitez en pour remplir le champs « Nom Court » disponible pour les rubriques, articles, brèves et sites. Ce champs sera utilisé dans le fil d’ariane vous permettant ainsi d’avoir des fils d’ariane plus courts

Upload et pré-configuration de ce système de template

-  Téléchargez le zip, décompressez et uploadez les deux repertoires « squelettes » et « plugins » à la racine de votre site SPIP
-  Validez les 3 plugins (configuration >> plugins) puis
-  Rendez vous sur la page de configuration d’easysqueletting (configuration >> CFG >> Easy Squeletting)

Choix des couleurs, largeurs, typos et arrondis

Vous êtes maintenant sur la page ecrire/ ?exec=cfg&cfg=easysqueletting, vous disposez ici de plusieurs listes dépliantes pour chaque zone de configuration.

Afin de faire simple voici des captures d’écran d’un exemple de configuration pour chacune des caractéristiques de configuration du site.

Cliquez sur « Couleurs générales et arrondis ». Maintenant il vous faut remplir les cases, pour les couleurs vous pouvez cliquer sur la case « modifier » adjacente à chaque champs pour utiliser le sélectionneur de couleur. Il est bon de savoir que ce sélectionneur de couleur fonctionne mieux sous Firefox

Attention : Si vous essayez de prévisualiser votre site en cours de configuration, il vous faudra bien penser, après chaque modification de la page de configuration, à :

-  Vider le cache de SPIP et
-  Vider le cache de votre navigateur pour voir les modifications

Mise en garde : pensez à bien valider le formulaire, voir même à le valider après chaque étapes pour ne pas risquer de perdre votre configuration après un choix laborieux des couleurs.

Voici un aperçu de ce que vous pourriez obtenir après votre choix de couleurs :

-  Choix première couleur et deuxième couleur :

-  Choix des dimensions du site

Remarque : vous pouvez ici choisir le coté d’affichage de la colonne de navigation.

-  Choix des typos

Remarquez ici que vous pouvez spécifier 4 typos différentes : La première pour le texte de l’entête, la deuxième pour sa baseline (sous-titre), la troisième pour les titres des cadres de la colonne de navigation et la dernière pour les titres de la colonne de contenu

-  Choix des réglages pour les différentes typos du site

Entête

Baseline

Colonne de navigation

Colonne de contenu

Attention notez aussi : Pour voir apparaitre des articles en page d’accueil dans les deux cadres du haut il faut :

-  Que les articles soient publiés
-  Qu’ils aient un logo, sinon cela n’affichera rien...

Vous êtes maintenant fin prêt pour visualiser votre tout nouveau site et si demain vous voulez changer de thème de couleurs pour votre site vous pourrez le faire en quelques secondes.

P.-S.

Pour éditer, ajouter, modifier ou supprimer des styles utilisez de préférence la feuille de style : styles.css

Dernière modification de cette page le 26 juillet 2009

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 10 avril 2010 à 21:28, par cc2i En réponse à : Squelette EasySqueletting

    Je viens de tester la version 2.02 d’easysqueletting et spip SPIP 2.1.0
    Rien ne marche.
    1/ la fonction image_aplatir dans easysqueletting_fonctions.php (ligne 16 et 23) pose problème
    2/ le plugin Champs extra ne fonctionne pas des erreurs à la pelle "Table SQL « POUR » inconnue"..

    Bref cela me refroidi tout d’un coup. C’est dommage car visuellement cela à l’air très réussi..

    • Le 18 mai 2010 à 12:56, par MisterT En réponse à : Squelette EasySqueletting

      Idem pour moi !!!!

    • Le 18 mai 2010 à 13:01, par MisterT En réponse à : Squelette EasySqueletting

      Pourtant la fonction :
      « image_aplatir »
      est fournie par SPIP 2.02 ???

    Répondre à ce message

  • Le 25 octobre 2009 à 16:49, par oliv316 En réponse à : Squelette EasySqueletting

    bonjour j’ai installé easysqueletting avec spip 1.92.i, tout marche sauf les onglets , je n’ai pas de texte dedans , et car je n’ai pas le champs « nom court » coté interface administration qui s’affiche dans mes rubriques.

    mes plugings installés :

    -  Boutons dans le Texte
    -  Cfg : moteur de configuration
    -  Champs homonymes
    -  Le Couteau Suisse
    -  easysqueletting
    -  Panoramas 360°
    -  Thickbox v2

    le site est hébergé chez free : http://oliv.316.free.fr/

    au passage je n’arrive pas à créer le champ nom onglet avec « champ homonyme »

    NB : j’ai essayé d’installer une version spip 2.0 avec champ extra j’avais bien le nom court mais le même pb d’affichage du nom de la rubrique dans l’onglet

    merci d’avance

    Répondre à ce message

    • Le 10 mai 2010 à 15:37, par ? En réponse à : Squelette EasySqueletting

      Bonjour, as tu trouvé une solution car j’ai le même problème aujourd’hui et je ne trouve de réponse nulle part ? Merci

    Répondre à ce message

  • Le 3 septembre 2009 à 13:22, par chalanat En réponse à : problème « Réglages et visualisation police entête »

    bonjour,

    je ne comprends pas quand je rentre les infos dans le CFG de esay squeletting au niveau de « Réglages et visualisation police entête »...ça plante j’ai plus rien..page blanche en visualisation !

    que faut-il faire ?
    merci d’avance

    Répondre à ce message

  • Le 7 août 2009 à 11:34, par THierry En réponse à : Squelette EasySqueletting

    Je n’arrive pas à mettre une image en bandeau en haut. Comment faire

    Répondre à ce message

  • Le 10 juillet 2009 à 12:47, par ? En réponse à : Squelette EasySqueletting

    Bonjour,

    Merci pour ce magnifique squelette.

    j’ai simplement un problème d’affichage des articles : si les inter titres apparaissent bien en partie privée, ils n’apparaissent pas en partie publique (ils sont alors simplement en gras mais pas en police plus grosse et au milieu de la page). Il en est de même des autres balises de typographie comme ou

    qui apparaissent bien en partie privée mais pas en partie publique. Comment pourrais-je éviter ce problème ? Merci pour votre aide.

    • Le 10 juillet 2009 à 13:05, par ? En réponse à : Squelette EasySqueletting

      Pour ceux qui rencontreraient le même problème, je l’ai résolu en copiant collant les données de spip_style.css trouvé dans dist dans style.css situé dans squelette.

    Répondre à ce message

  • Le 1er juillet 2009 à 15:50, par monsieurL En réponse à : Squelette EasySqueletting

    Autant pour moi,

    Je n’avais pas vu que la balise #INSERT_HEAD était en commentaire dans le squelette.....

    Répondre à ce message

  • Le 1er juillet 2009 à 15:03, par monsieurL En réponse à : Squelette EasySqueletting

    Bonjour,

    Il n’y a pas un moyen facile pour récuperer la présentation normale dans les articles, comme les puces par exemple ? il y a bien ce commentaire :

    « 
    Pour récupérer les puces normales dans le corps de l’article, j’ai rajouté ceci en ligne 21 de persistent.css.html (pas trouvé sur la zone pour commiter) :
    div.contautre ul, div.contautre ol
    margin : 1em 0 ;

    div.contautre li
    margin : 0 0 0 3em ;

    div.contautre ol li
    list-style : decimal outside ;

    div.contautre ul li
    list-style : disc outside ;

     »
    Mais c’est incomplet, car j’utilise la barre typo généralisé, et je perd toute la présentation offerte...

    Merci d’avance

    Répondre à ce message

  • Le 12 mai 2009 à 16:02, par Emyleen En réponse à : Squelette EasySqueletting - Problème d’affichage

    Bonjour, je suis une nouvelle utilisatrice de SPIP, que j’ai choisi car il y avait marqué « facile » partout sur la page du site officiel.

    Après m’etre rendu compte qu’en fait c’était pas facile du tout, j’ai téléchargé Easysqueletting pour avoir une interface.

    Malheureusement, je n’ai que la page d’accueil qui s’affiche.

    Pourtant j’ai une rubrique, avec deux articles publiés avec logo. Mais lorsque je clique sur le lien pour les voir en public, page blanche ! Je n’ai rien qui s’affiche, pas meme le squelette avec une erreur.

    Pourtant j’ai vidé et revidé tout les caches possibles et inimaginables.

    Merci pour votre aide.

    Emyleen

    Répondre à ce message

  • Le 18 mai 2009 à 11:05, par Thierry En réponse à : Squelette EasySqueletting

    bonjour,
    ce squelette est-il compatible avec Spip 2.0 ?

    Répondre à ce message

  • Le 21 avril 2009 à 16:24, par Thierry En réponse à : Squelette EasySqueletting

    Bonjour, avec ce squelette est-il possible :

    -  de créer des accès restreints
    -  de mettre un compteur de visiteur
    -  de créer une newsletter

    Merci d’avance.

    Thierry

    • Le 21 avril 2009 à 20:44, par AirW En réponse à : Squelette EasySqueletting

      Bonjour Thierry,

      Ce squelette n’offre pas ces fonctions mais...

      créer des accès restreints

      On peut ajouter le plugin « accès restreint »*.

      mettre un compteur de visiteur

      Cela dépend de ce que tu cherches. Les stats (internes) de spip suffisent-elles ? Pour un compteur visible pour les visiteurs, il doit y avoir un plugin mais je ne sais pas s’il est compatible.

      de créer une newsletter

      On peut ajouter le plugin « spip-listes »*.

      *Ceux-là, je les ai testés...

      A bientôt !

    • Le 6 mai 2009 à 20:37, par ? En réponse à : débutante spip avec Squelette EasySqueletting

      Bonjour, je suis toute nouvelle utilisatrice de spip et je travaille sur un site déjà existant. On m’a conseillé de tester le changement de squelette avec easysqueletting car la procedure est simple. Comme indiqué j’ai uploadé les plugins dans le dossier plugins, puis dans le module d’administration j’ai décoché l’ancien squelette placé dans les plugins et coché les 3 nouveaux. Après avoir vidé le cache, je n’ai plus de squelette en front-office, je ne comprends pas... qu’ai-je pu piblié ??? merci d’avance de votre aide.

    • Le 6 mai 2009 à 21:09, par ? En réponse à : débutante spip avec Squelette EasySqueletting

      Bonsoir !
      Tes articles ont-ils un logo en jpg, un titre et un descriptif ?

    • Le 7 mai 2009 à 10:14, par ? En réponse à : débutante spip avec Squelette EasySqueletting

      Non, mes articles n’ont pas de logo, mais ils ont un titre et un descriptif. Cela a une incidence sur le squelette ? pour info, j’ai un autre squelette (Alternatives) qui fonctionne bien...

    • Le 7 mai 2009 à 12:33, par ? En réponse à : débutante spip avec Squelette EasySqueletting

      Oui, le logo est obligatoire et seul le jpg est reconnu je crois.

      Cela dit, si le site que je gère fonctionne globalement, le niouze vioueur reste vide. Je n’ai pas d’explication et le forum n’est pas très réactif.

      Si une version totalement compatible avec spip2 n’arrive pas, je crains que ça ne s’arrange pas...

      En ce qui me concerne, d’autres fonctionnalités manquent du fait de l’incompatibilité de certains plugins... Je pense à spip2+multiflex...

    • Le 7 mai 2009 à 21:02, par ? En réponse à : débutante spip avec Squelette EasySqueletting

      Il faut penser à vider le cache du site ET celui du navigateur...

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Métas +

    3 décembre – 12 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

  • Acces Restreint 3.0

    11 décembre 2008 – 785 commentaires

    Le plugin accès restreint permet de définir et de gérer des zones de l’espace public en accès restreint. Cette version du plugin a été redévelopée et optimisée tout spécialement pour SPIP 2.0. Il en découle une amélioration des performances sur les gros (...)

  • Compositions 2 et 3

    25 mars 2011 – 176 commentaires

    Ce plugin vous permet de définir plusieurs variantes de squelettes (nommées compositions) pour un même type d’objet SPIP. Dans l’espace privé, il est alors possible de choisir, dans un menu déroulant, la composition qu’on veut attribuer à chaque (...)

  • Configurer Sparkpost

    25 avril – 18 commentaires

    N’hésitez pas à relire le préambule de cette rubrique avant de créer un compte sur une plateforme tierce . Présentation Sparkpost est une société d’envoi de mailing https://www.sparkpost.com/ Sur les petits volumes ( <100.000 emails / mois), (...)

  • Mode portail Communiquant pour SoyezCréateurs

    29 septembre 2010 – 21 commentaires

    5e mode d’affichage de la page d’accueil, ce mode se distingue des autres par une animation proposant un fondu/enchaîné des logos des articles à la une. Zonage Configuration Zone d’entête Nom du site Slogan si plugin bandeau présent (...)

Ça spipe par là