Galactron.org Galactron.org

Accueil du site > Tutoriels et utilitaires > Utiliser le SPIP dreamencounter

Utiliser le SPIP dreamencounter

mercredi 10 juin 2009, par clem

Toutes les versions de cet article : [English] [français]

Gestion rapide de l’ensemble des contenus :

Pour gérer l’ensemble des contenus du site, utilisez la page «  Entire site »
Cette page permet de réorganiser l’arborescence des rubriques et articles par un simple « Drag’n drop » des icones suivi d’une validation des modifications (un bouton «  Modify  » apparaît une fois l’icône déposée)
Attention, cette fonctionnalité nécessite de bien utiliser l’icone de l’article ou de la rubrique comme élément à saisir mais aussi comme élément sur lesquel déposer !

Utilisation de l’interface de configuration

JPEG - 57.4 ko

Les administrateurs généraux du site peuvent configurer différents paramètres via l’interface de configuration accessible dans l’interface privée via Configuration > CFG > Squelette Median. La configuration permet de définir aussi bien les couleurs utilisées que certains textes ou les groupes de mots clés "techniques" (à ne pas afficher dans les pages publiques).

Utilisation des mots clés :

Les mots clés du site (menu « Site edit  » > «  Keywords  ») sont utilisés pour 2 types de fonctionnalités :

  • soit ils permettent de gérer des éléments de configuration du site : on parlera de « mots clés techniques ». Afin qu’ils ne soient pas visibles dans les pages publiques il est nécessaire cocher les groupes correspondants dans le bloc Définition des groupes de mots clé techniques de l’interface de configuration. Ce document détaillera les fonctions spécifiques associées aux différents mots clés techniques.
  • soit ils permettent d’associer un élément (article ou rubrique) à un thème transversal du site. Dans ce cas ils seront visibles dans la liste des mots clés proposée sur les différentes pages du site afin de permettre une navigation thématique dans les contenus du site en plus de la navigation par rubriques

Mot clé « _invisible_ » :

Tous les articles ou rubriques associés avec le mot clé « _invisible_ » ne seront pas affichés dans les pages publiques. Pour les rubriques il y a « héritage » c’est à dire que les articles et les sous-rubriques contenues dans une rubrique avec « _invisible_ » seront également non-visibles

Le bandeau de sommet de toute les pages

  • si il existe une image « logo de site » (cf boite « THIS SITE’S LOGO » dans la page «  Configuration  » : http://wedreambusiness.newethicalbusiness.net/ecrire/?exec=configuration ) elle est utilisée pour faire le bandeau du sommet de toutes les pages du site. (l’image sera retaillée pour ne pas dépasser 860px de largeur)
  • si le logo de site n’est pas défini, une « image typographique » est créée à partir du nom du site défini dans la page «  Configuration  » (champ « Your site’s name »). La police, la couleur,du texte, la taille de la police et la largeur maximum avant retour ligne utilisées sont définies dans le fichier /squelettes/in-entete.html ligne 10 :
    …image_typopolice=Bookosb.ttf,taille=28,couleur=005C49,largeur=800
  • taille = font size en points
  • couleur = utiliser le code hexadécimal des couleurs sans le # initial
  • largeur = largeur maximum en pixel avant retour à la ligne
  • Il est possible d’utilise une autre police que Bookosb.ttf en plaçant son fichier .ttf dans le dossier /squelettes/polices (attention ! Pour éviter les problème de copyright, la police choisie doit être libre de droits… Un grand choix est disponible sur http://dafont.com)
  • le logo de sommet de page comporte un lien sur la page d’accueil du site mais la destination du lien peut être configurée via le champ le 2ème champ du bloc Réglages divers de la page de configuration.

Configuration de la page d’accueil

  • l’article qui est affiché en début de page d’accueil se configure via le plugin aa (menu « Site edit » > « article accueil » : http://wedreambusiness.newethicalbusiness.net/ecrire/?exec=cfg&cfg=aa ). Cet article peut (doit !) avoir le mot clé « _invisible_ » pour ne pas apparaître par ailleurs dans les listes d’articles.
  • sur le côté droit on peut faire afficher un petit diaporama (cf http://median-web.eu). Les photos affichées sont tirées aléatoirement parmi celles associées aux articles ayant le mot clé « photos_sommaire »
  • sous l’article sommaire sont affichées 4 articles avec leur logo : ces articles sont choisit selon l’algorithme suivant :
  • les 4 articles ayant le mot clé « bloc_sommaire » ayant les numéros les plus petits comme préfixe de leur titre (« 1. le titre du premier », « 2. le titre du deuxième »…)
  • si il n’existe pas 4 articles avec le mot clé « bloc_sommaire » + un numéro, on complète avec les articles ayant le mot clé les plus récents
  • si il n’existe pas 4 articles avec ce mot clé on complète avec les derniers articles publiés
  • le bas de page permet de faire apparaître les mots clés thématiques utilisés sous forme d’un « tag-cloud » (plus le mot est utilisé plus il est gros). Le titre de ce tag cloud est modifiable puisqu’il correspond au texte du mot clé « tags_cloud_title »
  • à gauche du tag cloud il est possible de faire apparaître un bloc «  Contact  » qui affiche les descriptifs des mots clés du groupe «  Coordonnees  ». L’affichage est fait de la façon suivante :
    Titre du mot clé : description du mot clé
    Les coordonnées sont affichées dans l’ordre défini par les numéros en préfixe du nom du mot clé (« 1. Tel », « 2. Fax »…).
    Si on ne souhaite pas afficher le bloc « Contact » il suffit de renommer le groupe de mot clés «  Coordonnees  »

Affichage des rubriques :

Affichage des articles :

Par défaut les articles sont affichés quel que soit le visiteur mais il est possible de restreindre l’accès aux visiteurs identifiés (cf lien « Sign in » dans le bandeau de pied de page) en associant le mot clé « restricted_access » à un article. Le mot clé « restricted_explanation » contient dans son champ « Explanatory text » le texte qui sera utilisé pour présenter la restriction d’accès.Si on ajoute en plus le mot clé « form_account_creation » à cet article, les visiteurs non-identifiés se verront proposer un formulaire de création de compte « Visiteur » : cf http://wedreambusiness.newethicalbusiness.net/Propose-your-answers , utilisez le lien « Log out » du bandeau de pied de page pour tester la restriction d’accès et le formulaire de création de compte). Le champ « Explanatory text » de ce mot clé contient le texte de pésentation du formulaire de création du compte.

Configurer le formulaire de création de compte :

Le formulaire de création des nouvreaux comptes se configure par «  Configuration  » > «  CFG  » > «  Inscription 2  ». Il comporte 3 informations obligatoires : «  Signature  » « E-mail » «  Login  ». Les autres informations peuvent êtres ajoutées ou enlevées à la convenance de l’administrateur du site. Chaque champ peut être rendu obligatoire et/ou modifiable par l’utilisateur en cochant les cases correspondantes.

Utiliser les formulaires : généralités

L’outil de formulaire est accessible via « Site edit » > « Forms and polls » (http://wedreambusiness.newethicalbusiness.net/ecrire/?exec=forms_tous ). Il permet de créer des formulaires qui seront intégrables dans les articles. Pour voir les possibilités de création d’un formulaire consulter le formulaire « The form’s title » en mode «  Edit  » : http://wedreambusiness.newethicalbusiness.net/ecrire/?exec=forms_edit&id_form=1

  • il est possible de gérer la mise en page du formulaire en utilisant les champs de type « New question block » ; chacun d’eux génère un nouveau cadre qui englobe les questions qui suivent.
  • une fois créé un formulaire peut être intégré dans le texte ou le descriptif d’un article ou d’une rubrique par insertion du code ou XX représente le numéro du formulaire. Voir par exemple http://wedreambusiness.newethicalbusiness.net/ecrire/?exec=articles_edit&id_article=18 qui donne http://wedreambusiness.newethicalbusiness.net/Propose-your-answers . Si l’on souhaite que seuls les utilisateurs identifiés puissent répondre il suffit d’ajouter le mot clé « restricted access » à l’article qui contient le formulaire (cf paragraphe précédent).
  • Les réponses à un formulaire de type « Sondage » sont présentées dans l’article qui inclut le formulaire si la configuration de celui-ci autorise la consultation des réponses dans la partie publique (cf choix « Form type » dans la partie «  Properties  » de l’interface d’édition des formulaires).
  • Chaque formulaire dispose d’une interface de consultation des résultats dans la partie privée : « Site edit » > « Forms and polls » > bouton «  display  ». Dans cette interface on peut alors publier ou rejetter la réponse : passer la souris sur l’icone orange en tête de ligne de la réponse et sélectioner « published reply » (ou « Reply deleted ») dans le mini-menu qui apparaît.

Utiliser les formulaires pour publier les réponses comme articles du site

Pour les formulaires qui ne sont pas des sondages, les réponses peuvent être transformés en articles : « Site edit » > « Forms and polls » > bouton « Export in an article ». Un article est automatiquement généré avec les questions et les réponses dans le texte.La configuration du formulaire peut être alors adaptée pour que l’article créé formate les réponses de façon spécifique : pour cela on utilise les champs « Encapsulate the field in the HTML code ».

  • partie «  Properties  » du formulaire : le champ « Encapsulate the field in the HTML code » permet de placer le numéro de la rubrique dans laquelle les articles générés à partir des réponses de ce formulaire seront placées. Par exemple avec «  16  » dans ce champ, le formulaire « Your dreams & business » publie ses réponses sous forme d’article dans la rubrique n°16 i.e. http://wedreambusiness.newethicalbusiness.net/-Answers-
  • dans la partie «  Fields  » de l’interface des formulaires, si un champ comporte « no_title » dans son « Encapsulate the field in the HTML code », la réponse sera publiée dans le texte sans être précédée par le titre
  • le champ du formulaire qui comporte « title_article » dans son «  Encapsulate… » sera utilisé pour faire le titre de l’article
  • un champ avec « no_publication » ne sera pas publié dans l’article généré à partir de la réponse.

Modifier les feuilles de style du site :

Tous les fichiers de template (i.e. « squelette » en langage SPIP) qui configurent l’organisation des pages et leur style sont stockés dans le dossier /squelettes du site. Les feuilles de styles utilisées sont :

  • habillage.css qui défini surtout les styles généraux
  • perso.css qui défini les styles spéciques
  • ponctuellement les feuilles de styles nuage.css et jqueryslidemenu.css interviennent également.

Pour trouver quelles sont les rêgles de styles qui formatent un élément dans une page et tester des modification, un outils extrèment pratique est l’extension Firebug de Firefox : http://getfirebug.com/ A utiliser sans modération !

SPIP | Contact | squelette | Se connecter | Plan du site | Suivre la vie du site RSS 2.0