Créer votre première page

Créer votre première page dans XOOPS

Apprenez comment créer, formater et publier votre premier contenu dans XOOPS.

Comprendre le contenu XOOPS

Qu’est-ce qu’une page/publication ?

Dans XOOPS, le contenu est géré par des modules. Les types de contenu les plus courants sont :

Type	Description	Cas d’utilisation
Page	Contenu statique	À propos de nous, Contact, Services
Publication/Article	Contenu horodaté	Nouvelles, Articles de blog
Catégorie	Organisation du contenu	Regrouper le contenu connexe
Commentaire	Retours des utilisateurs	Permettre l’interaction des visiteurs

Ce guide couvre la création d’une page/article de base à l’aide du module de contenu par défaut de XOOPS.

Accès à l’éditeur de contenu

Depuis le panneau d’administration

Connectez-vous au panneau d’administration : http://your-domain.com/xoops/admin/
Accédez à Contenu > Pages (ou votre module de contenu)
Cliquez sur “Ajouter une nouvelle page” ou “Nouvelle publication”

Frontend (si activé)

Si votre XOOPS est configuré pour permettre la création de contenu frontend :

Connectez-vous en tant qu’utilisateur enregistré
Allez à votre profil
Cherchez l’option “Soumettre du contenu”
Suivez les mêmes étapes ci-dessous

Interface de l’éditeur de contenu

L’éditeur de contenu comprend :

┌─────────────────────────────────────┐
│ Éditeur de contenu                  │
├─────────────────────────────────────┤
│                                     │
│ Titre : [________________]           │
│                                     │
│ Catégorie : [Dropdown]              │
│                                     │
│ [B I U] [Link] [Image] [Video]    │
│ ┌─────────────────────────────────┐ │
│ │ Entrez votre contenu ici...     │ │
│ │                                 │ │
│ │ Vous pouvez utiliser des balises HTML ici │
│ └─────────────────────────────────┘ │
│                                     │
│ Description (Meta) : [____________] │
│                                     │
│ [Publier] [Enregistrer brouillon] [Aperçu] │
│                                     │
└─────────────────────────────────────┘

Guide étape par étape : Créer votre première page

Étape 1 : Accédez à l’éditeur de contenu

Dans le panneau d’administration, cliquez sur Contenu > Pages
Cliquez sur “Ajouter une nouvelle page” ou “Créer”
Vous verrez l’éditeur de contenu

Étape 2 : Entrez le titre de la page

Dans le champ “Titre”, entrez le nom de votre page :

Titre : Bienvenue sur notre site Web

Meilleures pratiques pour les titres :

Clair et descriptif
Inclure des mots-clés si possible
50-60 caractères idéaux
Éviter TOUTES LES MAJUSCULES (difficile à lire)
Être spécifique (pas “Page 1”)

Étape 3 : Sélectionnez une catégorie

Choisissez où organiser ce contenu :

Catégorie : [Dropdown ▼]

Les options peuvent inclure :

Général
Nouvelles
Blog
Annonces
Services

Si les catégories n’existent pas, demandez à l’administrateur de les créer.

Étape 4 : Écrivez votre contenu

Cliquez dans la zone d’éditeur de contenu et tapez votre texte.

Formatage basique du texte

Utilisez la barre d’outils de l’éditeur :

Bouton	Action	Résultat
B	Gras	Texte en gras
I	Italique	Texte en italique
U	Souligné	Texte souligné

Utilisation du HTML

XOOPS permet les balises HTML sûres. Exemples courants :

<!-- Paragraphes -->
<p>Ceci est un paragraphe.</p>

<!-- Titres -->
<h1>Titre principal</h1>
<h2>Sous-titre</h2>

<!-- Listes -->
<ul>
  <li>Élément 1</li>
  <li>Élément 2</li>
  <li>Élément 3</li>
</ul>

<!-- Gras et italique -->
<strong>Texte en gras</strong>
<em>Texte en italique</em>

<!-- Liens -->
<a href="https://example.com">Texte du lien</a>

<!-- Sauts de ligne -->
<br>

<!-- Ligne horizontale -->
<hr>

Exemples de HTML sûr

Balises recommandées :

Paragraphes : <p>, <br>
Titres : <h1> à <h6>
Texte : <strong>, <em>, <u>
Listes : <ul>, <ol>, <li>
Liens : <a href="">
Guillemets : <blockquote>
Tableaux : <table>, <tr>, <td>

Évitez ces balises (peuvent être désactivées pour la sécurité) :

Scripts : <script>
Styles : <style>
Iframes : <iframe> (sauf si configuré)
Formulaires : <form>, <input>

Étape 5 : Ajoutez des images

Option 1 : Insérez une URL d’image

Utilisation de l’éditeur :

Cliquez sur le bouton Insérer une image (icône d’image)
Entrez l’URL de l’image : https://example.com/image.jpg
Entrez le texte alt : “Description de l’image”
Cliquez sur “Insérer”

Équivalent HTML :

<img src="https://example.com/image.jpg" alt="Description">

Option 2 : Téléchargez une image

Téléchargez d’abord une image dans XOOPS :
- Allez à Contenu > Gestionnaire média
- Téléchargez votre image
- Copiez l’URL de l’image
Dans l’éditeur de contenu, insérez à l’aide de l’URL (étapes ci-dessus)

Meilleures pratiques pour les images

Utilisez des tailles de fichier appropriées (optimisez les images)
Utilisez des noms de fichier descriptifs
Incluez toujours du texte alt (accessibilité)
Formats supportés : JPG, PNG, GIF, WebP
Largeur recommandée : 600-800 pixels pour le contenu

Étape 6 : Intégrez des médias

Intégrez une vidéo depuis YouTube

<iframe width="560" height="315"
  src="https://www.youtube.com/embed/VIDEO_ID"
  frameborder="0" allowfullscreen>
</iframe>

Remplacez VIDEO_ID par l’ID de la vidéo YouTube.

Pour trouver l’ID de la vidéo YouTube :

Ouvrez la vidéo sur YouTube
L’URL est : https://www.youtube.com/watch?v=VIDEO_ID
Copiez l’ID (caractères après v=)

Intégrez une vidéo depuis Vimeo

<iframe src="https://player.vimeo.com/video/VIDEO_ID"
  width="640" height="360" frameborder="0"
  allow="autoplay; fullscreen" allowfullscreen>
</iframe>

Étape 7 : Ajoutez une méta-description

Dans le champ “Description”, ajoutez un bref résumé :

Description : Apprenez à commencer avec notre site Web.
Cette page donne un aperçu de nos services et comment nous pouvons vous aider.

Meilleures pratiques pour la méta-description :

150-160 caractères
Inclure le mot-clé principal naturellement
Résumer précisément le contenu
Utilisé dans les résultats des moteurs de recherche
Rendre le texte attrayant (les utilisateurs le voient)

Étape 8 : Configurez les options de publication

État de publication

Choisissez l’état de publication :

Statut : ☑ Publié

Options :

Publié : Visible au public
Brouillon : Visible uniquement pour les administrateurs
En attente d’examen : En attente d’approbation
Archivé : Caché mais conservé

Visibilité

Définissez qui peut voir ce contenu :

Visibilité : ☐ Public
           ☐ Utilisateurs enregistrés uniquement
           ☐ Privé (administrateur uniquement)

Date de publication

Définissez quand le contenu devient visible :

Date de publication : [Sélecteur de date] [Heure]

Laissez vide pour “Maintenant” pour publier immédiatement.

Autoriser les commentaires

Activer ou désactiver les commentaires des visiteurs :

Autoriser les commentaires : ☑ Oui

Si activé, les visiteurs peuvent ajouter des retours.

Étape 9 : Enregistrez votre contenu

Options d’enregistrement multiples :

[Publier maintenant]  [Enregistrer comme brouillon]  [Planifier]  [Aperçu]

Publier maintenant : Rendre visible immédiatement
Enregistrer comme brouillon : Garder privé pour maintenant
Planifier : Publier à une date/heure future
Aperçu : Voir comment cela ressemble avant d’enregistrer

Cliquez sur votre choix :

Cliquez sur [Publier maintenant]

Étape 10 : Vérifiez votre page

Après la publication, vérifiez votre contenu :

Allez à la page d’accueil de votre site Web
Accédez à votre zone de contenu
Cherchez votre page nouvellement créée
Cliquez pour la voir
Vérifiez :
- Le contenu s’affiche correctement
- Les images apparaissent
- Le formatage a l’air bon
- Les liens fonctionnent
- Le titre et la description sont corrects

Exemple : Page complète

Titre

Démarrer avec XOOPS

Contenu

<h2>Bienvenue dans XOOPS</h2>

<p>XOOPS est un système de gestion de contenu open-source
puissant et flexible. Il vous permet de créer des sites Web
dynamiques avec une connaissance technique minimale.</p>

<h3>Caractéristiques clés</h3>

<ul>
  <li>Gestion de contenu facile</li>
  <li>Enregistrement et gestion des utilisateurs</li>
  <li>Système de modules pour l'extensibilité</li>
  <li>Système de thème flexible</li>
  <li>Fonctionnalités de sécurité intégrées</li>
</ul>

<h3>Commencer</h3>

<p>Voici les premiers pas pour mettre en place votre site XOOPS :</p>

<ol>
  <li>Configurer les paramètres de base</li>
  <li>Créer votre première page</li>
  <li>Configurer les comptes d'utilisateurs</li>
  <li>Installer des modules supplémentaires</li>
  <li>Personnaliser l'apparence</li>
</ol>

<img src="https://example.com/xoops-logo.jpg"
  alt="Logo XOOPS">

<p>Pour plus d'informations, visitez
<a href="https://xoops.org/">xoops.org</a></p>

Méta-description

Commencez avec XOOPS CMS. Apprenez les fonctionnalités
et les premiers pas pour lancer votre site Web dynamique.

Fonctionnalités avancées de contenu

Utilisation de l’éditeur WYSIWYG

Si un éditeur de texte enrichi est installé :

[B] [I] [U] [Link] [Image] [Code] [Quote]

Cliquez sur les boutons pour formater le texte sans HTML.

Insertion de blocs de code

Afficher les exemples de code :

<pre><code>
// PHP Example
$variable = "Hello World";
echo $variable;
</code></pre>

Créer des tableaux

Organiser les données dans des tableaux :

<table border="1" cellpadding="5">
  <tr>
    <th>Fonctionnalité</th>
    <th>Description</th>
  </tr>
  <tr>
    <td>Flexible</td>
    <td>Facile à personnaliser</td>
  </tr>
  <tr>
    <td>Puissant</td>
    <td>Système de gestion de contenu complet</td>
  </tr>
</table>

Citations intégrées

Mettre en évidence du texte important :

<blockquote>
"XOOPS est un puissant système de gestion de contenu
qui vous permet de créer des sites Web dynamiques."
</blockquote>

Meilleures pratiques SEO pour le contenu

Optimisez votre contenu pour les moteurs de recherche :

Titre

Inclure le mot-clé principal
50-60 caractères
Unique par page

Méta-description

Inclure le mot-clé naturellement
150-160 caractères
Convaincant et précis

Contenu

Écrire naturellement, éviter le bourrage de mots-clés
Utiliser les titres (h2, h3) de manière appropriée
Inclure les liens internes vers d’autres pages
Utiliser le texte alt sur toutes les images
Viser 300+ mots pour les articles

Structure d’URL

Gardez les URL courtes et descriptives
Utiliser des tirets pour séparer les mots
Éviter les caractères spéciaux
Exemple : /about-our-company

Gestion de votre contenu

Modifier une page existante

Allez à Contenu > Pages
Trouvez votre page dans la liste
Cliquez sur Modifier ou le titre de la page
Apportez des modifications
Cliquez sur Mettre à jour

Supprimer une page

Allez à Contenu > Pages
Trouvez votre page
Cliquez sur Supprimer
Confirmez la suppression

Modifier le statut de publication

Allez à Contenu > Pages
Trouvez la page, cliquez sur Modifier
Modifiez le statut dans la liste déroulante
Cliquez sur Mettre à jour

Dépannage de la création de contenu

Le contenu n’apparaît pas

Symptôme : La page publiée n’apparaît pas sur le site Web

Solution :

Vérifiez l’état de publication : Doit être “Publié”
Vérifiez la date de publication : Doit être actuelle ou passée
Vérifiez la visibilité : Doit être “Public”
Videz le cache : Admin > Outils > Vider le cache
Vérifiez les permissions : Le groupe d’utilisateurs doit avoir accès

Le formatage ne fonctionne pas

Symptôme : Les balises HTML ou le formatage apparaissent sous forme de texte

Solution :

Vérifiez que le HTML est activé dans les paramètres du module
Utilisez une syntaxe HTML appropriée
Fermez toutes les balises : <p>Texte</p>
Utilisez uniquement les balises autorisées
Utilisez les entités HTML : < pour <, & pour &

Les images ne s’affichent pas

Symptôme : Les images affichent une icône cassée

Solution :

Vérifiez que l’URL de l’image est correcte
Vérifiez que le fichier image existe
Vérifiez les permissions appropriées sur l’image
Essayez de télécharger l’image dans XOOPS à la place
Vérifier le blocage externe (peut nécessiter CORS)

Problèmes d’encodage de caractères

Symptôme : Les caractères spéciaux apparaissent comme du charabia

Solution :

Enregistrez le fichier en encodage UTF-8
Assurez-vous que le jeu de caractères de la page est UTF-8
Ajoutez à l’en-tête HTML : <meta charset="UTF-8">
Évitez de copier-coller depuis Word (utilisez du texte brut)

Meilleures pratiques du flux de travail de contenu

Processus recommandé

Écrire dans l’éditeur d’abord : Utilisez l’éditeur de contenu administrateur
Aperçu avant la publication : Cliquez sur le bouton Aperçu
Ajouter les métadonnées : Complétez le titre, la description, les balises
Enregistrer d’abord comme brouillon : Enregistrez comme brouillon pour éviter de perdre du travail
Examen final : Relisez avant de publier
Publier : Cliquez sur Publier lorsque vous êtes prêt
Vérifier : Vérifiez sur le site en direct
Modifier si nécessaire : Apportez rapidement des corrections

Contrôle de version

Toujours garder les sauvegardes :

Avant les modifications majeures : Enregistrez en tant que nouvelle version ou sauvegarde
Archiver l’ancien contenu : Conservez les versions non publiées
Datez vos brouillons : Utilisez un nommage clair : “Page-Draft-2025-01-28”

Publier plusieurs pages

Créer une stratégie de contenu :

Page d'accueil
├── À propos de nous
├── Services
│   ├── Service 1
│   ├── Service 2
│   └── Service 3
├── Blog
│   ├── Article 1
│   ├── Article 2
│   └── Article 3
├── Contact
└── FAQ

Créez des pages pour suivre cette structure.

Étapes suivantes

Après avoir créé votre première page :

Configurez les comptes d’utilisateurs
Installez des modules supplémentaires
Explorez les fonctionnalités administrateur
Configurez les paramètres
Optimisez avec les paramètres de performance

Balises : #content-creation #pages #publishing #editor

Articles connexes :

Admin-Panel-Overview
Managing-Users
Installing-Modules
../Configuration/Basic-Configuration