Xayona (thème)

Xayona est un thème adapté pour Spip. Initialement créé pour Wordpress, il est diffusé sur Free Website Templates.

Voir la démonstration du thème

Capture d’écran du thème

Installation

  • Téléchargez le Thème Xayona,
  • Déposez-le dans le dossier themes/ à la racine de votre SPIP (créez-le s’il n’existe pas
  • Installez les plugins :
  • Une fois l’installation effectuée, cliquez sur « Thèmes » dans le menu « Configuration » de votre interface privé Spip et choisissez le thème Xayona dans la liste des thèmes.

Les logos d’articles

Par défaut, le squelette Zpip réduit les logos des résumés d’articles à 150 pixels de large. Afin d’avoir de beaux visuels, modifiez ce comportement en augmentant la largeur de vos logos à 300px.

Voici la marche à suivre :

  • Dupliquez le fichier /plugins/auto/zpip_v1/inclure/article-resume.html dans /squelettes/inclure/article-resume.html
  • Modifiez le fichier en remplacant [(#LOGO_ARTICLE_RUBRIQUE||image_reduire{150})] par [(#LOGO_ARTICLE_RUBRIQUE||image_reduire{300})]

Licence

Le thème d’origine pour Wordpress a été déposé sur le site Free Website Templates sous licence GPL.

Discussion

3 discussions

  • Merci pour ce theme, cela fait une paye que je cherche un theme qui correspond à mon site. simple et en une seul colonne et sans que les rubriques apparaissent à l’accueil. juste la barre de menu.
    Merci beaucoup

    Répondre à ce message

  • 1

    Bonjour,
    En effet, ce thème a été monté sur un SPIP2.
    Il y a donc de forte change que le décalage soit dû à la différence de squelette des entre SPIP2 et SPIP3.
    Une petite piste : dans SPIP, l’image fait partie du h3. C’est donc le h3 qui est décalé sur la droite et l’image qui est ramenée (un margin-left négatif) sur la gauche.
    La solution peut venir d’une modification du code css et/ou de surcharger le squelette.
    Bonne intégration ;-)

    • Merci ! J’avance un peu, ligne 436 j’ai mi float: left au lieu de right pour .page_article #contenu{ mais du coup mon contenu ne s’adapte pas à la page. Je cherche...

      Par contre ligne 314 vous avez oubliez le point virgule après -331px :

      #contenu ul li h3 img{
          position: absolute;
          margin-left: -331px
      }

    Répondre à ce message

  • Bonjour,

    Merci pour ce thème.

    Je viens de l’installer sur SPIP3 RC et l’affichage des articles est décalé sur la droite.

    Est à cause de SPIP3 ? Où juste un petit bout de code css à modifier ? Voici la capture d’écran en pièce jointe.

    Merci d’avance

    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.

modération a priori

Attention, votre message n’apparaîtra qu’après avoir été relu et approuvé.

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