~ Sur le blog ~
Dans l'article de blog d'aujourd'hui, nous examinons Oxygen WordPress Page Builder. Conçu par Soflyy, cet outil puissant vous aidera à amplifier la conception et le développement de votre site Web.
Titre: Améliorez votre site : découvrez le générateur classique Oxygen pour WordPress
Clause de non-responsabilité: Cet article se concentre sur le Générateur d'oxygène classique, décrivant ses fonctionnalités et ses atouts. Il ne couvre pas Oxygen 6, qui reste en version bêta à mesure que son framework évolue. Un prochain article fournira des informations sur Oxygen 6 une fois finalisé. Dès qu'il sera disponible, nous inclurons un lien ici pour référence.
Bienvenue, chers lecteurs, dans un autre épisode éclairant de notre Créateurs de pages et thèmes série de blogs. Nous vous remercions sincèrement de votre engagement continu tandis que nous explorons les horizons fascinants de la conception et du développement de sites web. Aujourd'hui, nous nous concentrons sur le créateur de pages WordPress Oxygen (Classic). Cet outil puissant a été conçu pour les développeurs et les clients, avec la promesse de révolutionner la façon dont les utilisateurs créent et gèrent leurs sites web.
Conçu par l'équipe innovante de Soflyy, Oxygen Page Builder est sans doute l'un des utilitaires de conception de sites web WordPress les plus performants et centrés sur les développeurs du marché. Ce constructeur de pages basé sur des classes et privilégiant les fondamentaux pour le CMS WordPress est reconnu pour son interface intuitive et ses fonctionnalités performantes, permettant à ses utilisateurs de libérer leur créativité et de créer des sites web époustouflants.
Dans cet article concis, nous examinerons les principales fonctionnalités du constructeur de pages Oxygen classique, soulignant sa polyvalence et son efficacité. Des contrôles de données dynamiques d'Oxygen à l'intégration fluide avec les blocs Gutenberg, le constructeur de pages offre de nombreux outils pour simplifier la création de votre site web.
Rejoignez-nous alors que nous approfondissons les subtilités du générateur de pages Oxygen et présentons une partie de son potentiel pour les concepteurs et développeurs Web.
RemarqueBien qu'accessible aux utilisateurs moins expérimentés, Oxygen excelle particulièrement entre les mains de personnes maîtrisant HTML, CSS et JavaScript. Si ce niveau technique ne vous convient pas, vous pouvez opter pour découvrir le thème convivial Trade pour WordPress, conçu avec le constructeur de pages SiteOrigin, adapté aux débutants.
Garder la fraîcheur :
Conception modulaire avec contrôle total
Au cœur d'Oxygen se trouve sa philosophie de conception modulaire, qui permet aux utilisateurs de créer des mises en page personnalisées avec précision et facilité. Avec une vaste gamme de blocs de construction à votre disposition, la conception du site Web de vos rêves n'a jamais été aussi intuitive. Explorons cette fonctionnalité en action :
Interface glisser-déposer :
- Grâce à l'interface glisser-déposer conviviale d'Oxygen Builder, vous pouvez facilement organiser et personnaliser les éléments pour créer des mises en page visuellement époustouflantes adaptées aux spécifications de votre projet.
Certains des éléments inclus sont:
- Blocs de code: Les développeurs les déploient pour insérer du code personnalisé tel que JavaScript et PHP.
- Témoignages: Cela affiche une image horizontalement ou verticalement avec du texte adjacent.
- Curseurs: Présentez votre contenu dans une disposition standard de type carrousel.
- Fil d'Ariane: L'ajout de cet élément simplifiera la navigation pour vos visiteurs.
- Boîtes de prix: Une simple boîte de prix pré-stylisée et empilée verticalement.
Conception réactive :
- Les points d'arrêt responsives personnalisables et les contrôles complets d'Oxygen garantissent un rendu impeccable sur tous les appareils. Que vous empiliez des lignes verticalement ou masquiez des éléments sur certains appareils, obtenir une réactivité totale est un jeu d'enfant.
En-têtes collants pour un engagement accru :
- Augmentez l'engagement et les conversions des utilisateurs grâce à la fonction d'en-tête collant d'Oxygen. Gardez l'en-tête de votre site Web visible à tout moment lorsque les visiteurs font défiler la page de haut en bas. Personnalisez la conception de votre en-tête collant pour encourager les interactions souhaitées des utilisateurs, comme les achats de produits ou les inscriptions à des services.
Contrôle dynamique des données pour des expériences personnalisées
Les capacités de contrôle dynamique des données d'Oxygen font passer la personnalisation des sites Web à un niveau supérieur. Cette fonctionnalité permet aux utilisateurs de lier des éléments de conception à leur base de données WordPress. Cela signifie que vous pouvez facilement créer des expériences dynamiques et interactives pour les visiteurs de votre site Web. Voici comment cela fonctionne :
Intégration de base de données :
- Intégrez de manière transparente les données de votre base de données WordPress dans vos conceptions, y compris les données de publication, les données utilisateur, les champs personnalisés, etc.
Boucle et logique conditionnelle :
- Utilisez les outils de développement visuel d'Oxygen pour parcourir les publications ou les requêtes personnalisées. Vous pouvez également implémenter une logique conditionnelle pour afficher ou masquer des éléments en fonction de valeurs de données dynamiques.
Assistance du site Web d'adhésion :
- Exploitez les contrôles de données dynamiques d'Oxygen pour personnaliser les sites Web d'adhésion, restreindre l'accès au contenu et personnaliser les expériences utilisateur en fonction des niveaux d'adhésion ou des rôles individuels.
Copie d'éléments dans Oxygen Page Builder : un flux de travail efficace
Saviez-vous? Oxygen Page Builder vous permet de copier facilement des éléments au sein d'un même site, voire entre différents sites. Vous pouvez dupliquer des éléments avec leurs styles et classes grâce aux raccourcis clavier. CMD/CTRL+c et CMD/CTRL+v. De plus, si vous devez transférer des éléments entre différents sites, Oxygen propose une fonctionnalité pratique d'exportation et d'importation. Exportez simplement l'élément souhaité depuis le site source et importez-le sur le site de destination à l'aide des outils intégrés. Cela garantit que les styles et les classes des éléments parents et enfants sont copiés avec précision. Assurez-vous de consultez la documentation d'Oxygen Builder pour plus d'informations.
RemarqueTout ce discours sur les constructeurs vous amène à vous demander s’il existe un moyen simple d’intégrer des outils essentiels de commerce à votre site WordPress? Découvrez comment le plugin Studiocart offre aux entreprises de services une solution simplifiée pour gérer leurs ventes en ligne..
Intégration native des blocs Gutenberg pour un flux de travail fluide
Grâce à l'intégration native des blocs Gutenberg d'Oxygen, exploiter la puissance de l'éditeur WordPress natif n'a jamais été aussi simple. Concevez vos blocs dans Oxygen, utilisez-les dans Gutenberg et laissez votre créativité prendre vie. Voici comment procéder :
Création de blocs Gutenberg :
- Concevez des blocs personnalisés dans Oxygen à l'aide de son interface réflexive et intégrez-les de manière transparente dans l'éditeur Gutenberg.
Gestion centralisée des blocs :
- Modifiez sans effort vos blocs dans Oxygen et voyez ces modifications automatiquement reflétées dans toutes les instances de blocs, garantissant ainsi la cohérence de la conception et l'efficacité du temps.
Style de couleurs global pour une unité sur votre site Web
L'uniformité est l'une des clés d'une conception Web efficace. La fonction de stylisation des couleurs globales d'Oxygen garantit que les sites Web conservent une apparence et une convivialité cohérentes. Voici comment cela fonctionne :
Palette de couleurs centralisée :
- Modifiez la palette de couleurs de votre projet à partir d'un emplacement central, garantissant ainsi la cohérence sur l'ensemble de votre site Web.
Utilisation globale des couleurs :
- Désignez facilement n'importe quelle couleur comme globale, vous permettant de l'utiliser sur votre site Web en un clic.
La bibliothèque de conception Oxygen : votre passerelle vers des conceptions époustouflantes
Avec ses nombreux blocs et ensembles de designs prédéfinis, la bibliothèque de design Oxygen offre des possibilités infinies pour créer des sites web visuellement captivants. Voici ce qu'elle propose :
Dispositions pré-construites :
- Choisissez parmi une multitude de blocs et d'ensembles de designs pré-conçus, tous soigneusement conçus pour s'adapter à tous les formats d'écran. Ces ensembles sont essentiellement les blocs et les motifs, composés ou déconstruits (selon votre point de vue), des ensembles de design de base. Une fois que vous avez trouvé le modèle qui vous convient, importez et personnalisez facilement les modèles de composants pour les harmoniser avec l'identité de votre marque, en modifiant le texte, les images et les styles selon vos besoins.
Parmi les 15+ ensembles, certaines options incluent:
- Atomic:Un design élégant et convivial, c'est le thème appliqué lors de la sélection de l'installation par défaut lors de la configuration.
- Freelance:Encore une fois, un look et une sensation propres et minimalistes, parfaits pour les développeurs indépendants.
- Hosting: Offre multipage, ce site plus traditionnel est une rampe de lancement idéale pour les entreprises numériques.
- One Page: Vif et visuellement attrayant, ce parchemin unique est excellent pour les pages de destination.
Bibliothèque d'éléments composites : améliorez votre conception
La bibliothèque d'éléments composites d'Oxygen propose une multitude d'éléments prédéfinis pour améliorer la fonctionnalité et l'esthétique de votre site web. Bien que cette liste ne soit pas exhaustive, voici un aperçu de ce à quoi vous pouvez vous attendre :
Éléments composés de l'oxygène :
- Curseur dynamique: Présentez le contenu dynamique comme des publications via l'utilisateur de répéteurs.
- Diviseur horizontal:Simples mais efficaces, ces disjoncteurs visuels aident à signaler les segments de contenu.
- Retour en haut:Ces boutons aident les visiteurs à faire défiler vers le haut après avoir fait défiler verticalement.
- Liste des icônes:Créez rapidement des icônes avec du texte formaté pour mettre en évidence les points d'intérêt.
- Accordéon:Toujours populaires, ces excellents économiseurs d'espace sont un incontournable du design.
- Méga menu: Présentez le contenu dynamique comme des publications via l'utilisateur de répéteurs.
Les composites sont conçus avec les éléments de base et les blocs de code d'Oxygen, permettant aux utilisateurs une personnalisation transparente en fonction de leurs besoins spécifiques.
Créer des souvenirs de mariage et agrandir les familles :
Un exemple concret de générateur d'oxygène
Pour illustrer la polyvalence pratique de Classic Oxygen Builder, considérons un projet réel : un microsite sur le thème du mariage pour un client qui doit gérer les étapes importantes de sa vie.
Le projet impliquait une vieille connaissance disposant d'un budget limité. Le site web devait initialement être centré sur leur mariage, mais il a rapidement pris une dimension secondaire lorsque le couple a annoncé qu'il attendait un autre enfant. La flexibilité d'Oxygen a permis des ajustements rapides et fluides.
Modifications du menu personnalisé et de la navigation
L'ensemble de design Wedding Oxygen a été adapté pour répondre aux besoins du couple :
- « Notre mariage » et Liste de souhaits sont restés comme sections originales.
- « Liste des invités » a été changé en Notre famille, en se concentrant uniquement sur la famille immédiate pour simplifier le projet.
- « Photos » est devenue Médias, permettant à la galerie d'images et aux listes de lecture vidéo de coexister en douceur.
Ajustements de page et de contenu
- Notre page de mariage : Customized the event timeline and embedded a Google Maps element for the venue.
- Notre page famille : Présentation d'un petit arbre généalogique comprenant les parents, les frères et sœurs et les enfants.
- Page Média : J'ai utilisé la disposition de la grille existante pour présenter les photos, puis je l'ai mise à jour après le mariage avec des images et des vidéos de la cérémonie.
- Page de liste de souhaits : Produits affichés avec des liens vers les registres Amazon et Babies 'R' Us, en les regroupant sous des titres clairs avec des images liées.
Le projet a duré environ une semaine, le retard le plus important étant dû aux photos de la famille élargie et aux montages vidéo. Grâce à la préparation des clients, le contenu textuel et la plupart des images ont été prêts rapidement ; la construction s'est déroulée sans accroc. Les améliorations mineures, comme l'ajout d'en-têtes et de séparateurs visuels subtils sur la page « Liste de souhaits », ont été gérées efficacement grâce aux fonctions copier-coller d'Oxygen.
Ce cas d'utilisation met en évidence comment Classic Oxygen Builder permet même aux projets modestes d'offrir une expérience utilisateur soignée et personnelle avec un minimum de tracas.
Le constructeur de pages Oxygen pour WordPress offre aux développeurs des fonctionnalités puissantes et une intégration fluide avec Gutenberg. Apprendre à utiliser cet outil peut accélérer la conception et le développement de votre site web.
Défis courants à garder à l'esprit
Bien que Classic Oxygen Builder reste un outil fiable pour de nombreux professionnels du web, quelques problèmes connus méritent d'être signalés. Identifier ces difficultés dès le début peut contribuer à optimiser les délais des projets et à éviter des dépannages inutiles.
Problèmes notables rencontrés
- Affichage du modèle vierge : Parfois causé par des CSS mis en cache interférant avec des images basées sur des URL.
- Erreur cURL lors du chargement du site : Lié à des valeurs WP_HOME ou WP_SITEURL mal définies lors d'un téléchargement manuel de fichier de configuration.
- Panne de Google Maps : Déclenché par des identifiants API manquants ou incorrects. Résolu en utilisant une intégration iframe plutôt qu'un plugin dédié.
Considérations de compatibilité
- Oxygen Builder entre parfois en conflit avec des plugins orientés pare-feu (par exemple, Sucuri) autour des chemins d'API bloqués.
- Des conflits d'hébergement peuvent survenir. Les utilisateurs de fournisseurs comme Bluehost ou Hostinger doivent être conscients que des procédures de « liste blanche » ou d'autres procédures de « liste blanche » peuvent être nécessaires.
Bien qu'il ne s'agisse pas d'un problème de compatibilité, j'ai trouvé frustrant de revenir au tableau de bord WordPress depuis l'éditeur Oxygen. L'éditeur redirige les utilisateurs vers la vue de l'éditeur Gutenberg, nécessitant un clic supplémentaire pour accéder au tableau de bord principal.
Ces difficultés sont gérables, mais nécessitent une attention proactive pour minimiser les perturbations pendant la construction. Dans ce contexte, nous vous recommandons de consulter le site web du constructeur pour obtenir une liste plus complète des problèmes connus.
RESTEZ À L'ÉCOUTE DE NOS DERNIÈRES PUBLICATIONS
Vous avez aimé la lecture ? Abonnez-vous et recevez une notification dès la parution des articles
Merci d'avoir pris le temps de lire jusqu'ici. Si vous avez apprécié nos manigances jusqu'ici, pourquoi ne pas vous abonner pour être averti lorsque notre prochain article sera publié ?
Attention ! En vous abonnant, vous acceptez d'être averti par e-mail de la publication d'un nouvel article. Dans le cadre de nos activités, nos envois peuvent inclure des offres de tiers. Pour plus d'informations, n'hésitez pas à consulter notre Politique de confidentialité.
~ Plus sur le blog ~
Découvrez comment les déclencheurs de vente, les configurations de paiement flexibles et les pages de marque de Studiocart vous aident à créer des processus de paiement WordPress transparents pour de meilleures conversions.
Découvrez certaines des meilleures plateformes d'images gratuites et apprenez à ajouter des visuels directement sur WordPress avec le plugin Instant Images.
Le balisage schema aide les moteurs de recherche à interpréter votre contenu, améliorant ainsi la visibilité grâce aux extraits enrichis et favorisant l'engagement pour une meilleure interaction utilisateur.
Découvrez comment les déclencheurs de vente, les configurations de paiement flexibles et les pages de marque de Studiocart vous aident à créer des processus de paiement WordPress transparents pour de meilleures conversions.
Découvrez certaines des meilleures plateformes d'images gratuites et apprenez à ajouter des visuels directement sur WordPress avec le plugin Instant Images.
Clause de non-responsabilité:
Le contenu de ce site Web est fourni à titre informatif uniquement et reflète des opinions personnelles basées sur l'expérience. Il ne constitue pas un conseil professionnel et nous ne garantissons pas les résultats spécifiques de l'utilisation des outils ou des stratégies présentés. Bien que nous nous efforcions d'être précis dans nos écrits, les lecteurs doivent comprendre que ces articles représentent un instantané dans le temps : les extensions sont mis à jour, les outils évoluent et les fonctionnalités peuvent changer. Nous encourageons les lecteurs à vérifier les informations de manière indépendante avant leur mise en œuvre.
Veuillez noter:
Notre politique est d'éviter d'afficher des publicités d'affiliation sur les pages publiques de ce site web. Cependant, des publicités d'affiliation et des offres spéciales de nos partenaires peuvent être disponibles sur des pages dédiées du portail client. Bien que certains liens vers ces sites puissent générer des commissions, cela n'influence en rien notre contenu ni nos recommandations. Notre objectif est de partager notre expertise WordPress acquise au fil des années, sans affiliations externes.
Si vous remarquez un contenu qui nécessite une mise à jour, veuillez nous en informer et nous réglerons le problème rapidement. Pour plus de détails, veuillez consulter notre conditions d'utilisation.
SOFTWORKS INTERACTIVE
TOUS DROITS RÉSERVÉS