Imprimer
Catégorie : Aide Webmaster
Affichages : 575

Les Articles

Rédiger des articles permet de constituer un blog ou un fil d’actualité. Les Articles possèdent :

une date de publication afin d’être affichés du plus récent au plus ancien (ou le contraire).
un auteur.
une ou plusieurs catégories et éventuellement des mots clés. Ces deux moyens servent à organiser le contenu d’un site.
un format : Certains thèmes proposent des articles au format vidéo, citation, lien, galerie, etc.
un fil de commentaires pour inciter les lecteurs à la discussion.
éventuellement des boutons de partage sur les réseaux sociaux. Ils se différencient des Pages qui, elles, sont statiques.

 

Créer un Article‌


Image 002

 

 

Cliquez à gauche sur « Articles » Ajouter » Tapez le titre

 

Image 003

 

OU + créer Article ou article ajouter

 

et donner un titre

 

Image 004

 

Classer un Article‌


Choisissez la Catégorie dans laquelle doit se classer cet article

Image 005

 

cette zone se situe dans une colonne sur la droite de la page

 

Saisie et formatage du contenu‌
Affichez les options avancées de la barre d'outil formatage en cliquant ici

 

Image 006

Pour vos titres (et sous-titres) utilisez les styles (Titre 1, Titre 2 etc...) WordPress utilisera alors les balises h1, h2 etc...

Cette technique vous permettra d'avoir une présentation homogène et cohérente pour l'ensemble de vos Articles.

Image 007

Basculer entre code et visualisation‌
L'éditeur de WordPress vous permet de taper directement du code source (en HTML) Cliquez sur « Texte » en haut à droite de votre Article

Ajouter une image dans un Article image

Cliquez sur « Ajouter un média »

 

Image 009

Choisissez ensuite l'image à télécharger.

 

Attention à la taille des images

Vous pouvez donner des caractéristiques à cette image dans la partie droite de l'écran :

 

Image 010

 

Cliquez enfin sur le bouton « Insérer dans l'Article »

 

Image 011

Un tableau dans un Article‌
Il peut être utile de disposer du contenu (texte, images) à l'intérieur des cellules d'un tableau, celles-ci restant invisibles, mais servant de conteneurs.

Exemple pour un tableau de 2 lignes et de 4 colonnes de largeurs égales : Copiez-collez ce code dans l'éditeur en mode « Texte »

 

 "

<tbody>

<tr>

<td width="25%">A</td>

<td width="25%">B</td>

<td width="25%">C</td>

<td width="25%">D</td>

</tr>

<tr>

<td width="25%">D</td>

<td width="25%">E</td>

<td width="25%">F</td>

<td width="25%">G</td>

</tr>

</tbody>

</table> 

"

   

A B C D
D E F G

 

Passez ensuite en mode « Visuel » et remplacez les lettres par du contenu.

Chaque ligne « XX »correspond à une colonne du tableau. Vous pouvez adapter ce tableau à votre convenance en modifiant le nombre de colonnes.

Attention faites en sorte que le total des pourcentages de chaque colonne soit égal à 100 !

Si vous désirez des bordures de tableau visibles mettez la propriété « border » à 1 :

 

Image 012

Image à la une‌
Lorsque vous mettez une image à la une dans un Article, elle remplace automatiquement l'image dans l'en-tête lorsque cet Article est consulté.

 

Image 013

Il est destiné aux malvoyants et ne sera que bénéfique pour le référencement de votre site. Placez-y judicieusement vos mots-clé.

Ne pas autoriser les commentaires‌
Par défaut WordPress permet aux internautes de commenter chaque Article. Pour désactiver cette fonctionnalité cliquez tout en haut à droite sur « options de l'écran » et cochez « Discussion »

 

Image 014

Descendez ensuite en bas de la page et décochez la case « Autoriser les commentaires »

 

Image 015

 

Etat de l'Article‌
Vous pouvez décider de l'état de cet Article. Celui-ci peut avoir 3 états :

Publié. L'Article est immédiatement en ligne (ou plus tard si modification de la date de publication)
En attente de relecture. Il ne sera pas publié, mais modifiable/consultable dans le back-office selon le rôle de l'utilisateur inscrit.
Brouillon. Il ne sera pas publié et sera modifiable dans le back-office uniquement par son auteur.
Cliquez ici pour modifier l'état de l'Article

Image 016

Visibilité de l'Article‌
Cliquez ici Image 017

dans la colonne de droite

Une fois publié, l'Article peut être consultable en ligne de 3 manières : Public. Tout le monde peut le voir.

Protégé par mot de passe. Seuls les internautes disposant du mot de passe accéderont à cet Article.

Privé. Seuls les utilisateurs inscrits accéderont à cet Article.

 

Modifier la date de publication d'un Article‌
Cette action permet de programmer les dates de publication de différents articles. Vous pouvez ainsi préparer des Articles à l'avance et les publier automatiquement aux dates programmées.

 

 

Image 018

 

Supprimer un Article‌

 

Image 019

 

Choisir un format d’affichage‌
Outre le format par défaut convenant à la majorité des articles, WordPress gère un certain nombre d'autres formats plus spécifiques.

On les appelle : custom post formats.

«En passant», l'article est publié sans titre et l'ajout de commentaires est impossible.

Image 020

Le format «État» s'en rapproche un peu.Tout comme «En passant», il fait

l'impasse sur le titre et les commentaires, il se destine avant tout aux billets d'humeur.

Les autres formats (Lien, Galerie, Citation, Image) s'adressent aux éléments correspondants.

Ces post formats créant avec elles des classes spécifiques, vous permettront via le css de leur appliquer un style particulier.

Ils peuvent ne pas être intégrés dans certains thèmes.

 

Classer vos articles‌
catégories et mots clés sont importants, renseignez les. Ils servent à classer vos articles et facilitent la navigation dans votre site.

par exemple en créant un menu à partir de vos catégories et sous catégories.

 

Profiter des catégories‌
Le classement en catégories est exploité aussi bien dans le Tableau de bord (liste des articles) que dans le site lui même (section Catégories de la colonne de droite).

Pour attribuer une ou plusieurs catégories à un article, cochez les cases correspondantes dans la section Catégories de la colonne de droite de l'éditeur.

Image 021

 

Pour créer une catégorie, cliquez sur le lien Ajouter une nouvelle catégorie, renseignez le nom de la catégorie et choisissez au besoin une catégorie parente (les catégories sont hiérarchisées).

Validez en cliquant sur le bouton Ajouter une nouvelle catégorie.

Pour aller plus loin dans la gestion des catégories, sélectionnez Articles
> Catégories, dans la colonne de gauche.
Vous pourrez ajouter un identifiant et un résumé, renommer la catégorie
«Non classé», et effacer celles inutiles.

 

Ajoutez des mots clés ‘étiquette’‌
Les motsclés sont utiles pour définir les points importants d'un article. Ils sont listés à la fin de chaque article sur le site, un clic sur un motclé permettant de retrouver l'ensemble des articles correspondants.

Pour attribuer un motclé à un article, exploitez la section homonyme de la colonne de droite de l'éditeur.

Pour attribuer un motclé déjà défini, cliquez sur le lien «Choisir parmi les motsclés les plus utilisés» puis sur le ou les motsclés voulus.

Pour ajouter de nouveaux motsclés, tapezles dans le champ, séparés les uns des autres d'une virgule.

Pour supprimer un motclé lié à un article, cliquez sur sa case de fermeture, sous le champ.

La gestion générale des motsclés est assurée via Articles, Motsclefs, dans la colonne de gauche.

Ils seront affichés sous forme de nuage au niveau de l'article mais aussi dans une sidebar grâce au widget nuage de motsclés.

Pour aller plus loin dans la gestion des motsclés, sélectionnez Articles -
> Motsclés, dans la colonne de gauche.
Vous pourrez ajouter un identifiant et un résumé.

 

Image 022

 

Modification rapide‌
En plaçant le pointeur souris sur un article dans la liste, l'option « Modification rapide » apparaît.

Elle permet d'ajuster rapidement de nombreux paramètres, à l'exclusion du texte lui même.

Vous pourrez ainsi modifier le titre, l'identifiant, la date de publication et la visibilité, ainsi que le format, la catégorie, les motsclés, etc.

cliquez sur le bouton « Mettre à jour » pour valider.

 

Image 023

LES FONCTIONS DE L’ÉDITEUR DE TEXTE :‌
MODE VISUEL‌
L’ÉDITEUR GÈRE LES PRINCIPAUX ATTRIBUTS DU TEXTE.
Ces attributs (gras/italique...) peuvent être appliqués de deux manières : en sélectionnant d’abord l’attribut puis en tapant le texte, ou en sélectionnant le texte puis en cliquant sur l’attribut.

Les trois premières icônes de la première ligne permettent respectivement de passer en gras, en italique ou de barrer le texte.

Le soulignement est à rechercher dans la seconde ligne, deuxième icône. Le menu déroulant « Format » de la seconde ligne permet de choisir parmi différents formats préétablis :
paragraphe standard, adresse ou titres de différentes tailles.

L’éditeur n’offre pas d’autre moyen de moduler la taille des caractères. La couleur est gérée par la quatrième icône de la seconde ligne : sélectionnez une couleur prédéfinie ou cliquez sur « Plus de couleurs » pour un choix libre. Pour supprimer la mise en forme d’un texte, sélectionnez le puis cliquez sur l’icône gomme de la seconde ligne.

CRÉER UNE LISTE

L’éditeur de WordPress gère les listes à puce (listes non ordonnées) Image 024 et les listes à numéro (listes

ordonnées).

Image 025 Pour ces dernières, la hiérarchisation (1, 2, 3; A, B, C, i, ii, iii, etc.) est assurée par les boutons d’indentation/retrait de la seconde ligne.

GÉRER LA PRÉSENTATION

Image 026 L’éditeur permet de régler les ajustement de texte.

Les outils de la première ligne alignent respectivement le texte à gauche, au centre ou à droite.

GÉRER LES LIENS

La gestion des liens est traitée par l’ icône de la première ligne.

Le ‘maillon’ Image 027prend en charge la création ou la modification d’un lien,

Image 028

en survolant ensuite notre lien apparaîssent des icônes d’édition ou de suppression.

Pour mettre en place un lien, sélectionnez une portion de texte (mot ou phrase) puis cliquez sur le maillon.

Une fenêtre dédiée apparaît. Pour créer un lien vers un site externe, tapez son URL dans le champ «adresse web» (inscrivez toujours http://devant) et nommez le.

 

Image 029

Image 030

 

Vous pourrez ouvrir le lien dans une nouvelle fenêtre ou un nouvel onglet en cochant la case correspondante pour cela utilisez les options du lien qui développent la fen^tre des options.

Pour créer un lien vers une page de votre site, cliquez sur le symbole engrenage pour déplier la section, puis cliquez sur la page voulue.

Vous pouvez aussi exploiter le module de recherche. En tapant un ou plusieurs critères dans le champ, la liste des pages contenant le ou les mots recherchés apparaît.

Validez d’un clic sur Ajouter un lien.

Pour modifier ou supprimer un lien, double cliquez dessus (inutile de sélectionner le texte correspondant) puis sur l’icône de lien.

AJOUTER UNE BALISE « MORE »

Image 031 Par défaut, l’intégralité des nouveaux articles est affichée en page d’accueil.

Mais si l’article est long, ce n’est pas forcément une bonne idée. Il suffit alors d’insérer la balise «More» au sein de l’article.

La première partie de l’article sera lisible en page d’accueil, et un lien «Lire la suite» permettra d’accéder à l’article complet.

Pour visualiser le changement, précisons qu’il faut publier l’article et se rendre sur la page d’accueil du site, l’aperçu de l’article ne suffit pas.

PROFITER DU COPIER COLLER

Image 032

Pour coller du texte simple sans mise en forme, cliquez sur l’icône «T»,

 

cette option désactive l’importation de style de mise en page éventuellement copié de word.

Pour coller du texte mis en forme dans Word, insérez directement le texte dans l’éditeur par Ctrl+V sans activer ce bouton.

Vous pourrez ainsi profiter de la mise en indice et exposant. En revanche, le choix de la taille des caractères et le surlignement seront perdus.

INSÉRER DES CARACTÈRES SPÉCIAUX

Image 033

 

Image 034

Cliquez sur cette icône pour insérer un caractère indisponible au clavier.

Positionnez le pointeur souris sur un caractère pour profiter d’un affichage agrandi et des codes numérique et HTML.

Cliquez sur le caractère pour l’insérer à la position courante.

ANNULER ET RÉTABLIR

Image 035Pas de panique si vous avez effectué une mise en forme malheureuse.

L’éditeur offre les fonctions Annuler/Rétablir, dans la seconde ligne d’icônes.

Le nombre d’opérations mémorisées ne semble pas limité et permet de revenir jusqu’à la toute première opération.

 

LES FONCTIONS DE L'ÉDITEUR DE TEXTE :‌
Image 036

MODE TEXTE HTML‌

 

Balises & Fonctions b : Met le texte en caractère gras. i : Met le texte en italique.
bquote : Permet de mettre en relief une citation (le thème doit avoir pris en compte la balise blockquote).

del (barré) : Permet de barrer le texte. ins : Permet de surligné du texte.

img : Permet d'insérer simplement une image dans votre article. Il vous suffit de saisir l'URL de l'image et de lui donner une description.

ul : Crée une liste à puces non ordonnée. ol : Crée une liste ordonnée.

li : Permet d'ajouter une ligne à une liste.

code : Permet d'identifier des exemples de code cités dans votre article et de les séparer du code de la page web.

more : Fonction "more" dont le principe a été présenté plus haut. fermer les balises : Permet donc de fermer les balises que vous auriez laissées ouvertes. waaah !

vous pouvez bien sur vous servir de toutes les autres balises HTML qui répondent plus spécifiquement à votre besoin.