SPIP-Contrib

SPIP-Contrib

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

274 Plugins, 192 contribs sur SPIP-Zone, 56 visiteurs en ce moment

Accueil > Squelettes > Squelettes pour blog > Mapaaran > Maparaan (Squelette)

Maparaan (Squelette)

21 mars 2011 – par Guillaume Michard – 188 commentaires

37 votes

Un squelette principalement pour les sites de type blog.

Présentation :

Adaptation pour Zpip du thème Wordpress Maparaan conçu par Padd Solutions.

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

Ce squelette a été conçu pour le thème du même nom. Pour un plus grand confort, je vous recommande vivement de l’installer. Voir le thème Maparaan.

Captures :

JPEG - 104.6 ko
Thème + Squelette : Page d’accueil

Toutes les captures dans le portfolio.

Caractéristiques du squelette :

Il possède une colonne de navigation latérale (mots clés, auteurs, brèves, etc.).

La page d’accueil comporte un slider Javascript présentant les 4 derniers articles mis en ligne associés au mot-clé "slider". Sinon, il affiche les 4 derniers articles.

Les 3 colonnes en dessous du slider affichent les 3 articles suivants. Ou, si les brèves sont activées, la dernière colonne les affichera. (Ce cadres ne s’affichent que s’il y a au moins 5 articles).

Le slider utilise le logo d’un article, et affiche le titre et l’introduction cliquable pour accéder à la page de cet article. Pour les articles destinés à être affichés dans le slider, pensez à utiliser des logos aux dimensions adaptées : au moins 650 x 280px.

Les Plugins :

Le thème Maparaan requiert les plugins suivants :

Le Squelette Maparaan est compatible avec plusieurs plugins permettant d’enrichir le contenu de votre site.

Les plugins suivants sont gérés :

  • Menus : Permet de créer des menus facilement.
  • Slogan : Permet de mettre en avant le slogan de votre site.
  • Enluminures Typo V3 : Extension du PortePlume.
  • Social Tags (requiert CFG) : Permet d’ajouter des icônes de partage de liens.
  • Gravatar : Permet d’afficher le Gravatar d’un auteur ou contributeur de forum.

Installation :

Le squelette Maparaan est conçu sous la forme d’un plugin. Il pourra être personnalisé en créant un dossier squelettes/ à la racine de votre site SPIP, et en surchargeant les fichiers désirés.

Comme tout plugin, son installation est classique, déposez-le dans le répertoire plugins/.
Le plugin « squelette_maparaan » apparaît dans la « Liste des plugins » (Configuration > Gestion des plugins), il vous suffira de l’activer : cochez-le, et enregistrez.

Configuration :

Pour profiter pleinement du package Maparaan, il est nécessaire de configurer certains détails.

Activer GD2 :

Activer GD2 dans votre interface Spip : Configuration > Fonctions Avancées > "GD2" et "Générer automatiquement les miniatures des images". Permet d’appliquer des traitement sur les images.

Slider (Page d’accueil) :

Utilisez le mot-clé "slider", pour définir les articles qui seront affichés dans le slider.
Si aucun article ne possède ce mot-clé, les 4 derniers articles en date seront affichés.
Les logos des articles sont traités pour être affichés dans les proportions du slider.
Cependant, la taille suivante est recommandée : au moins 650 x 280px.

Plugin Menus :

Trois menus sont déjà mis en place, et nécessitent de les identifier comme suit :

  • Menu principal : barrenav.
  • Menu du pied de page : piednav (Le titre de ce menu est affiché en tête de colonne dans le pied de page).

Et uniquement si le squelette est utilisé :

  • Menu latéral à droite du slider : slidernav.

Les icônes du menu slidernav, sont définis grâce aux classes CSS.
4 sont disponibles par défaut : rss, contact, twitter, facebook. (cf. démo)

Plugin Social Tags :

Par CFG, pour le paramètre "Insertion dans les page", choisissez le sélecteur : #socialtags.
Les liens se placeront alors sous l’article dans une zone prévue à cet effet.

Plugin Gravatar :

  • Taille recommandée des gravatars : 80.
  • Activer GD2 dans votre interface Spip : Configuration > Fonctions Avancées > "GD2" et "Générer automatiquement les miniatures des images".
Retour en haut de la page

Vos commentaires

  • Le 13 mai à 19:10, par fabien En réponse à : Maparaan (Squelette)

    bonjour, je débute avec spip, dans le menus slidernav je vous pouvoir faire apparaitre un menu nous contact comme dans votre démo.... mais je ne dois pas avoir la procédure ou les plugins car là je cale !!! pas moyen de faire un lien vers un article contenant mon adresse ou bien directement une interface de type outlook. merci si quelqu’un peut me répondre

    Répondre à ce message

  • Le 10 mai à 11:22, par ProfDoc En réponse à : Maparaan (Squelette)

    Bonjour,

    J’ai un souci avec la syndication d’un site, en effet les images ne s’affichent pas :

    http://www.louisemichel93.ac-creteil.fr/spip.php?site1

    Je précise que sur d’autres moyens de lecture, le flux s’affiche correctement (http://www.louisemichel93.ac-creteil.fr/pmb/opac_css/rss.php?id=1)

    Une idée ?
    D’avance, merci !

    Répondre à ce message

  • Le 29 avril à 01:03, par Perline En réponse à : Maparaan (Squelette)

    Bonjour,
    Très bel ensemble de thème+squelettes !
    J’ai toutefois un petit problème avec le slider : 4 articles avec le mot clé slider, des images de plus grande taille que préconisé, et toujours pas d’apparition.
    J’ai oublié des paramètres ?
    Merci de votre aide.

    • Le 29 avril à 18:54, par Guignol En réponse à : Maparaan (Squelette)

      Oui j’ai une petit idée

      Le « blabla » sur fond noir dans le Slider est le texte qui provient du descriptif rapide. ; Pas de descriptif renseigné bandeau noir ;-)

    • Le 29 avril à 20:52, par Perline En réponse à : Maparaan (Squelette)

      Bonjour,
      Non, parce que c’est la balise #INTRODUCTION qui est appelée. Et je n’avais même pas le bandeau noir.
      En revanche, dans le code il y avait bien tout.
      En fait, après quelques heures de recherche (et une bonne sieste !) j’ai trouvé :
      dans le fichier /squelettes/css/style_maparaan.css dans le style « .s3sliderImage span » "display : none ;" par « display : /*none*/ ».
      Ce que je ne comprends pas c’est pourquoi ça marche avec les autres avec un display:none et pourquoi moi je dois l’enlever.
      Mais l’affichage marche maintenant en tous cas !
      En revanche, ce qui ne marche toujours pas c’est la rotation, je n’ai que le dernier article, mais pas les 4 qui tournent.
      Alors même qu’ils sont dans le code, que ce n’est donc pas une question de boucle, mais d’affichage pur il me semble.
      Merci.

    • Le 29 avril à 23:37, par Perline En réponse à : Maparaan (Squelette)

      Je viens de parcourir toutes les pages de ce forum et ai trouvé une réponse datant d’il y a un an indiquant une incompatibilité entre la gestion du cookie d’administrateur et le javascript du slider.
      Je pense que c’est la raison, ça correspond.
      Mais je ne peux la tester car comme je suis en plugin travaux, je suis obligée d’être connectée comme administratrice pour voir le site !
      Je fais confiance, ça doit être ça !
      Merci.

      PS : peut-être pourrait-on rajouter à la fin de l’article un paragraphe sur les bugs identifiés et supprimer au fur et à mesure de leur résolution ?

    • Le 30 avril à 11:58, par Perline En réponse à : Maparaan (Squelette)

      J’ai enlevé la phase travaux et sur mon site Sophrologie et Compagnie je n’ai toujours pas de roulement sur les quatre articles, bien qu’ils soient visibles dans le code.
      Un problème de javascript autre part ?
      Merci.

    Répondre à ce message

  • Le 28 avril à 11:35, par Guignol En réponse à : Maparaan (Squelette)

    Magnifique ce squelette ! Cela change des 3 colonnes, avec le slider on a une page d’accueil dans le vent.

    Ma question concerne le déploiement des rubriques à droite dans un article. Je souhaiterai que les sous-rubriques apparaissent uniquement lorsqu’on clic sur la rubrique parents.
    J’ai énormément de sous-rubrique et sous-sous-rubriques, mon menu entièrement déployé (comme aujourd’hui) fait un peu désordre.

    Merci

    • Le 29 avril à 23:21, par Perline En réponse à : Maparaan (Squelette)

      As-tu un lien à montrer ?
      Le code squelettes/inclure/rubriques ne semble pas tout ouvrir mais seulement la hiérarchie de la rubrique dans laquelle on est.
      Et non pas l’ensemble de toutes les sous-rubriques de toutes les rubriques (si j’ai bien compris ton problème).
      As-tu bien gardé ce fichier d’origine ?

    • Le 29 avril à 23:30, par Guignol En réponse à : Maparaan (Squelette)

      Oui,
      Tu peux cliquer sur un article ici http://www.cfdt-scerao.fr/

      Il ne me semble pas avoir modifié ce fichier inclure/rubriques. Je vais le charger une nouvelle fois pour en être certain.

    • Le 30 avril à 08:58, par Perline En réponse à : Maparaan (Squelette)

      En effet, l’affichage ne semble pas faire ce que le code indique.

    Répondre à ce message

  • Le 11 décembre 2011 à 23:04, par Didier En réponse à : Maparaan (Squelette)

    Salut,
    J’ai encore une question :
    Dans la menu horizontal (barrenav) quand la souris passe sur le titre du menu, il s’affiche aussi en gris et en décalé (title). Celui-ci gène à la bonne lecture des menus. COmment peut-on faire pour que le title soit vide ? Quel est le fichier qui appelle le menu ?
    Est ce dans plugins\auto\menus\menus\ ?
    Lequel ?
    J’ai vu que le fichier plugins\auto\menus\inclure\menu.html appelle #MENUS_AFFICHER_ENTREE mais je ne sais pas où trouver l’affichage.

    PNG - 5.9 ko
    • Le 15 décembre 2011 à 04:30, par Didier En réponse à : Maparaan (Squelette)

      Quelqu’un peut-il me mettre sur la voie ?
      Merci

    • Le 27 février à 14:38, par vinz12 En réponse à : Maparaan (Squelette)

      J’aimerai moi aussi savoir comment enlever ce titre qui s’affiche par dessus, je ne le trouve pas nécessaire. Est-ce que quelqu’un aurait la solution ?

    • Le 28 avril à 23:34, par Perline En réponse à : Maparaan (Squelette)

      Les affichages se font par les html du dossier du plugin menus/menus.
      Les codes sont, par exemple, pour la rubrique <a href="#URL_RUBRIQUE" title="[(#TITRE|attribut_html)]">#TITRE</a>
      Il faut donc enlever le title et ne laisser que <a href="#URL_RUBRIQUE" title="">#TITRE</a> ou bien changer le title par exemple par <a href="#URL_RUBRIQUE" title="[(#DESCRIPTIF|attribut_html)]">#TITRE</a> ou ce que vous voulez.
      Il est vrai que c’est un peu dommage de doubler le titre affiché et le titre en survol puisque c’est le même champ dans les deux.

    • Le 29 avril à 18:32, par Guignol En réponse à : Maparaan (Squelette)

      Nous ne nous sommes pas compris et je me susi peut être mal exprimé.

      Une fois que l’on clic dans un article, les rubriques du site apparaissent à droite dans le squeletette Maparaan. Si dans la structure du site SPIP (c’est mon cas) il y a beaucoup de rubriques et sous rubriques et sous sous rubriques, la totalité apparait.
      Dans l’ancien squelette que j’utilisais, j’avais trouvé des explications pour ne pas déployer l’ensemble du menu navigation.
      J’obtenais un déploiement partiel, uniquement lorsque il y avait un clic sur la rubrique, puis un autre clic sur la sous rubrique.
      J’ai bien récupéré une partie du code de l’ancien squelette pour obtenir cet effet dans le squelette Maparaan, mais je n’ai plus de déploiement même avec clic. Donc je ne suis pas satisfait.
      Là je pense que mon explication est plus correcte.

    • Le 29 avril à 23:16, par Perline En réponse à : Maparaan (Squelette)

      Non, tu ne t’es pas mal exprimé, tu as juste repris un fil qui ne correspond pas à ta demande.
      Ce fil parle du survol des rubriques dans le menu horizontal (voir premier message et image).

    Répondre à ce message

  • Le 29 avril à 16:43, par Perline En réponse à : Maparaan (Squelette)

    Bonjour,
    Superbe squelette, j’ai toutefois un petit problème : le slider affiche une image (un article, le dernier publié avec slider) seulement, et à droite pas d’affichage de l’introduction sur fond noir.
    J’ai bien 4 articles avec le mot clé slider publiés.
    Une idée ?
    Merci

    Répondre à ce message

  • Le 29 avril à 11:58, par Xavier En réponse à : Maparaan (Squelette)

    Bonjour,
    j’ai pu installer correctement le site internet, le squelette et le thème mais j’ai un problème sur le slider .... le texte ne s’affiche pas...

    http://bibliotheque.mairiesaintpauldevarces.fr/

    Répondre à ce message

  • Le 2 avril à 23:40, par Usi escalade En réponse à : Maparaan (Squelette)

    Bonjour,

    Pour les besoins de navigation, j’aurais besoin d’un menu par mot clé et d’un par rubrique.
    Je souhaite donc placer le menu mot clé dans slidenav. Le problème est que l’affichage du menu slidenav semble être limité à 4 mots clé, malgré un plus grand nombre déjà défini. Quels sont les fichiers à modifier et quelles sont les modifications à effectuer pour permettre l’affichage d’un menu plus grand ?

    Le site en question : http://montagne.usivry.org/

    Merci d’avance pour votre réponse

    Répondre à ce message

  • Le 26 mars à 18:43, par Ragededent En réponse à : Maparaan (Squelette)

    Bonjour,

    j’aimerai connaitre la démarche pour changer les paramètres du redimensionnement automatique des images contenues dans le corps des articles.
    Merci.

    • Le 29 mars à 09:33, par ? En réponse à : Maparaan (Squelette)

      ce n’est pas dans le squelette maparaan. C’est dans configuration avancée, selection gdp2 puis redimensionnement automatique

    Répondre à ce message

  • Le 28 mars à 19:01, par Baralai En réponse à : Maparaan (Squelette)

    Bonjour !

    Tout d’abord félicitations et merci pour le squelette + le thème !
    Je poste car j’ai une petite question / un petit problème : j’ai créé un onglet coulissant sur le côté de mon site permettant à toute personne à tout moment de nous rejoindre sur de multiples réseaux sociaux (www.insideelectronicpipo.com). Cependant, dès qu’on affiche cet onglet coulissant et qu’il est censé passer au dessus du slider, il passe en dessous. Il en va de même pour tout élément de la page, quelque que soit l’ordre dans le code HTML. Je voulais savoir s’il était possible de faire passer le slider en dessous de mon onglet ou non. Merci d’avance.

    • Le 28 mars à 19:13, par Baralai En réponse à : Maparaan (Squelette)

      Je me réponds tout seul : j’ai réussi avec la propriété CSS z-index. Cependant je suis toujours intéressé par la raison pour laquelle le slider passait au dessus du reste avant que j’ajoute cette propriété, si quelqu’un a la réponse, je n’ai pas vu de propriété CSS qui le forçait...

    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

  • Plugin « Langue préférée par l’internaute »

    25 août 2009 – 20 commentaires

    Cet article explique comment fonctionne le plugin « Langue préférée par l’internaute » (langue_preferee) et comment le mettre dans un site multilingue existant.

  • Vidéo Accessible

    6 avril 2011 – 78 commentaires

    Un plugin pour faciliter la diffusion de vidéos accessibles. Accessibilité des vidéos Accessibilité de la vidéo Afin d’être pleinement accessible, une vidéo (composée d’images et de sons) doit répondre à plusieurs critères. Le critère de base est de (...)

  • Le Couteau Suisse

    4 mai 2007 – 1354 commentaires

    Ce plugin propose d’introduire facilement de simples fonctionnalités supplémentaires à SPIP et qui s’avèrent rapidement indispensables ! Par exemple : le contrôle de nombreuses variables « cachées » de SPIP, des améliorations ou facilités typographiques, (...)

  • MediaBox

    10 mai 2010 – 194 commentaires

    Aperçu La MediaBox est une Boîte multimédia polyvalente et personnalisable. Le plugin est basé sur la librairie moderne ColorBox, qui a été enrichie et adaptée pour SPIP. Par défaut, mediabox propose 5 habillages. Il est assez facile d’en créer de (...)

  • Squirrels Love Chimps

    14 février – commentaires

    Squirrels Love Chimps met à disposition une série de 4 plugins pour connecter votre SPIP avec le service d’emailing MailChimp MailChimp, qu’est-ce que c’est ? Mailchimp est un outil d’emailing ou, dans dans la langue de Molière, « un service d’envoi (...)