SiteOrigin Page Builder Review: Le meilleur plugin gratuit pour WordPress Page Builder?

Offres WordPress


Le SiteOrigin Page Builder est l’un des plugins d’éditeur de contenu gratuit les plus populaires disponibles pour WordPress. Mais avec autant d’excellents constructeurs de pages premium sur le marché, un plugin gratuit tel que SiteOrigin Page Builder peut-il être une alternative réaliste ou échouera-t-il?

À la fin de cette revue, vous serez en mesure de voir par vous-même si économiser votre argent et utiliser un plugin gratuit est une option viable, ou si un manque de fonctionnalités rend l’achat d’un outil premium une nécessité.

À propos de SiteOrigin Page Builder

Le plugin SiteOrigin Page Builder

Page Builder by SiteOrigin (téléchargeable à partir du référentiel WordPress officiel ici a été créé pour vous aider à produire des conceptions personnalisées pour le contenu de votre site Web WordPress. De vous aider à créer une mise en page de page d’accueil unique à proposer des conceptions avancées pour vos pages À propos et Contact, et vous aider pour publier des articles de blog plus attrayants, ce plugin met à niveau l’éditeur WordPress standard pour étendre vos options de création.

L'interface utilisateur de SiteOrigin Page Builder

L’interface utilisateur principale de Page Builder by SiteOrigin.

Le plugin vous permet de créer des mises en page réactives personnalisées basées sur une grille via son interface glisser-déposer, et vous pouvez ensuite insérer une gamme de modules de contenu dans vos mises en page personnalisées pour créer des pages riches en fonctionnalités.

Interface utilisateur frontale de Live Editor

Le front-end Live Editor SiteOrigin Page Builder mode.

Si vous êtes à la recherche d’inspiration de conception ou si vous manquez de temps, SiteOrigin Page Builder comprend également une sélection de mises en page prédéfinies modifiables.

Présentations de page SiteOrigin Page Builder

Les mises en page SiteOrigin Page Builder sont toutes modifiables.

Nous explorerons ensuite l’interface utilisateur et la sélection des modules de contenu, mais si vous avez toujours voulu plus de contrôle sur l’apparence des publications et des pages sur votre site WordPress, cela pourrait être le plugin pour vous.

Meilleures fonctionnalités de SiteOrigin Page Builder

L’interface utilisateur, la sélection de modules de contenu et de widgets et les mises en page prédéfinies sont les trois principaux composants d’un plugin WordPress Builder.

Nous allons examiner ces aspects de ce plugin, ainsi que quelques fonctionnalités supplémentaires pour vous aider à décider si cet outil gratuit est la bonne option pour votre projet.

Interface de création de page par glisser-déposer SiteOrigin

Lorsque vous activez le plugin, un onglet supplémentaire est ajouté à l’éditeur WordPress. Lorsque vous cliquez dessus, il lance l’interface SiteOrigin Page Builder.

Boutons de l'éditeur de générateur de page

Cliquer sur l’onglet Page Builder fait basculer l’éditeur WordPress vers SiteOrigin Page Builder.

Une fois l’interface de Page Builder chargée, vous pouvez commencer par ajouter un widget, une ligne ou une mise en page prédéfinie à votre page.

Options de démarrage de SiteOrigin Page Builder

L’interface back-end SiteOrigin Page Builder.

Création de grilles de disposition avec des lignes et des colonnes

Les lignes sont le fondement de la mise en page du générateur de page, et chaque ligne que vous ajoutez à votre page peut être divisée en plusieurs colonnes. En ajoutant plusieurs lignes à votre mise en page – chacune avec ses propres colonnes – vous pouvez commencer à créer des conceptions de page avancées en quelques clics.

Générateur de lignes

SiteOrigin Page Builder vous donne un contrôle précis sur vos mises en page basées sur la grille grâce à l’utilisation de lignes et de colonnes.

Après avoir cliqué sur le bouton Ajouter une ligne, vous pouvez définir la structure de vos lignes et colonnes. L’interface glisser-déposer permet de modifier facilement la largeur des lignes, mais si vous cherchez de l’aide pour créer une mise en page esthétique ou si vous souhaitez simplement gagner du temps, vous pouvez choisir dans la colonne prédéfinie ratios.

Créer une disposition de colonne personnalisée

Les ratios prédéfinis facilitent la création rapide d’une disposition de colonnes adaptée à votre page.

En plus de définir le nombre de colonnes dans la ligne, vous pouvez également personnaliser l’apparence de la ligne et des cellules individuelles. La modification de l’affichage d’arrière-plan, y compris la commutation des couleurs ou des images, est gérée par le panneau Styles de ligne. Vous pouvez également ajouter des marges et un remplissage personnalisés et saisir n’importe quel CSS personnalisé pour un contrôle encore plus important de votre conception..

Personnalisez les styles de ligne

SiteOrigin Page Builder vous donne un contrôle total sur l’apparence de vos lignes et de leurs colonnes.

Une fois que vous êtes satisfait de la ligne et de ses colonnes, vous pouvez l’ajouter à votre page pour continuer à créer votre mise en page personnalisée. Parce que vous pouvez ajouter autant de lignes que vous le souhaitez à votre page, vous pouvez créer des mises en page très avancées avec SiteOrigin Page Builder.

Exemple de disposition personnalisée SiteOrigin Page Builder

Les dispositions de lignes et de colonnes personnalisées peuvent être réorganisées via l’interface de glisser-déposer.

Ajout de widgets à votre mise en page personnalisée

Les widgets sont des blocs de contenu utilisés pour ajouter des éléments utiles à vos pages, tels que des boutons, des cartes et des curseurs. Mais avant de couvrir les options du widget, voyons comment elles sont ajoutées aux mises en page..

Widgets SiteOrigin Page Builder

Certains widgets ou blocs de contenu que vous pouvez ajouter à vos mises en page avec SiteOrigin Page Builder.

Sélectionnez simplement une cellule de ligne ou de colonne et appuyez sur le bouton Ajouter un widget, et vous pouvez choisir l’élément à ajouter à votre mise en page.

Ajouter un widget à la page

Les widgets SiteOrigin Page Builder peuvent être largement personnalisés.

Une fois un widget ajouté, vous pouvez cliquer dessus pour commencer à personnaliser son apparence et son fonctionnement.

SiteOrigin Page Builder Live Editor Mode

En plus de travailler dans l’éditeur principal, vous pouvez également passer en mode «Éditeur en direct» pour voir à quoi ressemblera votre page lorsqu’elle sera publiée..

Vue frontale de Live Editor

Le mode Live View facilite la prévisualisation de votre travail, et vous pouvez également apporter des modifications via le panneau latéral, mais il n’est pas aussi interactif que celui de certains des créateurs de pages premium.

Si vous souhaitez apporter des modifications à votre page lorsque vous travaillez en mode frontal de l’éditeur en direct, plutôt que de vous permettre d’interagir directement avec le contenu, le plug-in affiche une fenêtre contextuelle contenant les contrôles.

Panneaux d'options de l'éditeur en direct

Si vous souhaitez apporter des modifications à la conception de votre page en mode Live Editor, vous devrez le faire via une fenêtre contextuelle.

Le mode Live Editor vous donne un aperçu précis de votre travail, vous permettant de savoir à quoi il ressemblera pour vos visiteurs. Cependant, en raison du manque de modification directe en ligne, il ne se compare pas bien avec les éditeurs frontaux pointés et cliqués polis trouvés dans les outils WordPress premium tels que Beaver Builder, Visual Composer ou Thrive Themes Content Builder.

L'éditeur frontal Divi

Divi est un plugin de création de thème et de page WordPress premium qui vous permet d’interagir directement avec la conception de votre page.

Le manque de montage en ligne direct de l’éditeur en direct n’est pas un inconvénient majeur, mais les autres outils mentionnés précédemment, ainsi que le Divi premium de thèmes élégants, offrent une expérience utilisateur beaucoup plus réactive et intuitive. Pouvoir cliquer sur un élément et commencer à le modifier directement sur la page – que vous souhaitiez modifier du texte, redimensionner une colonne ou déplacer un élément vers une nouvelle position – est une manière de travailler beaucoup plus pratique et intuitive..

Conception de pages réactives pour mobile

Cependant, une fonctionnalité pratique de l’éditeur en direct est l’outil de prévisualisation mobile. Pour avoir une idée de la façon dont les utilisateurs de smartphones et de tablettes verront votre contenu, vous pouvez utiliser les boutons de l’appareil pour prévisualiser votre conception via les fenêtres mobiles.

Aperçu mobile de SiteOrigin Page Builder

Un clic sur les boutons du mobile et de la tablette modifie la taille de la fenêtre d’affichage pour émuler les petits écrans de ces appareils.

Comme tous les éléments de SiteOrigin Page Builder – y compris les mises en page et les widgets – sont réactifs, vos conceptions devraient bien fonctionner sur des appareils à écran plus petit.

Mises en page SiteOrigin Page Builder

Exemple de disposition prédéfinie

L’une des mises en page de page d’accueil prédéfinies modifiables de SiteOrigin Page Builder.

En plus de créer vos propres conceptions personnalisées, vous pouvez également importer l’une des dispositions prédéfinies dans votre page et, pour un plugin gratuit, SiteOrigin Page Builder comprend une sélection impressionnante de conceptions préconstruites. Cependant, ils ne sont pas au même niveau que ceux que vous obtiendriez avec un outil premium tel que Beaver Themer.

Quelques dispositions de Page Builder

Les conceptions de SiteOrigin Page Builder couvrent une gamme de types de page, y compris les pages d’accueil, à propos, de contact et de commerce électronique qui conviennent à une variété de projets. Une fois que vous avez importé une présentation, vous pouvez la modifier via l’interface de création de page principale.

Modification d'une mise en page

Les dispositions importées sont composées de lignes, de colonnes et de widgets qui peuvent tous être personnalisés via l’interface du générateur.

Les mises en page incluent des photographies de stock pertinentes, donc une fois que vous avez importé le design, vous pouvez simplement remplacer le texte pour créer rapidement la page de votre site.

Widgets du bloc de création de contenu

Comme mentionné, SiteOrigin Page Builder comprend un bon ensemble de widgets utiles qui peuvent être ajoutés à vos pages. Des titres et des boutons aux tableaux de prix et aux curseurs, vous pouvez rapidement et facilement mettre à jour votre contenu avec ce générateur de page.

Widgets du générateur de page

SiteOrigin Page Builder vous fournit un bon ensemble de widgets pour vos conceptions de page personnalisées.

Une fois que vous avez ajouté un widget à votre mise en page, vous pouvez personnaliser son apparence via l’interface du générateur.

Modification d'un widget

Vous pouvez personnaliser les widgets pour vous assurer qu’ils correspondent à vos préférences de conception.

Comme la plupart des meilleurs plugins de création de pages WordPress, tous les widgets actifs sur votre site – y compris ceux provenant de plugins tiers – peuvent être ajoutés à vos conceptions personnalisées. Cela ouvre tout un monde de possibilités créatives. Si vous ne trouvez pas de widget approprié dans la sélection SiteOrigin Page Builder, vous devriez pouvoir en trouver un ailleurs.

Fonctionne avec n’importe quel thème WordPress

Bien que SiteOrigin propose une gamme de thèmes WordPress (dont certains ont été créés par SiteOrigin et d’autres par des auteurs tiers tels que ProteusThemes et ThemeTrust), le plugin Page Builder doit fonctionner avec n’importe quel thème correctement codé. Par exemple, le thème enfant Digital Pro Genesis de StudioPress a été utilisé pendant les tests pour cette revue SiteOrigin Page Builder sans aucun problème. Le changement de thème n’a pas posé de problème non plus, les modèles de page personnalisés étant transférés de manière transparente vers le nouveau design.

Modèle de page pleine largeur

Votre site Web aura besoin d’un modèle pleine largeur si vous souhaitez créer des pages sans les barres latérales ou les en-têtes WordPress.

Si vous souhaitez créer des mises en page pleine largeur, comme pour votre page d’accueil, vous devez vous assurer que votre thème WordPress comprend un modèle pleine largeur. Alternativement, vous pouvez en coder un vous-même ou installer un plug-in, comme les modèles gratuits à pleine largeur pour n’importe quel thème & Générateur de pages.

Life After SiteOrigin Page Builder?

En raison de la façon dont de nombreux constructeurs de pages WordPress fonctionnent, la désactivation du plugin peut provoquer des problèmes. Souvent, vous perdrez soit l’accès à tout contenu que vous avez ajouté à une page avec le constructeur, soit il se perd dans des mers de code propriétaire.

Après avoir supprimé le plugin

Votre contenu est toujours accessible après la désactivation du plugin SiteOrigin Page Builder.

Heureusement, ce n’est pas le cas avec SiteOrigin Page Builder. Après avoir désactivé le plugin, votre contenu doit toujours être accessible (sans la mise en forme appliquée par le constructeur) à vos visiteurs, et modifiable via l’éditeur WordPress standard. Cela vous donne la possibilité de passer à un autre générateur de page à l’avenir sans perdre votre contenu – ce qui n’est pas toujours possible avec d’autres plugins de générateur de page.

Modules complémentaires SiteOrigin Page Builder Premium

Jusqu’à présent, tout ce qui est couvert dans cette revue SiteOrigin Page Builder a trait à la version gratuite du plugin. Cependant, vous pouvez mettre à niveau le générateur de pages en achetant le pack complémentaire SiteOrigin premium pour 29 $.

Modules complémentaires Premium

La mise à niveau premium vous donne accès à un service d’assistance plus rapide et à sept nouvelles fonctionnalités de création de page.

Les avantages de l’activation des modules complémentaires premium incluent la possibilité d’utiliser le générateur de type de publication personnalisé pour créer des types de publication supplémentaires pour votre site Web, la possibilité de définir des images d’arrière-plan de parallaxe pour les lignes de mise en page pour les rendre plus attrayantes visuellement et la possibilité d’ajouter une animation effets sur les éléments de mise en page.

Utilisation du module d'animations premium

Les modules complémentaires premium permettent d’appliquer des effets d’animation et des déclencheurs aux éléments de la page.

Un autre avantage de l’achat des modules complémentaires pour SiteOrigin Page Builder est que, en plus de leur canal d’assistance gratuit, vous avez également accès à une assistance par e-mail premium.

Dernières pensées

Affichage en direct frontal

L’interface frontale relativement limitée du constructeur de page est la seule faiblesse majeure de ce plugin.

Pour un plugin WordPress gratuit, SiteOrigin Page Builder est un outil impressionnant.

L’éditeur est facile à utiliser et la sélection de widgets, ainsi que la possibilité d’ajouter des widgets tiers à vos mises en page, devraient garantir que presque tout le monde peut créer des conceptions de page personnalisées utiles pour leur site Web WordPress. Les mises en page prédéfinies sont également bonnes, vous donnant un moyen rapide de commencer avec vos propres conceptions personnalisées.

L’éditeur en direct frontal est le domaine principal où SiteOrigin Page Builder se place derrière les plugins de création de page premium pour WordPress. Bien que vous puissiez créer des conceptions d’une qualité similaire à celles que vous utiliseriez avec un outil tel que Divi ou Beaver Builder, cela vous prendra plus de temps et impliquera plus d’efforts avec SiteOrigin Page Builder. De plus, certaines fonctionnalités de ces outils ne sont tout simplement pas accessibles avec ce plugin, même si vous achetez les modules complémentaires premium..

Cependant, pour un plugin de création de page WordPress gratuit, l’expérience globale de SiteOrigin Page Builder est bonne, et si vous avez un budget serré et que vous souhaitez toujours créer des conceptions de page avancées pour votre site Web, cela pourrait être d’une grande aide.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me