Advertisement
  1. Code
  2. WordPress

Débuter avec WordPress : Premiers pas avec votre nouveau site Web

Scroll to top
Read Time: 12 min
This post is part of a series called Beginning With WordPress.
Beginning With WordPress: Installing WordPress Manually
Beginning With WordPress: Preparing to Customise Your Theme Using a Child Theme

French (Français) translation by Henri Lotin (you can also view the original English article)

Eh bien... pourriez-vous jeter un œil à ça... un tout nouveau site WordPress ! Astucieux, va ! Vous êtes-vous déjà connecté ? Si c'est le cas, vous pourriez être assis en train de regarder le tableau de bord vous demandant ce que le diable vous faites ensuite... alors, permettez-moi de vous aider avec ça ! (Je parie que vous vous demandez ce que diable est un tableau de bord, c’est ok, tout deviendra clair.)

Dans ce tutoriel, nous allons présenter le tableau de bord et etudier les premiers petits paramètres que vous devez ajuster lorsque vous configurez votre site pour la première fois, et nous allons terminer la leçon d’aujourd'hui avec les bases absolues sur la création de vos premièrs pages et articles (y compris un peu d'explication sur les différences entre les deux).


Avant de commencer

Vous aurez besoin :

  • Vos accès de connexion pour votre site WordPress.

Voici un aperçu de ce que nous verrons aujourd'hui :

  1. Présentation du tableau de bord
  2. Quelques réglages généraux de base
  3. Cartographie de la structure de votre site
  4. Mise au point sur les articles et les pages (différents types de contenu)
  5. Création d’une page
  6. Création d’un article
  7. Configuration de pages statiques pour l’accueil et le blog

Présentation du tableau de bord

Dashboard-tut4_1Dashboard-tut4_1Dashboard-tut4_1

OK, lorsque vous vous connectez dans votre site pour la première fois, vous serez redirigé vers le tableau de bord, le panneau de commande de base d'où vous administrerez votre site. De là, il y a un tas d’endroits auxquels vous allez vous familiariser assez rapidement lorsque vous commencez à gérer le contenu. Une des choses que vous remarquerez dans WordPress est qu’il y a souvent plusieurs façons d’arriver au même endroit, la façon dont vous l’utilisez dépendra de ce qui fonctionne pour vous. Commençons par une petite répétition rapide.

Tout en haut de la page se trouve la barre Admin, et comme souvent dans WordPress, le contenu dans cette barre est sensible au contexte, ce qui apparaît dans cette zone dépendra d'où vous vous trouvez dans WordPress. Si vous êtes dans le tableau de bord, comme c'est le cas pour nous dans cette première image, vous serez en mesure de survoler les liens dans la barre d’administration et d'accédez aux zones suivantes :

AdminBar-tut4_3.pngAdminBar-tut4_3.pngAdminBar-tut4_3.png
  1. Le logo de WP vous indique des liens vers l’aide utile (voir Fig. 2).
  2. Le titre du site (dans mon cas, « My New Website ») conduit à un aperçu de votre site publié.
  3. Commentaires prêts pour la publication  comments-tut4_2 (pas de commentaires actuellement nécessitant notre attention)
  4. Nouveaut contenu / utilisateurs
  5. Votre propre gestion des utilisateurs et le bouton de déconnexion .

Si vous êtes ailleurs dans le site, les options disponibles dans la barre d’administration vont changer. Voici à quoi elle ressemble sur le front-end (tous les autres boutons restent les mêmes) :

AdminBar_2-tut4_4AdminBar_2-tut4_4AdminBar_2-tut4_4

Maintenant, plutôt que de se concentrer sur la présentation des différentes parties des menus et les barres latérales comme elles se lisent de haut en bas, nous allons mettre l’accent sur les choses qu'il est intelligent de faire dès le départ ; choses qui aident à préparer votre site pour le marché, au lieu d'apprendre comment faire du WordPress.

Alors, allez-y et cliquez sur le lien « Réglages » au bas de ce menu de la barre latérale.


Quelques réglages généraux de base

Tout d’abord, nous allons définir la date et le fuseau horaire pour votre site.

Timezone-tut4_5Timezone-tut4_5Timezone-tut4_5

Lorsque vous arrivez sur la page Réglages, vous verrez le paramétrage du fuseau horaire à mi-chemin vers le bas. Vous pouvez choisir de définir le fuseau horaire selon votre temps par rapport à UTC ou vous pouvez pouvez faire défiler la liste pour trouver votre ville et réglez le temps avec (l’avantage de ceci est que cela va changer avec l’heure d’été). Vous pouvez voir ici que j’ai mis le fuseau horaire à Melbourne - le code de UTC équivalent serait + 10.

Ensuite, nous allons modifier les paramètres de permalien. Cela modifie l’URL sur notre site à partir de l’id par défaut de la publication (par exemple ?p=123) pour afficher quelque chose d'un peu plus significatif pour aussi bien les lecteurs que les moteurs de recherche. Dans ce cas, nous utilisons uniquement le nom de la publication pour nos permaliens.

Permalinks-tut4_6Permalinks-tut4_6Permalinks-tut4_6

Maintenant que les bases sont bonnes, jetons un œil à l’ajout de contenu.


Cartographier la structure de votre site

Maintenant, une des choses que je vois se passer avec les nouveaux sites WordPress est que les gens se lancent et commencent la création de pages et d'articles sans vraiment avoir un plan d’attaque clair, et si votre site est un projet ludique qui porte sur le fait de se familiariser avec bricoler dans WordPress, alors cela pourrait être très bien. Toutefois, si vous avez des plans pour votre site, il est bien préférable d’avoir un plan pour votre contenu et une structure pour votre site avant de plonger et créer des choses bon gré, mal gré.

Pour ce premier exemple de site, qui est un site de blog personnel, nous avons un ensemble de différents types de contenu que nous allons utiliser, et nous avons une structure de site à l’esprit qui ressemble à ceci :

  • Accueil - Une liste de mes derniers articles de blog
  • Page À propos - Pourquoi ce site existe avec une courte bio sur le propriétaire du site
  • Page de Contact - De manière prévisible où me trouver et comment entrer en contact.

La plupart des sites ressemblent à quelque chose de ce genre et le contenu évolue tout comme le site. Cependant, la manière dont vous structurez votre site peut très bien dépendre de comment vous êtes désireux de l’utiliser. Dans ce cas, c’est un blog personnel pour partager des pensées, des découvertes Internet cools, des citations et vidéos préférées, etc. Mais votre site peut être un site d’entreprise et votre blog peut être secondaire et ne nécessite pas une place à la première page. Configurez votre site pour ce qui nécessite un changement de réglage, mais avant d’y aller, nous allons parler des différences entre les articles et les pages, alors vous seriez mieux placé pour définir la manière dont vous allez structurer votre première page.


Comprendre les articles et les pages (c'est-à-dire les différents types de contenu)

Articles et pages sont tous les deux des types de contenu, et même s'ils ont beaucoup de similitudes il y a aussi quelques différences spécifiques à chaque type de contenu. Pour faire simple, les différences ne sont pas contraires à différents types de publications : les pages sont comme des livres, les articles ressemblent à des magazines.

Assez, non ?

OK, nous allons creuser un peu plus.

Les pages contiennent généralement du contenu qui est assez stable ; une fois que vous avez publié, alors vous pourriez être en mesure de le changer, ce n’est pas quelque chose que vous allez devoir modifier régulièrement. Elle ne sont pas sensibles au temps et elles restent à leur place et habituellement auront une place dans votre menu.

Les pages sont comme un livre sur l’étagère, leur contenu est utile à long terme. Elles sont peu susceptibles de beaucoup changer, ou très souvent, et elles sont facilement accessibles pour référence.

Les pages peuvent également être construites hiérarchiquement dans la structure de votre site et vous pouvez leur appliquer différents types de modèles de mise en pages selon les modèles disponibles dans votre thème (et oui, il semble que c'est là que la métaphore se termine).

Sample-Page-tut4_7Sample-Page-tut4_7Sample-Page-tut4_7

Les articles sont quant à eux sensibles au temps, ils peuvent être classés, ils figureront également dans votre flux RSS (les gens peuvent s’y abonner). Ils sont affichés sur votre page de blog, ou page d'accueil, dans l’ordre chronologique inverse et ils sont moins susceptibles de figurer dans votre menu en raison de leur nature plus jetable.

Vous voyez ? Tout comme un magazine...  sensible au temps, généralement empilés dans l’ordre avec le plus récent sur le dessus, classés par date et type de contenu et généralement plus intéressant, à court terme que long.

Sample-Post-tut4_8Sample-Post-tut4_8Sample-Post-tut4_8

Si c’est plus facile d’avoir une représentation visuelle de ce à quoi ils ressemblent, voici une vue graphique dans laquelle vous pouvez voir où se croisent les types de contenu et où il existe des différences.

Infographic - Posts and Pages Compared - WordPressInfographic - Posts and Pages Compared - WordPressInfographic - Posts and Pages Compared - WordPress
Une comparaison des articles et des pages via Kristarella

Création d’une page

Donc, il y a plusieurs endroits, dans lesquels vous pouvez aller pour créer une page. Vous pouvez commencer avec la barre Admin et cliquer le lien Ajouter alors une liste déroulante apparaîtra, et de l’un des éléments que vous pourrez créer à partir de là, il y a page. Si vous êtes dans le Tableau de bord, vous pouvez également cliquer sur le lien pages dans le menu latéral et choisissez Ajouter page à partir de là. OU, si vous avez cliqué sur le lien Pages vous pouvez vous retrouver dans la section des listes de pages, vous pouvez voir un lien en haut de celui qui dit Ajouter.

Add-page_1-tut4_9Add-page_1-tut4_9Add-page_1-tut4_9

Chacun de ces liens fera la même chose, ouvrir la fenêtre de l’éditeur de page.

Il y a beaucoup sur cette fenêtre qui doit être raisonnablement sensée. Si vous êtes familiarisé avec le traitement de texte, alors les options dans la boîte de saisie doivent être suffisamment claires. Placez votre curseur dans la section de l’éditeur et commencez à taper ! Pour ajouter un paragraphe à la fin de votre texte, appuyez simplement sur retour chariot ou entrer, si vous voulez seulement aller vers le bas d'un demi-pas, appuyez sur Maj et entrée/retour  chariot pour simplement mettre dans un saut de ligne.

Lorsque votre contenu apparaît comme vous le souhaitez alors cliquez sur publier, si vous n’êtes pas prêt à publier et voulez enregistrer votre contenu pour y revenir plus tard alors appuyez simplement sur le bouton enregistrer le brouillon.

Si vous voulez jeter un coup d’oeil à ce à quoi ressemblera votre page quand vous l'aurez publiée, alors cliquez sur le bouton Aperçu (logique, non ?). Allez-y et donnez-lui le tournis... Je vais attendre...

Add-Page-tut4_10Add-Page-tut4_10Add-Page-tut4_10

Lorsque vous avez créé votre page À propos et que vous en êtes satisfaits, alors répétez le processus et créez une page Contact.

Une fois vous l'avez fait alors projetez-vous sur Aller sur le site pour jeter un oeil à vos nouvelles pages !

Published-Page-tut4_11Published-Page-tut4_11Published-Page-tut4_11

Vous remarquerez peut-être que vos nouvelles pages ont été publiées dans le menu par défaut et sont répertoriées dans l’ordre de leur création, avec la plus récente à l’avant. Nous allons aborder comment modifier et personnaliser des menus dans un prochain didacticiel, en attendant, nous allons ajouter un nouvel article - et voici un secret... bien qu’il n’y a aucun bouton pour l'accueil dans le menu (nous l'ajouterons plus tard) cliquez sur le titre pour revenir à la page d’accueil de votre site.

Pendant que vous y êtes, cliquez sur le bouton Ajouter et cliquez sur Article.


Création d’un article

La plupart des éléments de cette page devrait sembler assez familiers, non ? Il y a des différences significatives, mais les similitudes importantes sont le champ de l’éditeur et la section publication.

Add-Post-tut4_12Add-Post-tut4_12Add-Post-tut4_12

Les différentes zones permettent différents types de formats d'articles et différentes façons de classer vos publications selon des catégories. Nous allons décortiquer les formats d'articles dans le didacticiel suivant, pour l’instant concentrons-nous juste sur la classification de nos articles. Comme c’est le moment l'article est défini pour la catégorie « Non classé » par défaut. Nous verrons comment modifier cela dans le prochain tutoriel aussi bien.

Mais, comme vous y allez, vous êtes maintenant en voie pour la création de la structure et du contenu pour votre site Web ! Félicitations !!

Mais, vous pouvez avoir une dernière chose que vous êtes désireux de faire, et il serait erroné pour moi de vous laisser en plan, que se passe-t-il si votre site n’est pas un blog ? ! OK, penchons-nous sur la configuration de votre site avec une page d’accueil statique.


Configuration de pages statiques pour l'accueil et les pages de blog

Donc, maintenant vous savez comment créer des pages et des articles, et vous pourriez avoir des pensées au sujet de comment vous voulez voir votre première page structurée. Si vous êtes satisfait de l’avoir lister vos articles alors vous pouvez arrêter ce tutoriel à ce stade et vous joindre à nous la prochaine fois, mais si vous êtes désireux de savoir comment configurer votre affichage de page d'accueil comme page statique et une page de blog séparée, alors continuez à lire.

Alors, disons que la structure de notre site ressemble moins à ce qui précède et ressemble plus à ceci :

  • Accueil - Page statique introductive
  • Page À propos - Pourquoi ce site existe avec une courte bio sur le propriétaire du site
  • Page Services - Une liste des services que j’offre
  • Page Blog - Une liste de mes derniers articles de blog ou d'actualités
  • Page Contact - Prévisiblement où me trouver et comment me contacter

Afin de changer où apparaît notre liste de blog et avoir une page statique pour votre première page, il faut en fait créer les pages statiques, et c’est facile. En suivant les mêmes instructions que ci-dessus, créez trois nouvelles pages. Nous les appellerons Accueil, Blog et Services juste pour rendre les choses faciles. Je n’y ai mis aucun contenu, en effet, ne mettez rien sur la page du blog, mais vous aurez besoin d’ajouter du contenu aux pages Accueil et Services lorsque vous êtes prêt.

Pages-Listing-tut4_13Pages-Listing-tut4_13Pages-Listing-tut4_13

Quand cela est fait, vous devez accéder aux Réglages des paramètres de lecture - lorsque vous avez trouvé que le changement de la case d’option qui est actuellement affectée à « Vos derniers articles » pour refléter les pages que vous voulez définir comme page d’accueil et page des articles. Vous devriez être en mesure de voir pourquoi nous avions besoin de créer d’abord les pages.

Reading-Setting-tut4_14Reading-Setting-tut4_14Reading-Setting-tut4_14

Une fois vous avez fait cela alors cliquez sur Enregistrer les modifications et dirigez-vous vers votre page d'accueil pour voir vos modifications en action.

Voyez-vous ça ! Voici ma page d’accueil statique sans contenu à l'intérieur :

Homepage-tut4_15Homepage-tut4_15Homepage-tut4_15

Et voici ma page de blog :

Blogpage-tut4_16Blogpage-tut4_16Blogpage-tut4_16

OK, nous avons quelques rangement à faire. Nous allons devoir supprimer les commentaires de pages statiques pour commencer, nous allons aussi à devoir modifier le menu, mais c’est assez pour aujourd'hui. Nous allons arriver à certains de ces peaufinages de site la prochaine fois !


Conclusion

Demarrer votre projet de site Web avec un peu d’un plan quant à comment votre site va être structuré permettra d’économiser beaucoup de tracas à long terme dans lesquels vous pourriez vous retrouver à écrire et réécrire des articles et des pages pour rendre le site conforme à votre contenu.

Planifier d’abord, puis construisez la structure de votre site selon le type de contenu qui sied aux pages ou aux articles ou d’un mélange des deux.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.