Le jeu de squelettes “Simple Magazine”

Simple Magazine est un jeu de squelettes permettant de bâtir un site de type webzine, journal ou magazine en ligne.

Il utilise le thème créé par Arcsin avec quelques variantes.

Attention: Ce jeu de squelettes fonctionne avec SPIP 2.1 depuis le 11 septembre 2010.

Voir le site de démonstration Simple Magazine

Structure du répertoire “squelettes”

L’arborescence des squelettes est la suivante :

Quelques explications sur ces répertoires et fichiers

-  formulaires contient 2 fichiers (forum.html et inscription.html) issus de squelettes-dist et modifiés ici.
-  images contient les images ajoutées au thème, s’ajoutant à celles fournies par le thème de base dans img.
-  img contient les images du thème de base
-  inc contient des morceaux de scripts (noisettes) intégrés dans différents squelettes appelés par inclure
-  modeles contient le modèle nuage2.html surcharge de nuage.html existant dans le plugin “nuage”.

La page d’accueil

La page d’accueil est écrite de telle façon qu’elle fasse apparaître des blocs dont, entre autres :

-  les 9 derniers articles publiés; les 2 plus récents avec leur photo et leur introduction grand format ; les autres répartis dans 2 colonnes, avec leur photo miniature et leur introduction.
-  le premier bandeau affiche le nom des rubriques à la racine uniquement.
-  un formulaire “Devenir rédacteur” dans la colonne de droite, si la fonctionnalité a été activée dans l’espace privé.

-  les logos des articles doivent avoir une largeur d’au moins 550 px afin d’être mis en page dans les pages sommaire.html et article.html de façon optimum ; ces images sont retraitées afin d’apparaître sous forme de vignettes dans d’autres blocs.

Le bandeau supérieur

Ce bandeau propose à gauche :

À droite, avant connexion :

À droite après connexion :

Les page d’articles

Les pages d’articles sont à 2 colonnes et contiennent les commentaires et le formulaire de forum.
Il est possible, en utilisant le plugin “Champs extras”, d’afficher l’auteur des photos des logos des articles (dans les squelettes “sommaire.html” et “articles.html”) grâce à :

 [<div class="#EDIT{photos}">(#PHOTOS)</div>]

Ce code est dans le jeu de squelettes mais il y a lieu de renommer la balise #PHOTOS le cas échéant.

Exemple dans le site de démonstration:

Fonctionnalités diverses

-  Ce jeu de squelettes propose des fils RSS sur ses rubriques
-  Affichage de fils RSS externes dans le bloc “Fils de nouvelles RSS”.
-  Les articles peuvent être modifiés dans la partie publique par leur auteur si le plugin Les crayons est activé.

Plugins utilisés

-  Nuage (obligatoire) : pour afficher les blocs de thème.
-  Tablesorter (obligatoire) : pour faire des tris dans les tableaux des pages “touslesarticles.html” et “touslesauteurs.html”.
-  Nombre de visiteurs connectés (obligatoire) : affichage sur le bandeau en haut de chaque page.

Installation

Téléchargez l’archive compressée et décompressez-la à la racine de votre site ; c’est tout. N’oubliez pas de mettre en place les plugins proposés.

Configuration minimum

Allez dans Espace privé/Configuration/Contenu

-  Activez “Utiliser les mots-clés”
-  Activez “Gérer un annuaire de sites web”.

Créez, ensuite, au moins un groupe de mots-clés associés aux articles.

updated on 2 October 2019

Discussion

34 discussions

  • Bonjour,
    Les notes de bas de page n’apparaissent pas, alors qu’on peut voir les numéros entre crochets. Avez-vous une solution à ce problème.
    Je remercie les personnes qui voudront bien répondre

    Reply to this message

  • fnutthedog

    Bonjour,

    Je viens d’installer simple magazine et j’en suis très content. Cependant, j’avais au paravent des sites referencés dans certaines rubriques et le squelette n’en permet pas l’affichage. Comment peut-on faire pour les ajouter ?

    Merci

    Reply to this message

  • 1
    brahim1980

    bonjour,

    j’ai installé ce squelette qui me convient très bien, j’ai un petit souci néanmoins :
    1 - sur la page d’accueil j’ai tous mes articles mais les photos n’apparaissent pas,
    2 - toujours sur cette page d’accueil j’ai fais un test, j’ai 9 articles mais et un gros espace vide en dessous, à quoi est destiné cet espace ? pardonnez-moi je débute dans ce domaine.

    Merci d’avance

    Reply to this message

  • 2

    Bonjour à tous,

    Je viens signaler un bug à l’installation de Simple Magazine : après l’installation de tous les plugins (y compris Bonux), vous obtiendrez l’erreur suivante :

    Critère inconnu
    frequence       
    squelettes/modeles/nuage2.html  
    _mots   
    7

    Le problème vient du squelette, et non pas du plugin. En fait, il faut modifier le fichier cité : “squelettes/modeles/nuage2.html”. Il suffit de remplacer le contenu du fichier par ceci :

    [
    (#REM) Noter la popularite relative (somme des popularites des articles associes) maxi 
    ]
    <ul class="nuage">
    <BOUCLE_tags(MOTS){id_groupe==^((#ENV{id_groupe,.*}))$} {id_groupe!==^((#ENV{notid,-1}))$} {0,20}{par hasard}>
        [(#REM) définir les mot exposés]
        #SET{expose,''}
        <BOUCLE_expose(ARTICLES){id_article}{id_mot}{0,1}>
            #SET{expose,' '}
        </BOUCLE_expose>
        [(#ENV{id_mot}|=={#ID_MOT}|oui)
            #SET{expose,' '}
        ]
     
     
        #SET{pop,0}
        <BOUCLE_popularite(ARTICLES) {id_mot}>
            [(#SET{pop,[(#POPULARITE|plus{#GET{pop}})]})]
        </BOUCLE_popularite>
     
     
     <li[(#GET{expose}|oui) class="expose"]>
      <span class="frequence">
        [(#GET{pop})/#GET{max}]
      </span>
      <a rel="tag" href="#URL_MOT" class="nuage[(#GET{pop}|nuage_note{#GET{max},10})] [(#GET{expose}|oui) on]">#TITRE</a>
     </li>
    </BOUCLE_tags>
    </ul>
    </B_tags>

    Voilà, j’espère que ce petit truc vous aura été utile ! Merci à b_b pour avoir trouvé la solution.

    A bientôt ! Tchoo

    Eruanno

    • yollson

      Bjr, quelqu’ un peut-il me dire comment intégrer le texte que l’on ajoute dans le chapeau, le surtitre dans ce squelette? Comment on encadre corretement une video à droite. Comme vous pouvez le voir, ma video n’est pas bien encadrée à droite car je suis null sur les css. www.aeud.fr
      Dans l’attente de vous lire

    • Bonjour,

      J’ai le même problème (message d’erreur) qu’avait Eruanno. Dans mon cas, apparition temporaire après le vidage du cache. J’ai téléchargé la solution qu’il propose mais je n’arrive pas à coller l’ensemble de ce code sur mon fichier squelettes/modeles/nuage2.html. Comment faire?

      À propos quelle est l’utilité de ce fichier ( je ne connais rien en css ou html).

      Est-ce que cela a un rapport avec le fait que je ne puisse pas afficher le logo de mon site ou ceux des rubriques ni d’images ou de documents dans les articles (tout apparaît bien dans la partie administration) alors que l’affichage de logos d’articles est possible?

      Quelqu’un a-t-il une réponse?
      Merci par avance.

      Spip 3.0.4
      Simple Magazine pour Spip 3.0
      local Mamp 1.9.6
      Mysql 5.1
      Apache Ph5
      Mac OS X 10.4.11
      Safari 4.1.3

    Reply to this message

  • 1

    Bonjour,

    Pour ceux qui malgré l’installation des plugins obtiennent toujours des messages d’erreur, n’oubliez pas que les plugins sont initialement des fichiers zippés. Il faut les dézipper (extraire) dans le fichier “plugins” à la racine de votre site. Ce type d’oubli pose plus de problèmes qu’il n’y paraît. Vérifiez sait-on jamais : -)

    Reply to this message

  • 2

    Esta la traducción al español

    Reply to this message

  • Bonjour,

    après avoir installé ce squelette, tout va bien... sauf un message suivant :

    1 Erreur(s) dans le squeletteNuméro message squelette boucle Ligne
    1 Critère inconnu frequence squelettes/modeles/nuage2.html _mots 7

    plugins installés : spip bonux - nuages - nbre de visiteurs connectés.

    Je ne comprends pas ! merci d’avance !

    Jacques

    Reply to this message

  • Une autre erreur dans le squelette (une fois installé le plugin du nombre de visiteurs), il reste de message (avec les signes de balise sur boucle et /boucle que j’ai enlevés ici )
    BOUCLE_mots()
    Erreur SQL
    rand() AS alea, mots.id_mot, mots.titre FROM spip_mots AS `mots` WHERE (frequence = ’’) AND (mots.id_groupe REGEXP ’^(.*)$’) AND NOT((mots.id_groupe REGEXP ’^(-1)$’)) ORDER BY alea LIMIT 0,20
    Unknown column ’frequence’ in ’where clause’
    /BOUCLE_mots
    Peut_on y remédier ?

    Merci de votre aide

    Reply to this message

  • 2

    Bonjour,

    Merci pour le travail effectué sur le thème, c’est super !

    Maintenant, sur spip, je débute et butte sur deux choses:
    Y a-t-il une possiblité de mettre une image en bandeau, ou au minimum, de mettre une petite image à gauche du texte, comme un autre internaute le demandait ?
    Comment remplir la deuxième colonne ?

    Merci !

    GF

    • J’ai trouvé seul la réponse à ma deuxième question: c’est là que s’affichent eles articles à partir du 6ème.
      Néanmoins, je bloque toujours sur la première. Je retourne regarder dans le code, mais si quelqu’un a une idée, n’hésitez pas.

      Merci !

    • Bon, tant pis, je suis en train de me débrouiller autrement, de toute façon.

    Reply to this message

  • thierry.lehnebach

    pb : le texte est super cadré a gauche et c’est pas top. Comment j’ajuste avec une marge ?

    Reply to this message

Comment on this article

Who are you?
  • [Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom