En juin 2017, nous avons examiné le nouveau générateur de site de visualisation de WordPress, Oxygen. Camp;rsquoest de lamp;rsquooxygène 1,0. Maintenant, lamp;rsquoé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 aide à construire l’ensemble du site WordPress en utilisant un éditeur visuel. Mais contrairement à la plupart des autres constructeurs de thème que rencontrerez, Oxygen remplace complètement votre thème. Vous n’entrez pas seulement un en tête ou un pied de page: construisez l’ensemble du site WordPress. Quelque chose de très puissant! 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 donner une observation pratique pour voir comment tout fonctionne.
Oxygène 2.0 examen: Quelles sont les nouvelles fonctionnalités de 2.0? Il namp;rsquoest 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 lamp;rsquoalignement 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 damp;rsquoun projet pour ajuster lamp;rsquoespacement et la taille, ce qui est très pratique. Édition visuelle glisser déposer: oxygène 2.0 ajoute lamp;rsquoédition glisser déposer au mélange! Vous pouvez maintenant faire glisser le projet dans lamp;rsquoaperçu visuel ou manipuler lamp;rsquoarbre Dom. Modèles puissants: le système de modèles Oxygen 2.0 permet de créer des modèles pour les fichiers de blog, les singles, etc. De plus, pouvez faire hériter un modèle damp;rsquoun 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 lamp;rsquoéditeur intégré, il est facile damp;rsquoajouter des CSS personnalisés, y compris lamp;rsquooption damp;rsquoajouter des CSS personnalisés pour différents points damp;rsquoarrêt de requête médias. À mon avis, ce sont des points saillants, mais ce namp;rsquoest 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 convient pas si 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: utilisez WordPress de temps en temps, alors Oxygen n’est pas conçu pour (ni pour ), et je pense que c’est toujours logique. Mais Oxygen 2.0 semble également plus approprié pour les débutants en raison de lamp;rsquoajout de fonctionnalités telles que lamp;rsquoé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, pouvez toujours utiliser le générateur de page avec Oxygen 2.0. Pratiquez avec oxy2.0: Explorez lamp;rsquointerface OK, donc il y a beaucoup damp;rsquointroduction. Maintenant, regardons lamp;rsquointerface 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 samp;rsquoapplique à un contenu spécifique sur un site. Par exemple, pourriez avoir un modèle à appliquer à un message. Une autre attente sur la page. Mais lamp;rsquooxygène 2.0 donne beaucoup de détails. Q
Uindi 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, 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. Lamp;rsquoarticle se poursuit comme suit: En fait, pouvez faire en sorte que le modèle hérite damp;rsquoautres modèles: Camp;rsquoest pourquoi il est utile: Vous pouvez créer un modèle pour lamp;rsquoen tête et le pied de page et créer un substituant pour le contenu. Par conséquent, pouvez créer différents modèles pour différents contenus sans avoir à refaire lamp;rsquoen tête pied de page pour chaque contenu (parce que chaque modèle de contenu hérite damp;rsquoun modèle damp;rsquoen 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, avez vu Oxygen 2.0 Visual Builder ci dessus. Mais regardons de plus près un modèle vide. Lorsque cliquez sur le bouton + add en haut à gauche, 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: 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: permet de sélectionner à partir de lamp;rsquoensemble 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 damp;rsquoautres plug ins dans votre projet, tels que les produits woocommerce ou les formulaires de contact.
Article en cours
En bas. Lorsque ajoutez un nouveau projet, la barre latérale change pour permettre de modéliser le projet. Vous avez beaucoup de contrôle sur votre style. les options intégrées ne sont pas suffisantes, 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 à lamp;rsquoéditeur complet insérer des données dynamiques lamp;rsquooxygène une autre zone qui diffère du générateur de page standard est à quel point il est facile damp;rsquoimporter 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 lamp;rsquoarticle caractéristiques de lamp;rsquoimage contenu de lamp;rsquoarticle auteur de lamp;rsquoarticle, etc. Chaque fois que importez des données dynamiques, pouvez utiliser le menu déroulant aperçu pour sélectionner un contenu spécifique à prévisualiser. Par exemple, voici lamp;rsquoapparence du post Hello World par défaut après lamp;rsquoajout de certains éléments de données dynamiques: Mais en plus de ces choses
En plus damp;rsquoutiliser le Widget de données dynamiques par défaut, pouvez saisir des données dynamiques en cliquant sur le bouton Insérer des données lors de lamp;rsquoédition damp;rsquoautres éléments, tels que le texte ou le titre, comme suit: Comme je lamp;rsquoai dit au début, lamp;rsquoun des domaines dans lesquels Oxygen 2.0 excelle vraiment est ses options de mise en page. Lorsque modifiez une section, 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 quamp;rsquoil y ait aussi des éléments de colonnes si nécessaire) et sans définir lamp;rsquoalignement pour chaque élément enfant. Au lieu de cela, pouvez contrôler tout au niveau de la section si le souhaitez. En plus de cela, jamp;rsquoai trouvé une autre chose vraiment utile est lamp;rsquoespacement qui peut être traîné. Par exemple, supposons que ayez deux éléments comme suit et que vouliez ajouter un espace entre eux: Vous namp;rsquoavez pas besoin damp;rsquoapprofondir 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 lamp;rsquoespacement: Très pratique! Enfin, si préférez lamp;rsquoarbre Dom dans Oxygen 1.0, 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: Quamp;rsquoest ce que lamp;rsquooxygène 2.0? Actuellement, Oxygen 2.0 maintient la même structure de prix attrayante quamp;rsquoOxygen 1.0: pour 99 $, pouvez utiliser Oxygen 2.0 sur un site illimité, y compris le site client. Mais camp;rsquoest la raison pour laquelle cet accord est vraiment intéressant Ce montant de 99 $ permettra également damp;rsquoobtenir un renouvellement à vie et un soutien à vie. Par conséquent, il faut 99 $pour créer un site Web illimité pour 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 damp;rsquoaccessibilité, en particulier pour les non développeurs. Lamp;rsquoajout damp;rsquoune édition glisser déposer facilite le déplacement des éléments, et les options de mise en page sont maintenant très intuitives. Jamp;rsquoai aussi découvert que le nouveau système modèle est plus intuitif que la façon dont lamp;rsquooxygè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 jamp;rsquoaime 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 êtes intéressé à créer un thème WordPress entier en utilisant le design visuel, essayez Oxygen 2.0. Obtenir de lamp;rsquooxygène 2,0
Oxygen 2.0 commentaires: le constructeur de site de visualisation pour WordPress
