Darathor 
Mage-Administrateur
Archangemage
Inscrit le : 28 Oct 2001
Messages : 27741
Points : 21
170 
Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...
Archangemage
 |
Inscrit le : 28 Oct 2001
Messages : 27741
Points : 21
170 Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...
Posté le : 01 Mar 2008 20:02
Quelques indications à l'attention des rédacteurs
J'ai un peu de mal avec l'HTML, je peux utiliser Frontpage, Word ou Dreamweaver pour l'écrire ?
La réponse catégorique est : non. Pourquoi ? Parce qu'ils génèrent du code très crade et qui souvent fait bugguer l'affichage sur certains navigateurs en utilisant des balises ou attributs propriétaires de Microsoft (donc qui ne fonctionne éventuellement que sur IE) ou anciens et dépréciés depuis des lustres qui risquent de s'afficher mal sur les navigateurs ou ne pas produire l'effet escompté sous toutes les résolutions.
De plus, les quelques boutons proposés au dessus du champ texte suffiront à la plupart des mises en pages
Je veux intégrer une image à mon article, que faire ?
Dans la page d'édition d'un article, en dessous du champ d'édition du texte, on trouve le bloc d'upload de fichiers. Il est à utiliser impérativement pour toute image affichée dans un article. Aucune image ne doit être affichée à partir d'un site externe, car on n'a aucune garantie que dans 6 mois, 1 ans ou 5 ans, ce site externe soit toujours là, toujours gratuit et que le compte sur lequel les images ont été uploadées existe encore.
Attention : Dans le cas où vous affichez l'image taille réelle, pensez à sélectionner "aucun" pour le lien. En effet, inutile d'ajouter un lien vers la même image à la même taille Le lien n'est intéressant que si l'on affiche une vignette ou juste le titre.
Je veux faire un lien vers un site externe, que faire ?
Le bouton lien permet de générer la balise HTML correspondante. Néanmoins, il est fortement souhaitable de rajouter l'attribut hreflang à la balise. En effet, celui-permettra d'avoir directement l'information de la langue du site vers lequel mène le lien.
Exemples :
- pour un lien vers un site francophone :
- pour un lien vers un site anglophone :
Ce qui donnera un rendu du style :
Je veux changer l'alignement de mon texte ou d'une image, c'est possible ?
Oui, c'est possible. Il suffit d'encadrer la section concernée par la balise approriée. Par exemple, pour centrer :
Pour utiliser un autre alignement, remplacer le "center" de l'attribut "class" par l'une des valeurs suivantes (les même que pour l'alignement sur le forum) :
Remarque : Cette solution n'est à employer que pour un alignement à gauche ou à droit de type "dans le texte". Pour tout autre alignement (notamment le centrage), utiliser la solution passant par des paragraphes décrite plus haut.
Comment fonctionnent les sondages ?
La gestion des sondages repose sur le plugin Democracy. Ce plugin permet plusieurs type d'intégration pour les sondage (un sondage dans la barre de menu notamment) mais seule l'une d'entre elle est retenue dans notre cas : l'insertion d'un sondage dans un article.
Pour ajouter un sondage à l'un de vos articles, il vous faudra en premier lieu créer le sondage (indépendamment de l'article). Cela se fait dans la partie "Gérer" du panneau d'administration, dans l'onglet "Democracy (sondages)". Un formulaire y permet d'ajouter un nouveau sondage (il me semble assez clair donc je ne vais pas détailler). Une fois le sondage créé, il apparaitra dans la liste des sondages existants.
Vous pouvez maintenant intégrer ce sondage à un ou plusieurs article(s) via la balise
Comment inclure une vidéo ?
La gestion des vidéos se fait via le plugin Embedded video. Elle peut se faire via le bouton "Embarquer une vidéo" présent dans l'éditeur graphique ou bien en tapant un code à la main de la forme :
Attention : N'essayez surtout pas d'inclure une vidéo en insérant du code HTML à la main, le plugin est prévu pour les intégrer de manière propre et compatible multi-navigateur, donc utilisez-le !
Comment inclure un spoiler ?
La gestion des spoilers est très proche de ce qu'on peut faire sur le forum mais la syntaxe est légèrement différente pour exploiter les shortcodes introduits dans la version 2.5 de WordPress.
On a donc la syntaxe suivante :
Qui correspondent respectivement aux bbcodes suivants sur le forum :
La seule différence notable est donc au niveau du paramètre permettant de spécifier le contexte du spoiler.
Comment insérer des titres ?
Dans l'éditeur graphique : en cliquant sur la dernière icône, une deuxième barre d'outils apparaît. Le deuxième menu déroulant de cette barre permet notamment d'insérer des titres. À l'heure actuelle, ce menu est caché là parce que tous ces éléments ne sont pas forcément à utiliser. En l'occurence pour entrer un titre, utiliser uniquement les titres 4 à 6 (les titres 1 à 3 sont déjà utilisés dans le code de la page et sont donc à éviter).
Dans l'éditeur textuel : vous pouvez ajouter un titre via les balises h4, h5 et h6 :
Comment insérer une musique provenant du site Deezer ?
Pour cela on utilise la balise "deezer" :
Comment insérer une liste automatique d'article ?
Pour cela on utilise la balise "wlist" en définissant le filtre à appliquer à l'aide des attributs suivants :
- Chaque attribut est facultatif.
- On peut évidement cumuler les attributs (ex: [wlist tag=google limit=5]).
- N'utilisez pas l'attribut "cat" en même temps que l'attribut "tag" (bug wordpress), c'est ou l'un ou l'autre.
Comment insérer une liste automatique de commentaires ?
Pour cela on utilise la balise "clist" en définissant le filtre à appliquer à l'aide des attributs suivants :
- Chaque attribut est facultatif.
- On peut évidement cumuler les attributs (ex: [clist author="chuck" limit=3]).
_________________
J'ai un peu de mal avec l'HTML, je peux utiliser Frontpage, Word ou Dreamweaver pour l'écrire ?
La réponse catégorique est : non. Pourquoi ? Parce qu'ils génèrent du code très crade et qui souvent fait bugguer l'affichage sur certains navigateurs en utilisant des balises ou attributs propriétaires de Microsoft (donc qui ne fonctionne éventuellement que sur IE) ou anciens et dépréciés depuis des lustres qui risquent de s'afficher mal sur les navigateurs ou ne pas produire l'effet escompté sous toutes les résolutions.
De plus, les quelques boutons proposés au dessus du champ texte suffiront à la plupart des mises en pages
Je veux intégrer une image à mon article, que faire ?
Dans la page d'édition d'un article, en dessous du champ d'édition du texte, on trouve le bloc d'upload de fichiers. Il est à utiliser impérativement pour toute image affichée dans un article. Aucune image ne doit être affichée à partir d'un site externe, car on n'a aucune garantie que dans 6 mois, 1 ans ou 5 ans, ce site externe soit toujours là, toujours gratuit et que le compte sur lequel les images ont été uploadées existe encore.
Attention : Dans le cas où vous affichez l'image taille réelle, pensez à sélectionner "aucun" pour le lien. En effet, inutile d'ajouter un lien vers la même image à la même taille
Le lien n'est intéressant que si l'on affiche une vignette ou juste le titre.
Je veux faire un lien vers un site externe, que faire ?
Le bouton lien permet de générer la balise HTML correspondante. Néanmoins, il est fortement souhaitable de rajouter l'attribut hreflang à la balise. En effet, celui-permettra d'avoir directement l'information de la langue du site vers lequel mène le lien.
Exemples :
- pour un lien vers un site francophone :
Code :
<a href="http://edforum.net" hreflang="fr">EDForum</a>
- pour un lien vers un site anglophone :
Code :
<a href="http://bash.org" hreflang="en">Bash.org</a>
Ce qui donnera un rendu du style :
Citation :
Je veux changer l'alignement de mon texte ou d'une image, c'est possible ?
Oui, c'est possible. Il suffit d'encadrer la section concernée par la balise approriée. Par exemple, pour centrer :
Code :
<p class="center">PORTION À CENTRER</p>
Pour utiliser un autre alignement, remplacer le "center" de l'attribut "class" par l'une des valeurs suivantes (les même que pour l'alignement sur le forum) :
- left : alignement à gauche.
- right : alignement à droite.
- center : alignement au centre.
- justify (alignement par défaut des articles) : alignement justifié qui fait en sorte que toutes les lignes d'un même paragraphe aient la même longueur.
Code :
<img src="..." alt="..." title="..." class="left" />
<img src="..." alt="..." title="..." class="right" />
Remarque : Cette solution n'est à employer que pour un alignement à gauche ou à droit de type "dans le texte". Pour tout autre alignement (notamment le centrage), utiliser la solution passant par des paragraphes décrite plus haut.
Comment fonctionnent les sondages ?
La gestion des sondages repose sur le plugin Democracy. Ce plugin permet plusieurs type d'intégration pour les sondage (un sondage dans la barre de menu notamment) mais seule l'une d'entre elle est retenue dans notre cas : l'insertion d'un sondage dans un article.
Pour ajouter un sondage à l'un de vos articles, il vous faudra en premier lieu créer le sondage (indépendamment de l'article). Cela se fait dans la partie "Gérer" du panneau d'administration, dans l'onglet "Democracy (sondages)". Un formulaire y permet d'ajouter un nouveau sondage (il me semble assez clair donc je ne vais pas détailler). Une fois le sondage créé, il apparaitra dans la liste des sondages existants.
Vous pouvez maintenant intégrer ce sondage à un ou plusieurs article(s) via la balise
Code :
Où ID doit être remplacé par l'ID de votre sondage (trouvable dans la première colonne de la liste des sondages existants.
{democracy:ID}
Comment inclure une vidéo ?
La gestion des vidéos se fait via le plugin Embedded video. Elle peut se faire via le bouton "Embarquer une vidéo" présent dans l'éditeur graphique ou bien en tapant un code à la main de la forme :
Code :
Pour plus de précisions, consutez la documentation du plugin (disponible en anglais et en allemand).
[youtube ID titre du lien]
Attention : N'essayez surtout pas d'inclure une vidéo en insérant du code HTML à la main, le plugin est prévu pour les intégrer de manière propre et compatible multi-navigateur, donc utilisez-le !
Comment inclure un spoiler ?
La gestion des spoilers est très proche de ce qu'on peut faire sur le forum mais la syntaxe est légèrement différente pour exploiter les shortcodes introduits dans la version 2.5 de WordPress.
On a donc la syntaxe suivante :
Code :
[spoiler]Texte du spoiler[/spoiler]
[spoiler context="Texte du contexte"]Texte du spoiler[/spoiler]
Qui correspondent respectivement aux bbcodes suivants sur le forum :
Code :
[spoiler]Texte du spoiler[/spoiler]
[spoiler="Texte du contexte"]Texte du spoiler[/spoiler]
La seule différence notable est donc au niveau du paramètre permettant de spécifier le contexte du spoiler.
Comment insérer des titres ?
Dans l'éditeur graphique : en cliquant sur la dernière icône, une deuxième barre d'outils apparaît. Le deuxième menu déroulant de cette barre permet notamment d'insérer des titres. À l'heure actuelle, ce menu est caché là parce que tous ces éléments ne sont pas forcément à utiliser. En l'occurence pour entrer un titre, utiliser uniquement les titres 4 à 6 (les titres 1 à 3 sont déjà utilisés dans le code de la page et sont donc à éviter).
Dans l'éditeur textuel : vous pouvez ajouter un titre via les balises h4, h5 et h6 :
Code :
<h4>Titre de l'article (centré)</h4>
<h5 class="subtitle">Sous-titre de l'article ou titre d'une grande partie (centré également)</h5>
<h5>Titre d'une partie (aligné à gauche)</h5>
<h6>Titre d'une sous-partie (aligné à gauche)</h6>
Comment insérer une musique provenant du site Deezer ?
Pour cela on utilise la balise "deezer" :
Code :
[deezer ids="<liste d'ids séparés par des virgules>" alt="<texte alternatif>" align="<left|center|right>"
- On peut indiquer un ou plusieurs ids de de chansons (séparés par des virgules). Si plusieurs ids sont saisi, plusieurs players seront insérés.
- L'id d'une chanson correspond au nombre qui se trouve à la fin du champ "permalien" que que l'on peut trouver sur Deezer.
- Le texte alternatif correspond au texte qui s'affichera si le navigateur n'arrive pas à afficher le player (s'il ne gère pas flash).
Code :
[deezer ids="64156" alt="Chanson : Le chien par Bénabar" align="right"]
Comment insérer une liste automatique d'article ?
Pour cela on utilise la balise "wlist" en définissant le filtre à appliquer à l'aide des attributs suivants :
- cat : Vide par défaut. Permet de preciser l'ID de la catégorie (ex: [wlist cat=5] ou [wlist cat="5,6,7"] ou [wlist cat=-5])
- category_name : Vide par défaut. Permet de préciser le nom de la catégorie (ex: [wlist category_name="Web Design"])
- tag : Vide par défaut. Permet de préciser le nom (slug) du tag (ex: [wlist tag=vie-personelle] ou [wlist tag="vie-personelle,photos"] ou [wlist tag="vie-personelle+photos"])
- author : Vide par défaut. Permet de préciser l'ID de l'auteur (ex: [wlist author=1] ou [wlist author=1,2] ou[wlist author=-1])
- author_name : Vide par défaut. Permet de préciser le nom de l'auteur (ex: [wlist author_name="Julien"])
- order : "desc" par défaut. Permet de préciser l'ordre de tri (ex: [wlist order=asc] ou [wlist order=desc])
- orderby : "post_date" par défaut. Permet de préciser le paramètre de tri (ex: [wlist orderby=post_title] ou [wlist orderby=post_date] ou [wlist orderby=random])
- limit : 5 par défaut. Permet de préciser le nombre d'éléments a retourner (ex: [wlist showposts=10])
- offset : Vide par défaut. Permet de préciser l'offset (ex: [wlist offset=3])
- beforelist : <ul class="wlist"> par défaut. Permet de préciser la tag se trouvant au début de la liste (ex: [wlist beforelist="<ol>"])
- afterlist : </ul> par défaut. Permet de préciser la tag se trouvant à la fin de la liste (ex: [wlist afterlist="</ol>"])
- beforeitem : <li> par défaut. Permet de préciser la tag se trouvant au début de chaque élément (ex: [wlist beforeitem="<li><p>"])
- afteritem : </li> par défaut. Permet de préciser la tag se trouvant à la fin de chaque élément (ex: [wlist afteritem="</p></li>"])
- showauthor : 'false' par défaut. Permet d'afficher ou non l'auteur des messages listés (ex: `[wlist showauthor=true]`)
- showdate : 'false' par défaut. Permet d'afficher ou la date des messages listés (ex: `[wlist showdate=true]`)
- showtime : 'false' par défaut. Permet d'afficher ou la date des messages listés (ex: `[wlist showtime=true]`)
- showcommentcount : 'false' par défaut. Permet d'afficher ou le nombre de commentaires des messages listés (ex: `[wlist showcommentcount=true]`)
- Chaque attribut est facultatif.
- On peut évidement cumuler les attributs (ex: [wlist tag=google limit=5]).
- N'utilisez pas l'attribut "cat" en même temps que l'attribut "tag" (bug wordpress), c'est ou l'un ou l'autre.
Comment insérer une liste automatique de commentaires ?
Pour cela on utilise la balise "clist" en définissant le filtre à appliquer à l'aide des attributs suivants :
- post : Vide par défaut. Permet de preciser l'ID de du message associé aux commentaires (ex: [clist post=5])
- author : Vide par défaut. Permet de préciser l'ID de l'auteur (ex: [clist author=1] )
- author_name : Vide par défaut. Permet de préciser le nom de l'auteur (ex: [clist author_name="Julien"])
- author_email : Vide par défaut. Permet de préciser le nom de l'auteur (ex: [clist author_email="chuck.norris@roundhouse-kick.com"])
- order : "desc" par défaut. Permet de préciser l'ordre de tri (ex: [clist order=asc] ou [clist order=desc])
- orderby : "post_date" par défaut. Permet de préciser le paramètre de tri (ex: [clist orderby=comment_date])
- limit : 5 par défaut. Permet de préciser le nombre d'éléments a retourner (ex: [clist showposts=10])
- offset : Vide par défaut. Permet de préciser l'offset (ex: [wlist offset=3])
- beforelist : <ul class="wlist"> par défaut. Permet de préciser la tag se trouvant au début de la liste (ex: [clist beforelist="<ol>"])
- afterlist : </ul> par défaut. Permet de préciser la tag se trouvant à la fin de la liste (ex: [wlist afterlist="</ol>"])
- beforeitem : <li> par défaut. Permet de préciser la tag se trouvant au début de chaque élément (ex: [clist beforeitem="<li><p>"])
- afteritem : </li> par défaut. Permet de préciser la tag se trouvant à la fin de chaque élément (ex: [clist afteritem="</p></li>"])
- showauthor : 'false' par défaut. Permet d'afficher ou non l'auteur des messages listés (ex: `[clist showauthor=true]`)
- showdate : 'false' par défaut. Permet d'afficher ou la date des messages listés (ex: `[clist showdate=true]`)
- showtime : 'false' par défaut. Permet d'afficher ou la date des messages listés (ex: `[clist showtime=true]`)
- Chaque attribut est facultatif.
- On peut évidement cumuler les attributs (ex: [clist author="chuck" limit=3]).
_________________
| 
Mais en gros le mieux c'est de faire le lien via le bouton et de rajouter ensuite le hreflang="..." à la main dans le code.
m'enfous, d'ici 2 semaines je parle le html couramment 
Pas ton code 
Tu tapes ton texte dans le bloc-note, au lieu de le faire sur Word