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).
squelette_leadescent.zip
RSS 2.0
Vos commentaires
# Le 14 mai à 02:48, par bilou
En réponse à : Leadescent (Squelette)
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
Répondre à ce message
# Le 18 avril à 16:25, par Patrick
En réponse à : Leadescent (Squelette)
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
# Le 29 novembre 2012 à 00:48, par DD
En réponse à : Leadescent (Squelette)
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
# Le 5 novembre 2012 à 13:01, par deph-azz
En réponse à : Leadescent (Squelette)
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
# Le 23 octobre 2012 à 10:47, par Sabine
En réponse à : Leadescent (Squelette)
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
# Le 16 août 2012 à 16:07, par Emilie
En réponse à : Leadescent (Squelette)
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.
# Le 16 août 2012 à 16:14, par Romaric Buisson-Ramey
En réponse à : Leadescent (Squelette)
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;
}
# Le 16 août 2012 à 16:23, par Emilie
En réponse à : Leadescent (Squelette)
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.
# Le 16 août 2012 à 16:28, par Romaric Buisson-Ramey
En réponse à : Leadescent (Squelette)
Pourriez-vous donner l’adresse du site qui pose soucis ?
# Le 16 août 2012 à 16:37, par Emilie
En réponse à : Leadescent (Squelette)
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
# Le 16 août 2012 à 16:50, par Romaric Buisson-Ramey
En réponse à : Leadescent (Squelette)
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.
# Le 16 août 2012 à 17:52, par Emilie
En réponse à : Leadescent (Squelette)
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ù ...
# Le 17 août 2012 à 09:25, par Emilie
En réponse à : Leadescent (Squelette)
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
# Le 31 mai 2012 à 18:01, par kristiawan
En réponse à : Leadescent (Squelette)
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
# Le 1er juin 2012 à 12:16, par Romaric Buisson-Ramey
En réponse à : Leadescent (Squelette)
Bonjour,
Que souhaitez-vous modifier ? Le style de la page ? La structure ?
# Le 4 juin 2012 à 04:23, par kristiawan
En réponse à : Leadescent (Squelette)
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
# Le 4 juin 2012 à 09:54, par Romaric Buisson-Ramey
En réponse à : Leadescent (Squelette)
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 fichierarticle.hmldansplugin > squelette_leadescent > contenu.Supprimez dans
article.html:- Ligne 12 :
[, <span class="auteurs"><:par_auteur:> (#LESAUTEURS)</span>]Allez dans
plugin > zpip_1 > inclure, et copiezarticle_resume.htmldansplugin > 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é).# Le 9 juin 2012 à 11:12, par kristiawan
En réponse à : Leadescent (Squelette)
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..
# Le 11 juin 2012 à 09:17, par ?
En réponse à : Leadescent (Squelette)
Bonjour,
Pourriez-vous montrer le site qui pose soucis ?
# Le 8 août 2012 à 09:05, par ?
En réponse à : Leadescent (Squelette)
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
# Le 8 août 2012 à 09:10, par Romaric Buisson-Ramey
En réponse à : Leadescent (Squelette)
Bonjour,
Oui vous devez créer ce dossier s’il n’existe pas :).
# Le 11 août 2012 à 21:58, par Maïeul
En réponse à : Leadescent (Squelette)
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.# Le 16 août 2012 à 16:15, par Romaric Buisson-Ramey
En réponse à : Leadescent (Squelette)
Ok, merci pour l’info :)
Répondre à ce message
# Le 29 juillet 2012 à 18:12, par ambiancedecor
En réponse à : Leadescent (Squelette)
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 !
# Le 6 août 2012 à 09:35, par Romaric Buisson-Ramey
En réponse à : Leadescent (Squelette)
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 ».
# Le 6 août 2012 à 14:14, par ambiancedecor
En réponse à : Leadescent (Squelette)
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.
# Le 6 août 2012 à 14:20, par Romaric Buisson-Ramey
En réponse à : Leadescent (Squelette)
Avez-vous le plugin « Menus » d’installé ?
# Le 6 août 2012 à 14:53, par ambiancedecor
En réponse à : Leadescent (Squelette)
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 !
# Le 6 août 2012 à 14:58, par Romaric Buisson-Ramey
En réponse à : Leadescent (Squelette)
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).
# Le 6 août 2012 à 16:05, par ambiancedecor
En réponse à : Leadescent (Squelette)
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 ?
# Le 6 août 2012 à 16:15, par Romaric Buisson-Ramey
En réponse à : Leadescent (Squelette)
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
# Le 6 août 2012 à 16:15, par ambiancedecor
En réponse à : Leadescent (Squelette)
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 )
# Le 6 août 2012 à 16:22, par Romaric Buisson-Ramey
En réponse à : Leadescent (Squelette)
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
}
# Le 6 août 2012 à 16:41, par ambiancedecor
En réponse à : Leadescent (Squelette)
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)
# Le 6 août 2012 à 16:48, par Romaric Buisson-Ramey
En réponse à : Leadescent (Squelette)
Tout est expliqué sur la page du plugin (configuration, mise en place, etc ...). Rencontrez-vous un soucis en particulier ?
# Le 6 août 2012 à 17:54, par ?
En réponse à : Leadescent (Squelette)
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
# Le 7 août 2012 à 09:45, par Romaric Buisson-Ramey
En réponse à : Leadescent (Squelette)
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
#headercomme sélecteur.# Le 7 août 2012 à 11:42, par ?
En réponse à : Leadescent (Squelette)
Et pour qu’il apparaisse sous chaque article ?
# Le 7 août 2012 à 11:46, par Romaric Buisson-Ramey
En réponse à : Leadescent (Squelette)
Vous pouvez essayer indiquer
#contenu-principalcomme sélecteur.# Le 11 août 2012 à 21:20, par ?
En réponse à : Leadescent (Squelette)
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
# Le 12 août 2012 à 11:47, par ambiancedecor
En réponse à : Leadescent (Squelette)
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
# Le 10 août 2012 à 09:53, par ?
En réponse à : Leadescent (Squelette)
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
# Le 11 août 2012 à 08:31, par ?
En réponse à : Leadescent (Squelette)
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
# Le 29 mai 2012 à 23:33, par Dieu Emilie
En réponse à : Leadescent (Squelette)
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
# Le 31 mai 2012 à 09:20, par Romaric Buisson-Ramey
En réponse à : Leadescent (Squelette)
Bonjour,
Quel type de bannière souhaitez-vous installer ? Auriez-vous un exemple à montrer ?
# Le 31 mai 2012 à 09:31, par ?
En réponse à : Leadescent (Squelette)
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
# Le 31 mai 2012 à 09:46, par Romaric Buisson-Ramey
En réponse à : Leadescent (Squelette)
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;
}
# Le 31 mai 2012 à 10:57, par ?
En réponse à : Leadescent (Squelette)
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
# Le 31 mai 2012 à 16:02, par Romaric Buisson-Ramey
En réponse à : Leadescent (Squelette)
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 ?).
# Le 29 juillet 2012 à 17:56, par ?
En réponse à : Leadescent (Squelette)
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