tuto-pluxml:Mise en page 1 - technothing62.fr

TUTORIEL

Par :

Repérez et cliquez sur le lien «Admin» ou «Administration»au bas des pages de votre site

Entrez votre nom d’usager et votre mot de passe que LaGraphiste vous a donnés.

n.b. ne perdez pas ces informations sinon ilfaudra réinstaller le site

Menu de PluxmlRetour au siteDéconnexion

A - Liste de tous les articles* du siteB - Créer un nouvel article

C - Gestion des images et des fichiersD - Pages et menu principales du site

E - Gérer les commentairesF - Gérer le sous-menu des articles

G - Modifier votre profilH - Version du CMS Pluxml

*Pages secondaires du sous-menu

Page 2 Pluxml LaGraphiste

CONNECTEZ-VOUSInterface admin et rédacteur

A

B

C

D

E

F

G

H

nom d’usagermot de passe

TABLE DES MATIÈRES


1 - Titre De la page/article (pas de caractères spéciaux / les accents sont permis)2 - Champô (facultatif) Permet de séparer votre article en 2 parties en mettantl'introduction de ce dernier dans le champ chapô. Cela aura pour effet de n'afficherque l'introduction dans la liste des articles et d'ajouter un lien "Lire : nom-de-l'arti-cle". À l'inverse, si vous laissez vide ce champ, l'article s'affichera en entier.3 - PluxEditor Outil WYSIWYG pour faciliter la modification des pages4 - Contenu Mise en page, textes et images de la page5 - Boutons Pour voir l’aperçu, supprimer, mettre hors ligne ou enregistrer la page

MODIFICATION ET CRÉATIONd’un article

1

2

3

4

5

A

B

PLUXEDITOR OUTIL WYSIWYGModifier des pages web sans voir le code de programmation

1 2 3 54 6 7 8 9 10

1 - Style de base du texte (H1 = Titre / H2 = sous-titre / P = Texte courant...)

2 - Décoration du texte : B = Gras / I = Italique / U = Souligné / S = Barré

3 - Images

4 - Couleur du texte / du fond

5 - Créer et défaire un lien web

6 - Alignement de texte

7 - Puce et numéro

8 - Décalage de paragraphe

9 - Exposant et Indice

10 - Émoticône

11 - Voir le code HTML (pour les programmeurs)

12 - Édition en pleine page

Cet outil est un «plugin» de Pluxml - plxEditor 1.2D’autres «plugins» sont disponibles ici : http://www.pluxml.org/static7/download

11 12


1 - État de la page/article (publié ou non)

2 - Auteur Celui qui a créé la page

3 - Date (cliquez sur le calendrier pour appliquer ladate actuelle - Si vous décidez de mettre une date fu-ture, l'article sera publié qu'à partir de cette date.)

4 - Lier la page au bouton du sous-menu

5 - Créer un nouveau bouton du sous-menu*

6 - Inscrire les mots clés séparés par une virgule

7 - Autoriser ou interdire les commentaires

8 - Url Nom s'affichant dans l'adresse menant àvotre article, il se remplira automatiquement avec letitre de l'article si vous le laissez vide.

9 - Modèle de page (s’il y a des thèmes visuels alternatifs )

10 - Répéter le titre

11 - Inscrire une brève description (+/- 10 mots)

12 - Copier-coller le contenu de la case 6

13 - Gérer ou écrire des commentaires

*Vous pouvez égalementutiliser le menu «Catégorie»pour éditer votre sous-menu

CONFIGURATION DES PAGESLien du sous-menu, mots clés et Meta

1

2

3

4

5

5

6

7

8

9

10

11

12

13

F


C

1

2 3

5

4

6

7 8

9

10 1 - Emplacement où sera ajoutél’image ou le document

2 - Images, documents etajouter fichiers choisir entreimages ou documents et cliquez surAjouter fichiers

2b - Fenêtre d’ajout d’image

3 - Nouveau sous-dossier

4 - Choisir un sous-dossier

5 - Menu déroulant Déterminel’action sur les documents cochés

6 - Parcourir... permet d’envoyer un fichier de votre disque dure vers votre site

7 - Taille de l’image permet de choisir la taille de l’image à afficher sur le site

8 - Créer miniature permet de choisir la taille de la miniature à afficher sur le site

9 - Envoyer

10 - Liste d’images Cliquez sur le nom de l’image ou de la miniature pour l’ajouterà votre site

2 b

GESTION DES MÉDIASImages et fichiers


D

1 2 3 54 6 7 8 9

10

1 - Identifiant L’identification de la page xml automatiquement crée par Pluxml

2 - Page d’accueil Cochez cette case pour choisir la page d’accueil

3 - Groupe Créez des groupes de pages

4 - Titre Le nom de la page et du bouton

5 - Url Le lien du bouton automatiquement crée par Pluxml (ne pas modifier cette case)

6 - Active Permet d’activer ou de désactiver une page (désactiver une page est l’équi-valent de la supprimer tout en gardant la page en mode brouillon)

7 - Ordre Permet de choisir l’ordre d’affichage des boutons du menu

8 - Menu Permet d’afficher ou non le bouton d’une page (mais la page reste active)

9 - Action Éditer ou voir la page

10 - Menu déroulant Permet de supprimer les pages cochées

11 - Modifier la liste des pages statiques Permet de créer une nouvelle page*.

*- Renseignez les différents champs de votre nouvelle page statique en utilisant le lexique ci-dessus.- Cliquez sur le bouton "Modifier la liste des pages statiques" afin d'enregistrer les modifications faites.- Cliquez sur le lien hypertexte "Éditer le code source" au bout de la ligne présentant les informationsde votre page statique afin de rédiger le contneu de votre page statique (l'interface de gestion despages statiques est alors remplacée par l'interface d'édition de votre page statique).

- Cliquez sur le bouton "Enregistrer cette page statique" afin de sauvegarder votrepage statique.

PAGES DU SITEMenu principal


11

E

1

2 3 54

6

1 - Nombre des commentaires Indique le nombre de commentaires en ligne ethors ligne (en attente d’approbation)

2 - Date Date de création du commentaire

3 - Message Contenu du commentaire et son statut, en ligne ou hors ligne

4 - Auteur Le nom de celui qui a laisser ce commentaire

5 - Action Répondre, Éditer ou voir la page ou est ce commentaire

6 - Menu déroulant Permet de supprimer les commentaires cochés

Noter que c’est lors de l’installation du site que LaGraphiste peut déterminé si les com-mentaires sont autorisés ou non par défaut. C’est aussi à ce moment que vous devezchoisir si vous voulez gérer l’affichage des commentaires en les rendant visibles unique-ment après votre approbation ou si vous préférez qu’ils soient automatiquement visiblessans devoir les approuver. Vous pouvez aussi choisir d’afficher les derniers commen-taires sous le sous-menu de votre site. Si vous changez d’idée par la suite, veuillez enaviser LaGraphiste qui fera le changement dans la configuration du site.

Nom

COMMENTAIRESVoir, répondre ou effacer les commentaires des visiteurs


F

1 2 3 54 6 7 8 9

1 - Identifiant L’identification du bouton du sous-menu automatiquement crée

2 - Nom de la catégorie Nom du bouton du sous-menu

3 - Url Lien du bouton du sous-menu automatiquement crée par Pluxml (ne pas modi-fier cette case)

4 - Active Activer ou désactiver un bouton du sous-menu

5 - Tri des articles Choisir si les articles seront affichés dans l'ordre croissant ou dé-croissant (selon la date de publication).

6 - Nb art/page Permet de déterminer le nombre d’article à afficher par page

7 - Ordre Permet de choisir l’ordre d’affichage des boutons du sous-menu

8 - Menu Permet d’afficher ou non le bouton d’une catégorie (mais la page reste activec’est juste le bouton qui disparaît)

9 - Option Permet d’ajouter une description de la catégorie (du bouton du sous-menu)

10 - Menu déroulant Permet de supprimer les boutons cochés

BOUTONS DU MENU SECONDAIRECatégories des articles


10

Sur cette page vous pouvez éditer votre profil.

Édition de profil

Identifiant de connexion : Indiquez le nom à utiliser lorsque vous vous connectezNom d'utilisateur : Indiquez votre nom d’usager qui sera afficher sur vos articlesAdresse email : Indiquez le courriel sous lequel les visiteurs peuvent vous rejoindreLangue utilisée dans l'administration : Indiquez votre langue d’usageInformations : Écrire une description de qui vous êtes (peut être affiché sur le site)

Changement du mot de passe

Mot de passe : Indiquez un nouveau mot de passeConfirmation du mot de passe : Confirmez votre nouveau mot de passe


PROFILQui êtes-vous ?G


CRÉDITSH

Équipe•Stéphane Ferrari (stephane) est le responsabledu projet et des développements,

•Amaury Graillat (amoweb) intervient dans lesdéveloppements et dans les tests pour valider lesnouvelles versions.

•Benjamin Pierre (ti_pierre) est le blogueur offi-ciel, s'occupe du design et participe aux tests

Anciens membres de l'équipe•Frédéric Kaplon (frederic) de Juin 2010 à mai2011 a participé aux tests et au design

•Florent Monthel (marama) a été responsable duprojet de Juin 2008 à Juin 2010. Il reste présentpour tout ce qui touche aux outils transverses duprojet

•Annie Mc Clure (lagraphiste) a contribué à lapartie design du projet

•Diti a travaillé en tant que modérateur du forumde 2007 à juin 2008

•Anthony GUERIN (skyline), le fondateur en2006 de PluXml a quitté l'aventure en juin 2008

Partenaires•Le registrar Gandi.net soutient le projet via laprise en charge des noms de domaines PluXml(pluxml.org, pluxml.fr, pluxml.net, pluxml.com,pluxml.eu, pluxml.be, pluxml.it, pluxml.de,pluxml.pl).

•Le site Pluxml.org est hébergé par la sociétéFlox-art.net.

Licence

Toutes les versions de PluXml sont distribuées souslicence libre GNU General Public License.

Le design du site PluXml.org ainsi que les thèmes"defaut" de PluXml sont des créations de Ti_Pierreet Frédéric pour le projet.

Les logos de PluXml ont été réalisés par Sapin-Tremblant et NS-shnalla et sont sous license Crea-tive Commons

Technique

Le site est géré avec Pluxml, LionWiki pour le Wikiet FluxBB pour le forum de discussion.

PluXml est un projet OpenSource maintenu par des bénévoles, voici ledétail de l'équipe et des différents contributeurs :

Documents

tuto-pluxml:Mise en page 1 - technothing62.fr