Oxygen 2.0 commentaires: le constructeur de site de visualisation pour WordPress

En juin 2017, nous avons examiné le nouveau générateur de site de visualisation de WordPress, Oxygen. C’est de l’oxygène 1,0. Maintenant, l’équipe de soflyy (qui soutient également WP all Import et WP Sandbox) est de retour avec une mise à jour majeure: Oxygen 2.0. Comme 1.0, Oxygen 2.0 vous aide à construire l’ensemble du site WordPress en utilisant un éditeur visuel. Mais contrairement à la plupart des autres constructeurs de thème que vous rencontrerez, Oxygen remplace complètement votre thème. Vous n’entrez pas seulement un en – tête ou un pied de page: vous construisez l’ensemble du site WordPress. Quelque chose de très puissant! Si cela a attiré votre attention, continuez à lire mes commentaires sur Oxygen 2.0 pour un aperçu rapide de certaines des plus grandes nouvelles fonctionnalités. Donc, je vais vous donner une observation pratique pour voir comment tout fonctionne.
Oxygène 2.0 examen: Quelles sont les nouvelles fonctionnalités de 2.0? Il n’est pas possible de couvrir toutes les fonctionnalités, mais permettez – moi de souligner rapidement quelques – unes des fonctionnalités les plus importantes fournies par oxy2.0: contrôles de mise en page puissants: basés sur flexbox, les contrôles de mise en page oxy2.0 sont très faciles à utiliser. Vous pouvez rapidement créer des mises en page horizontales et verticales pour compléter l’alignement de tous les éléments enfants sans utiliser de colonnes (ce qui est pratiquement nécessaire pour chaque constructeur de page). Vous pouvez aussi simplement faire glisser les côtés d’un projet pour ajuster l’espacement et la taille, ce qui est très pratique. Édition visuelle glisser – déposer: oxygène 2.0 ajoute l’édition glisser – déposer au mélange! Vous pouvez maintenant faire glisser le projet dans l’aperçu visuel ou manipuler l’arbre Dom. Modèles puissants: le système de modèles Oxygen 2.0 vous permet de créer des modèles pour les fichiers de blog, les singles, etc. De plus, vous pouvez faire hériter un modèle d’un autre modèle. Je vais expliquer dans la section pratique comment cela peut réellement aider! Contrôle CSS complet: Vous pouvez facilement appliquer C
Appliquer CSS à plusieurs éléments pour faciliter les mises à jour futures. En raison de l’éditeur intégré, il est facile d’ajouter des CSS personnalisés, y compris l’option d’ajouter des CSS personnalisés pour différents points d’arrêt de requête médias. À mon avis, ce sont des points saillants, mais ce n’est certainement pas une liste complète de fonctionnalités. Vous en verrez plus dans la section pratique.
Qui a été créé pour aider Oxygen 2.0? Oxygen ne vous convient pas si vous voulez juste créer des pages stylisées pour un thème existant. Oxygen est conçu pour ceux qui veulent construire leur propre site Web entier, pas seulement quelques pages ici et là. Dans mon commentaire sur Oxygen 1.0, j’ai écrit: Si vous utilisez WordPress de temps en temps, alors Oxygen n’est pas conçu pour vous (ni pour vous), et je pense que c’est toujours logique. Mais Oxygen 2.0 semble également plus approprié pour les débutants en raison de l’ajout de fonctionnalités telles que l’édition glisser – déposer
Cet article continue avec le système modèle et peut encore sembler irrésistible pour les utilisateurs occasionnels. Mais je pense que n’importe qui a une connaissance de base de l’appariement des thèmes WordPress (par exemple, en – tête, contenu, pied de page, menus, etc.) Il ne devrait pas y avoir de problème à créer un site Web en utilisant Oxygen 2.0. De plus, comme Oxygen 1.0, vous pouvez toujours utiliser le générateur de page avec Oxygen 2.0. Pratiquez avec oxy2.0: Explorez l’interface OK, donc il y a beaucoup d’introduction. Maintenant, regardons l’interface oxygène 2.0. Oxygen 2.0 Template System est plus détaillé que le générateur de page WordPress normal.
Fondamentalement, un modèle est une mise en page qui s’applique à un contenu spécifique sur un site. Par exemple, vous pourriez avoir un modèle à appliquer à un message. Une autre attente sur la page. Mais l’oxygène 2.0 vous donne beaucoup de détails. Q
Uindi vous pouvez le faire: appliquer le modèle a à tous les messages appliquer le modèle B à tous les messages dans la catégorie de photographie, mais dans ce cas, les messages dans la catégorie de photographie seront conformes aux critères des modèles a et B. que se passe – t – il alors? Ensuite, vous pouvez utiliser la priorité du modèle pour spécifier quel modèle doit être appliqué dans ce scénario:
Il y a donc une partie intéressante sur le modèle… Mais ça devient plus intéressant. L’article se poursuit comme suit: En fait, vous pouvez faire en sorte que le modèle hérite d’autres modèles: C’est pourquoi il est utile: Vous pouvez créer un modèle pour l’en – tête et le pied de page et créer un substituant pour le contenu. Par conséquent, vous pouvez créer différents modèles pour différents contenus sans avoir à refaire l’en – tête \/ pied de page pour chaque contenu (parce que chaque modèle de contenu hérite d’un modèle d’en – tête \/ pied de page). Voici un exemple de ce qui se passe: Quelque chose de très flexible!
Avec Oxygen 2.0 Visual Builder OK, vous avez vu Oxygen 2.0 Visual Builder ci – dessus. Mais regardons de plus près un modèle vide. Lorsque vous cliquez sur le bouton + add en haut à gauche, vous pouvez ajouter des éléments de conception de cinq catégories différentes: Basic: Basic, such as section, title, Text, image, button, etc. Assistant: éléments plus avancés tels que le générateur de titre, la boîte de prix, le curseur, etc. WordPress: vous permet d’insérer dynamiquement du contenu WordPress, comme des menus, des barres latérales, des titres de messages, du contenu de messages, etc. Bibliothèques: vous permet de sélectionner à partir de l’ensemble de conception par défaut. Ils ressemblent essentiellement à des modèles préfabriqués. Réutilisable: Vous pouvez enregistrer les éléments en tant que parties réutilisables et les réutiliser à partir de cet onglet. Vous pouvez également inclure la sortie d’autres plug – ins dans votre projet, tels que les produits woocommerce ou les formulaires de contact.
Article en cours
En bas. Lorsque vous ajoutez un nouveau projet, la barre latérale change pour vous permettre de modéliser le projet. Vous avez beaucoup de contrôle sur votre style. Si les options intégrées ne sont pas suffisantes, vous pouvez ajouter vos propres styles ou sélecteurs CSS personnalisés à tout moment, y compris un menu déroulant simple pour orienter les styles CSS vers un appareil particulier: 1 – sélectionnez le périphérique 2 – sélectionnez le sélecteur CSS 3 – ajoutez le style css directement à l’éditeur complet insérer des données dynamiques l’oxygène une autre zone qui diffère du générateur de page standard est à quel point il est facile d’importer des données dynamiques. Ce que l’on appelle les « données dynamiques», c’est simplement votre contenu WordPress. Par exemple, les données dynamiques peuvent être:
Titre de l’article caractéristiques de l’image contenu de l’article auteur de l’article, etc. Chaque fois que vous importez des données dynamiques, vous pouvez utiliser le menu déroulant aperçu pour sélectionner un contenu spécifique à prévisualiser. Par exemple, voici l’apparence du post Hello World par défaut après l’ajout de certains éléments de données dynamiques: Mais en plus de ces choses \
En plus d’utiliser le Widget de données dynamiques par défaut, vous pouvez saisir des données dynamiques en cliquant sur le bouton Insérer des données lors de l’édition d’autres éléments, tels que le texte ou le titre, comme suit: Comme je l’ai dit au début, l’un des domaines dans lesquels Oxygen 2.0 excelle vraiment est ses options de mise en page. Lorsque vous modifiez une section, vous pouvez sélectionner une disposition et un alignement pour toutes les sous – entités dans les plages suivantes: Il y a deux approches principales
Cette approche est supérieure aux fenêtres de la plupart des autres générateurs de page:
Vous pouvez créer une disposition horizontale sans colonnes (bien qu’il y ait aussi des éléments de colonnes si nécessaire) et sans définir l’alignement pour chaque élément enfant. Au lieu de cela, vous pouvez contrôler tout au niveau de la section si vous le souhaitez. En plus de cela, j’ai trouvé une autre chose vraiment utile est l’espacement qui peut être traîné. Par exemple, supposons que vous ayez deux éléments comme suit et que vous vouliez ajouter un espace entre eux: Vous n’avez pas besoin d’approfondir les contrôles de marge \/ espacement comme dans la plupart des générateurs de page, il suffit de cliquer et de faire glisser pour créer l’espacement: Très pratique! Enfin, si vous préférez l’arbre Dom dans Oxygen 1.0, vous pouvez toujours y accéder dans Oxygen 2.0: Vous pouvez également gérer globalement les feuilles de style et les sélecteurs CSS en cliquant sur le menu déroulant Administration: Qu’est – ce que l’oxygène 2.0? Actuellement, Oxygen 2.0 maintient la même structure de prix attrayante qu’Oxygen 1.0: pour 99 $, vous pouvez utiliser Oxygen 2.0 sur un site illimité, y compris le site client. Mais c’est la raison pour laquelle cet accord est vraiment intéressant… Ce montant de 99 $vous permettra également d’obtenir un renouvellement à vie et un soutien à vie. Par conséquent, il faut 99 $pour créer un site Web illimité pour vous et vos clients tout au long de leur vie, au moins pendant la période de tarification promotionnelle. Considérations finales sur Oxygen 2.0 je pense que Oxygen 2.0 a fait un grand pas en avant en termes de disponibilité et d’accessibilité, en particulier pour les non – développeurs. L’ajout d’une édition glisser – déposer facilite le déplacement des éléments, et les options de mise en page sont maintenant très intuitives. J’ai aussi découvert que le nouveau système modèle est plus intuitif que la façon dont l’oxygène 1.0 le gère. De plus, je ne me souviens pas si Oxygen 1.0 supporte les modèles génétiques, mais j’aime beaucoup cette approche intéressante
Oxygène 2,0. Les prix sont maintenant très attrayants et il y a une garantie de remboursement de 30 jours. Donc, si vous êtes intéressé à créer un thème WordPress entier en utilisant le design visuel, essayez Oxygen 2.0. Obtenir de l’oxygène 2,0