Leadescent (Squelette)

Publié le : 28 avril 2012 – Dernière modification le 21 décembre 2021 – par Romaric Buisson-Ramey – 73 commentaires

1
2
3
4
5
5 votes

Présentation :

Ce squelette permet de modifier la page d’index du thème Leadescent (adapté du thème Wordpress du même nom réalisé par Padd Solutions).

Voir une démo du thème et du squelette Leadescent.

Il est recommandé d’installer le thème associé à ce squelette.

Captures :

Leadescent : Page Index (avec squelette)

Installation :

Déposez-le dans le répertoire plugins/. Le plugin « squelette_leadescent » apparaît dans la liste des plugins. Il ne vous reste plus qu’à l’activer.

Caractéristiques :

  • Le slider JavaScript récupère les articles (3 maximum) ayant un logo et étant associés au mot clé ’slider’.
  • La zone ’NOS SERVICES’ récupère les articles (4 maximum) ayant un logo et étant associés au mot clé ’services’.
  • La zone ’ACTUALITES’ récupère les articles (10 maximum) ayant un logo et N’étant PAS associés au mot ’services’.
  • Le pied de page récupère les 3 articles les plus récents et les 3 articles les plus populaires (les articles doivent disposer d’un logo).

Discussion

5 ans 1 an 3 mois Sans limite
par date
Filtrer

18 discussions

  • 6
    Perline

    Bonjour,
    Pour info pour un SPIP >3 il faut créer le fichier paquet.xml pour l’utiliser.
    Celui que j’ai créé ne me paraît pas assez certifié pour que je le dépose ici.

    Répondre à ce message

  • 17
    ambiancedecor

    Pourriez-vous également m’expliquer comment personnaliser le menu en haut. Sur votre modèle, les rubriques y apparaissent (à propos, divertissement, voyage, etc...)
    Mais sur mon site, mes rubriques n’apparaissent pas à cet endroit, il reste toujours écrit « personnaliser ce menu ».
    http://www.ambiancedecor.net

    Merci !

    • Romaric Buisson-Ramey

      Bonjour,

      Afin de modifier le menu, vous devez accéder à l’espace privé, puis aller dans « Édition » puis « Menus du site ». Il vous suffit de créer un menu avec l’identifiant « barrenav ».

    • ambiancedecor

      Merci tout d’abord pour votre aide. Je suis parvenue avec vos explications à mettre une bannière.
      Concernant le changement de couleur du fond, le pied de page est bien changé. J’aurais voulu changer les côtés mais je ne sais pas si cela est possible. Quand je change dans middle-wrap comme vous me l’avez indiqué, cela change tout le milieu. J’aurais voulu juste mettre un fond, comme sur cette page, le bleu du centre est différent du blanc extérieur. C’est l’extérieur que je voudrais modifier, avec une image si possible.
      Enfin, pour le menu, quand je me connecte dans l’espace privé, je ne vois pas « menus du site » ??? juste les rubriques et article déjà créés.

    • Romaric Buisson-Ramey

      Avez-vous le plugin « Menus » d’installé ?

    • ambiancedecor

      Ah bah oui, ça fonctionne beaucoup mieux comme ça. Voilà qui est résolu.
      Auriez-vous une réponse pour l’insertion d’une image sous la partie centrale ?
      Il reste également une toute petite partie tout en haut de l’écran qui reste noir. Comment changer sa couleur également ? je ne retrouve pas ce à quoi ça correspond dans le HTML.

      Merci encore pour toute votre aide. Mon site commence à être sympa avec votre squelette !

    • Romaric Buisson-Ramey

      La partie noire en haut de la page correspond au background sur la div « header-wrap », vous pouvez le supprimer si vous le souhaitez.

      Concernant une image en fond, vous devez la mettre sur la div « middle » ou « middle-wrap » selon ce que vous souhaitez (middle-wrap correspond à toute la largeur, middle correspond à la largeur du slider).

    • ambiancedecor

      J’ai supprimé la partie noire du haut. Merci
      Pour l’image de fond, j’ai tenté de la mettre en background sur la partie middle wrap, mais cela ne change rien sur le site, faut-il modifier un autre paramètre ? faut-il une taille spécifique pour cette image ?

      Autre question : Est-il possible d’intégrer dans les articles un bouton « j’aime » de facebook ou un bouton « pin it » pour pinterest ?

    • Romaric Buisson-Ramey

      Pour l’image de fond, cela devrait fonctionner, vérifiez le chemin de l’image.

      Pour ce qui est des boutons facebook et pinterest, regardez du côté du plugin Social tags : http://contrib.spip.net/Social-tags

    • ambiancedecor

      pour l’image de fond, je viens de m’apercevoir que la modification a bien lieue mais sur les pages à l’intérieur du site.
      Je voudrais faire cette modification sur la page d’accueil également.
      Et surtout, est-il possible de garder le middle blanc ? (là, quand je change sur middle wrap, le middle n’apparaît plus )

    • Romaric Buisson-Ramey

      Vous devez modifier comme ceci :

      .sommaire #middle-wrap {
     background: url('lien/vers/image/de/fond.jpg');
}
.sommaire #middle {
     background: #fff; //pour avoir le middle en blanc
}

#middle-wrap {
     background: url('lien/vers/image/de/fond.jpg');
}

#middle {
     background: #fff; //pour avoir le middle en blanc
}
    • ambiancedecor

      merci, ça fonctionne impeccablement.
      Pour le plugin social tags, je l’ai téléchargé et configuré. Dois-je ajouter quelque chose au HTML ? quoi ? où ?

      (je vous monopolise un peu mais je me dis que nos échanges serviront peut-être à d’autres utilisateurs)

    • Romaric Buisson-Ramey

      Tout est expliqué sur la page du plugin (configuration, mise en place, etc ...). Rencontrez-vous un soucis en particulier ?

    • oui, pour l’insertion dans les pages, il est indiqué qu’il faut insérer un bloc social-tags sous le bloc #contenu, bloc que je ne trouve pas dans le squelette

    • Romaric Buisson-Ramey

      Vous pouvez insérer le bloc ou vous le souhaitez, par exemple si vous voulez qu’il apparaisse sous le header, il suffit de mettre #header comme sélecteur.

    • Et pour qu’il apparaisse sous chaque article ?

    • Romaric Buisson-Ramey

      Vous pouvez essayer indiquer #contenu-principal comme sélecteur.

    • Le plugin semble bien configuré ans cfg
      mais je bloque à cette partie

      Il suffit de configurer le plugin via cfg en indiquant le nom de votre div, et d’insérer éventuellement le code suivant dans les squelettes :

      je mets ça où dans votre squelette ?
      merci

    • ambiancedecor

      Problème résolu (merci Maïeul !). Si ça peut aider quelqu’un d’autre qui utilise ce squelette :
      pour que les boutons apparaissent à la fin de chaque article, il faut indiquer dans le sélecteur .contenu-principal
      pour qu’ils soient sous le titre de l’article (solution que j’ai retenue), indiquer .page_article .cartouche:first
      Et voilà, c’est simple quand on sait.
      J’en profite pour te remercier, Romaric pour toute ton aide !

    Répondre à ce message

  • jucado

    Bonjour,
    je n’arrive pas à installer le squelette leadescent.
    Le thème est bien présent, mais les autres fonctions du squelette ne s’affichent pas.
    J’ai une base postgresql.
    Le site http://juliencadoret.com
    Merci de m’éclairer.

    Répondre à ce message

  • 2
    bilou

    bonjour
    Nous avons utilisé et travaillé le squelette pour un journal lycéen, la mise en ligne est ici : http://www.zobeliste.fr/
    Encore plein de choses à régler...
    merci pour ce squelette

    • Mathis

      Bonjour,

      J’ai voulu voir le travail réalisé avec ce thème en cliquant sur le lien vers votre site...
      Bien m’en a pris, vous avez abandonné SPIP pour Wordpress... Dommage. ..

    • bilou

      Bonsoir

      le site est passé sous wordpress mais la version spip reste visible a l’adresse :
      http://archive.zobeliste.fr/
      amicalement

    Répondre à ce message

  • donsi

    Pas de nouvelles à propos d’une versione du squelette pour spip3 ? Il serait si sympa d’accomplisser le travail déjà amorcé... :-)
    Merci
    donsi

    Répondre à ce message

  • Patrick

    Bonjour,
    dans un post précédent, DD indiquait que « Le thème Leadescent est compatible SPIP3 mais pas le squelette semble-t-il »

    quand est-il exactement ?

    car voulant passer en spip 3 et utilisant le Thème ET le squelette Leadescent, je n’ai pas envie de me retrouver dans une galère pas possible !!!
    merci d’avance pour vos réponses et commentaires.
    Patrick

    Répondre à ce message

  • DD

    Bonjour
    Le thème Leadescent est compatible SPIP3 mais pas le squelette semble-t-il. J’ai essayé de contourner en mettant les fichiers du squelette dans site/squelettes/ mais ce n’est pas très concluant pour la mise en page.
    Bon c’est dommage j’aimais bien.

    dd

    Répondre à ce message

  • deph-azz

    bonjour

    superbe squelette , mis en place a l’instant sans aucun problèmes .
    Je cherche a ralentir le timing du slider , je trouve que c’est un peu trop rapide pour l’utilisation que je veux en faire .

    merci

    Répondre à ce message

  • Sabine

    Bonjour,

    Pouvez-vous me dire comment on peut gérer la zone « actualités » de la page d’accueil ?
    Elle récupère les articles (10 max) qui ont un logo mais pas associés au mot de clé service.
    Mais sur ma page, ce sont toujours les mêmes 10 articles qui apparaissent. Puis-je les faire évoluer ?

    Merci

    Répondre à ce message

  • 7
    Emilie

    Bonjour,

    J’utilise depuis peu ce squelette que je trouve vraiment pas mal.
    J’aimerais supprimer le cadre autour des images qui apparaissent dans les articles. Est-ce possible ?
    Si ce n’est pas possible automatiquement pour chaque image, j’aimerais au moins pouvoir le faire sur quelques images.

    Merci pour votre aide.

    • Romaric Buisson-Ramey

      Bonjour,

      Dans le fichier habillage.css, supprimez le border :

      img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC; //LIGNE A SUPPRIMER
    padding: 4px;
}
    • Emilie

      Merci pour votre réponse très rapide.
      Super, ça marche parfaitement ! Tant que j’y suis, je me doute que c’est + de l’utilisation de spip que votre propre squelette mais vous avez peut-être la réponse. Je voudrais mettre deux images l’une à côté de l’autre, sans passer par l’outil port-folio qui modifie l’apparence (puisque ça apparaît dans un tableau). J’ai essayé de jouer « left », « center » et « right » en insérant les images mais les images ne sont pas côte à côte mais sur des lignes différentes.

    • Romaric Buisson-Ramey

      Pourriez-vous donner l’adresse du site qui pose soucis ?

    • Emilie

      Il n’y a encore rien en ligne, je travaille à la mise en place pour l’instant.
      Je n’ai pas bien expliqué mon souci ? ;-)
      je voudrais avoir ça

      image 1 image 2

      mais pour l’instant, je ne parviens qu’à obtenir

      image 1
      image 2

    • Romaric Buisson-Ramey

      Je viens de tester en local, si je met deux images

      <img1|left> <img2|right>

      dans mon article, elles apparaissent bien l’une à côté de l’autre.

      Vérifiez que vous n’avez pas du css qui pose soucis, ou que vos images ne soient pas trop larges.

    • Emilie

      quand je teste dans un article vierge, ça fonctionne effectivement, mais dès qu’il y a du texte avant ou après, ça fait du grand n’importe quoi.

      Ex :
      j’écris avec la même typographie (j’ai enlevé le < devant chaque image, sinon, ça beugue aussi ici :-)) mais ils y sont sur spip

      img26|left> img29|right>

      Le menu individuel
      img26|left> img27|right>

      Le menu de table
      img28|left> img27|right>

      et ça donne le fichier joint test_images... tout est n’importe où ...

    • Emilie

      J’ai beau retourner le problème dans tous les sens, je bloque !
      Au niveau du CSS, qu’est-ce qui pourrait poser souci ?

    Répondre à ce message

  • 9
    kristiawan

    Bonjour, merci pour ce magnifique squelette.

    J’ai un petit soucis concernant la page « rubrique », est-ce que je peux savoir dans quelle fichier je peux modifier la page « rubrique » et aussi « article ». merci beaucoup pour votre reponse.

    kristiawan

    • Romaric Buisson-Ramey

      Bonjour,

      Que souhaitez-vous modifier ? Le style de la page ? La structure ?

    • kristiawan

      La structure svp..
      Je veux mettre une publicité à droite au-dessous le menu.
      Et je veux aussi supprimer l’auteur de l’article dans chaque articles dans la page « rubrique » et « article »..

      merci pour votre aide.

      hk

    • Romaric Buisson-Ramey

      Pour supprimer l’auteur de l’article dans les pages articles et rubriques, nous allons surcharger les fichier "article.html" et "article_resume.html".

      Allez dans plugin > zpip_1 > contenu, et copiez le fichier article.hml dans plugin > squelette_leadescent > contenu.

      Supprimez dans article.html :

      -  Ligne 12 : [, <span class="auteurs"><:par_auteur:> (#LESAUTEURS)</span>]

      Allez dans plugin > zpip_1 > inclure, et copiez article_resume.html dans plugin > squelette_leadescent > inclure.

      Supprimez dans article_resume.html :

      -  Ligne 11 : [<span class="sep">, </span><span class="auteurs"><:par_auteur:> (#LESAUTEURS)</span>]

      Pour ajouter la publicité, c’est le fichier entete.html qu’il faut surcharger plugin > zpip_1 > inclure (effectuez les mêmes étapes que pour les autres fichiers et ajoutez votre publicité).

    • kristiawan

      merci beaucoup monsieur pour cet aide precieux.. :)

      pourrais-je vous demander encore un aide ? je rencontre un problem pour mettre les logos de social net au-dessus de formulaire de recherche, pourriez-vous m’indiquer quel fichier que je devrait modifier, svp ?

      merci..

    • Bonjour,

      Pourriez-vous montrer le site qui pose soucis ?

    • Je teste aussi cette astuce mais pour la deuxième partie, je n’ai pas, dans mon arborescence, le dossier
      plugin > squelette_leadescent > inclure.
      Dois-je le créer ?
      merci

    • Romaric Buisson-Ramey

      Bonjour,

      Oui vous devez créer ce dossier s’il n’existe pas :).

    • Maïeul

      message pour Romaric :
      pour ce genre de personalisation, je mettrais plutôt directement dans squelettes/inclure, des fois que le plugin leadescent change un jour et intégre son propre fichier.

    • Romaric Buisson-Ramey

      Ok, merci pour l’info :)

    Répondre à ce message

  • 1

    Bonjour et tout d’abord merci pour ce squelette !
    Une question pour vous :
    Je veux mettre sur mon site un formulaire de contact un peu sympa et j’ai trouvé la solution indiquée sur ce site :
    http://romy.tetue.net/formulaire-de-contact-spip
    J’ai choisi de transformer un article en page contact mais je bloque à la partie suivante :

    Ajoutez simplement la balise #FORMULAIRE_ECRIRE_AUTEUR dans votre squelette article.html. Pour que ce formulaire ne s’affiche pas dans tous les articles, mais seulement dans celui-ci, conditionnez sa présence ainsi :
    [(#ID_ARTICLE|==7|oui)#FORMULAIRE_ECRIRE_AUTEUR]

    Dans votre squelette, où dois-je mettre cette balise ?
    Merci

    • Bon, je me suis servi de votre réponse du dessous, j’ai copié, et ça fonctionne, merci quand même

    Répondre à ce message

  • 6
    Dieu Emilie

    Bon, j’ai un peu peur de demander de l’aide pour une chose toute simple mais je voudrais insérer une bannière en haut de chaque page de votre squelette et je ne sais pas comment procéder ni quelle taille doit avoir ma bannière.
    Merci d’avance

    • Romaric Buisson-Ramey

      Bonjour,

      Quel type de bannière souhaitez-vous installer ? Auriez-vous un exemple à montrer ?

    • Tout d’abord merci pour vos réponses rapides !!!
      Je n’ai pas encore crée la bannière, ne sachant pas les dimensions.
      Je le ferais avec Photoshop, et je peux donc la mettre dans tous les formats dispos avec ce logiciel (jpeg, png, autre ?)
      Je voudrais en fait remplacer votre en tête tout en haut du site.

      J’ai déjà fait une autre bannière pour un blog, pas le même sujet, mais c’est pour donner un exemple
      latoqueescrap.canalblog.com

    • Romaric Buisson-Ramey

      Une fois votre bannière créée, vous pouvez l’appliquer en background sur le header :

      #header (ligne 144)
{
         background: url('chemin/vers/image.png');
}

      Idéalement, votre bannière doit faire 950px de large. Choisissez la hauteur que vous souhaitez pour votre bannière et modifiez :

      #header (ligne 144)
{
        height: 116px; //Modifiez cette ligne par la hauteur de votre bannière
}

      Enfin, ajoutez la ligne qui suit afin que le logo n’apparaisse plus :

      #header .masthead (ligne 347)
{
        display: none;
}

    • Je vais tester tout ça.
      Je fais donc une bannière de 950 px de large. Celle de départ fait 116px donc je pense. Je verrais si il faut que je change.

      Par contre, le module « rechercher » est compris dans votre bannière ? apparaitra-t-il encore si je modifie la bannière ?

      Autre question (peut-être auriez-vous préférer que je choisisse un autre thème pour ne pas vous embêter avec mes questions :-))
      J’ai créé des articles, j’ai mis un logo, avec les dimensions de ceux que vous avez sur le site de démo (32x34px). J’ai attribué un mot clé (j’ai testé slider et services) et sur ma page d’accueil, ni le slider, ni la rubrique « nos services », ni actualités n’apparaissent.
      Les articles apparaissent dans le pied de page, dans les articles les + récents.
      http://www.ambiancedecor.net

    • Romaric Buisson-Ramey

      Si vous ajoutez une bannière sur toute la largeur, le module de recherche restera « au-dessus » de votre bannière.

      Concernant le slider, etc., il semblerait que le squelette ne soit pas installé (est-il bien activé dans les plug-in ?).

    • Merci pour vos diverses réponses.
      Afin que je ne fasse pas de bêtises, pourriez-vous me dire dans quel dossier se trouve le fichier à corriger ?
      Pourriez-vous également me dire quelle taille doivent avoir les images pour apparaître correctement ?
      Les logos ? les images à l’intérieur des articles ? Si je souhaite mettre 2 ou 3 images côte à côte, quelles tailles doivent-elles faire ? en d’autres termes, quelle est la taille de la colonne totale (je diviserais selon le nombre d’images souhaitées)

    Répondre à ce message

  • Alice

    Bonjour,

    Une version pour spip 3 est elle prévue ?
    Je ne peux pas installer ce squelette avec le thème correspondant.
    Merci d’avance,

    Répondre à ce message

  • 1
    Dieu Emilie

    Tant que j’y suis, je voudrais changer la couleur de fond aussi :-)

    • Romaric Buisson-Ramey

      Bonjour,

      Pour changer la couleur de fond, ouvrez le fichier habillage.css dans themes/theme_leadescent, et ajoutez un background-color:#FFFFFF; (en remplaçant #FFFFFF par la couleur de votre choix) aux éléments suivants :

      -  #header-wrap (ligne 136)
      -  #middle-wrap (ligne 152)
      -  #footer-wrap (ligne 199)

      (dans #footer-wrap, supprimez le margin-top:20px ;)

    Répondre à ce message

  • 1
    Francois Deplaine

    Merci Beaucoup pour votre réponse très rapide.

    J’ai effectué la correction et cela fonctionne parfaitement.

    Mais j’ai un souci. De plus je ne voudrais pas abuser de votre temps.

    Le serveur dédié qui héberge le site de l’association domaine nature est loué fort cher. Il sert principalement pour les sites web des entreprises de notre président. C’est une société externe qui gère le service.

    J’ai été engagé pour créer un nouveau site plus performant. Je crois que cela ne convient pas au gout de la société de service qui pensait récupérer la confection du nouveau site.

    Ils ont bridés aux maximum les paramètres de php, par exemple, je suis obligé de faire la configuration du php.ini dans un fichier htaccess.

    Comme vous pouvez le voir sur le slide de la page d’accueil il y a deux images plus petites. J’ai vidé les caches avec spip et sur le serveur avec le FTP. Mais elles reviennent toujours avec le cache local des vignettes. Et pourtant, j’ai tout effacé.

    Auriez-vous une idée pour résoudre mon problème ?

    Sincèrement,

    François Deplaine

    • Francois Deplaine

      Bonsoir,

      J’ai trouvé, les fichiers étaient à la racine de IMG sans être dans les répertoires spécifiques.

      Sincèrement,

      François Deplaine

    Répondre à ce message

  • 4
    Antoine

    Bonjour,

    J’ai le soucis suivant :
    Fatal error : Allowed memory size of 33554432 bytes exhausted (tried to allocate 2560 bytes) in /web/s/y/antoine-moussy/http/formation_spip/extensions/filtres_images/filtres/images_transforme.php on line 283

    Avez-vous une piste ?

    Merci

    Antoine

    • Romaric Buisson-Ramey

      Bonjour,

      Cette erreur signifie que la mémoire allouée à l’exécution des scripts php est dépassée. Vous pouvez modifier cette limite dans le fichier php.ini (si vous y avez accès) :

      memory_limit = 32M

      par

      memory_limit = 64M

    • Antoine

      Malheureusement, je n’y ai pas accès... :(

    • Romaric Buisson-Ramey

      Dans ce cas, essayez de réduire la taille des logos de vos articles.

    • Francois Deplaine

      Bonjour,

      Une solution, chez moi c’est pareil.

      Dans le fichier htaccess

      coller les lignes ci-dessous avec vos paramètres

      ################ REGLAGES PERSONNALISES ######################
      # Inscrivez ci-dessous vos reglages supplementaires

      php_value register_globals off
      php_flag display_errors 0
      php_flag html_errors 0
      php_value error_reporting 0
      php_value memory_limit 128M
      php_value max_execution_time 90
      php_value max_input_time 300

      Sincèrement,

      François Deplaine

    Répondre à ce message

  • 1
    Francois Deplaine

    Bonjour,

    après avoir installé le squelette, le thème et avoir appliqués les différents mots clés, le slider de la page d’accueil affiche un écran noir.

    http://www.domainenature.org/spip1/

    Avez-vous une idée ?

    Sincèrement,

    François Deplaine

    • Romaric Buisson-Ramey

      Bonjour,

      Allez dans le fichier squelette_leadescent/style_leadescent.css et remplacez :

      #slideshow-box .list {
    height: 312px;
    overflow: hidden;
}

      par

      #slideshow-box .list {
    height: 312px;
    overflow: hidden;
    width: 100%;
}

      à la ligne 21.

      Romaric.

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

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

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom