Visiter DXPR Builder et choisir votre installation.

Apprendre DXPR BuilderCommencer iciCréer votre première page

Faites un court tour de DXPR Builder et voyez où DXPR Theme s’insère. Vous ouvrez le sélecteur d’éléments, construisez une section stylée et la prévisualisez. Le reste de cette page montre ce que chaque produit ajoute, pour choisir entre le constructeur seul, le constructeur avec DXPR Theme, ou DXPR CMS avec les deux.

La vidéo visite DXPR Builder sur une page nouvelle et vide et construit une section.

Visiter l’éditeur

Partez d’une page enregistrée et vide d’un type de contenu qui montre le constructeur.

  1. Cliquez sur Ajouter des éléments pour ouvrir le sélecteur d’éléments.
  2. Parcourez ses onglets : Content, Drupal Blocks, Drupal Views, Saved templates et Layout.
  3. Choisissez Section dans l’onglet Mise en page.
  4. Survolez la section, ouvrez Plus, choisissez Paramètres et choisissez un Background dans le panneau Style.
  5. Cliquez sur + sur la section pour ajouter une Row, puis ajoutez un Bouton et du Texte à ses colonnes. Choisissez une Font color pour le texte dans son panneau Style.
  6. Cliquez sur Enregistrer sur la barre d’outils, puis ouvrez le menu d’affichage et choisissez Aperçu.

Ce que vous voyez

Dans l’Aperçu, une section gris clair montre deux colonnes. Celle de gauche contient un titre, une ligne de texte et un bouton Learn more ; celle de droite contient un titre violet et son texte. L’aperçu masque les barres de contrôle et les boutons plus, vous voyez donc la page comme les visiteurs la verront.

Ce que chaque produit ajoute

DXPR Builder est le module Drupal que vous venez de visiter. Il marche avec tout thème et ajoute :

  • 22 éléments de contenu et 6 éléments de mise en page
  • La modification sur la page elle-même, avec un aperçu
  • Texte IA, création de pages et images IA, avec les modules IA installés
  • Modèles de pages et modèles d’utilisateur réutilisables
  • Profils d’utilisateurs qui définissent ce que chaque rôle peut utiliser
  • Blocs et vues Drupal dans vos mises en page

DXPR Theme est un thème Bootstrap 5 de DXPR. Il ajoute des réglages pour les couleurs, les polices, l’en-tête et la mise en page, et il s’adapte aux téléphones et tablettes. Il n’a besoin d’aucune clé produit propre.

DXPR Builder avec un autre thème DXPR Builder avec DXPR Theme
Bootstrap 5 Depuis votre thème, ou Sideload Bootstrap files réglé sur Bootstrap 5 Fourni par le thème
Nuanciers dans le constructeur La palette de votre thème, s’il en définit une La palette de couleurs DXPR Theme
Défilement fluide sous un en-tête fixe Réglez Scroll offset selector sur votre en-tête Marche à l’installation
Clé produit Requise Requise pour DXPR Builder uniquement

Les deux réglages sont sur la page General Settings de DXPR Builder, sous Bootstrap et Advanced Settings.

Page des paramètres généraux de DXPR Builder montrant les options de configuration de l’éditeur

Choisir votre installation

Je veux… Utiliser Requiert
démarrer un nouveau site avec tout configuré DXPR CMS Un nouveau site Drupal 11
ajouter la construction visuelle de pages à un site que j’exploite déjà DXPR Builder seul Bootstrap 5 depuis le thème ou le réglage sideload
accorder le constructeur à un thème sur mesure DXPR Builder plus Theming Un développeur

Les marketeurs de contenu qui partent de zéro tirent le plus de DXPR CMS : les deux produits et les pages de démo arrivent prêts à l’emploi. Les webmestres avec un site existant ajoutent DXPR Builder et gardent leur thème.

Si le sélecteur d’éléments ne s’affiche pas

  • La page vide montre « Choose a template » mais aucun bouton Add Elements. Enable page creation assistant est désactivé à /admin/dxpr_studio/dxpr_builder/ai_settings. Cliquez sur + sur la barre d’outils du constructeur pour ouvrir plutôt le sélecteur.
  • Boutons et colonnes semblent sans style. Votre thème ne charge pas Bootstrap 5. Réglez Sideload Bootstrap files sur Bootstrap 5 sous Bootstrap à /admin/dxpr_studio/dxpr_builder/settings.
  • Le sélecteur de couleur ne montre aucun nuancier. Votre thème ne définit aucune palette de couleurs. Choisissez la couleur dans le sélecteur lui-même, ou utilisez un thème avec une palette, comme DXPR Theme.

Et ensuite ?