Examen du cadre de création de pages: un thème WordPress léger

L'époque des grands méga thèmes WordPress s'estompe et les thèmes chauds sont désormais des thèmes légers et personnalisables que vous pouvez associer à votre créateur de page favori, comme Elementor ou Beaver Builder.

Cadre générateur de page, comme vous l’attendiez du nom, incarne cette tendance. Il vise à être la toile rapide et flexible sur laquelle vous pouvez construire votre créateur de page de choix.

La version principale du thème est disponible gratuitement sur WordPress.org, où il est actif sur plus de 10 000 sites classés 5 étoiles. Ensuite, il existe un plug-in pour add-on Pro qui répertorie une multitude de nouvelles options pour votre en-tête et votre pied de page, ainsi que davantage de support WooCommerce, plus de mises en page de blogs et beaucoup d'autres goodies.

Dans cette revue de Page Builder Framework, je vais en dire plus sur les fonctionnalités offertes par ce thème, puis je vous expliquerai comment cela fonctionne.

Révision de la structure du générateur de page: liste des fonctionnalités

Étant donné que la structure de générateur de page comprend à la fois un thème principal gratuit et un module complémentaire premium, je vais détailler les fonctionnalités selon les différentes versions.

Le thème de base gratuit est basique, mais c’est le but!

Au lieu d'avoir l'air fini de la boîte, il vous donne un tas de contrôles pour le mouler dans votre propre design préféré. Toutes ces options sont disponibles dans la WordPress Customizer en temps réel, ce qui est très pratique car vous verrez vos modifications se mettre à jour en temps réel sur l’aperçu en direct.

Bien que je ne puisse pas partager chaque option de personnalisation dans la version gratuite, vous aurez une bonne gamme d’options à contrôler:

• Mise en page globale du site, comme la largeur, l'utilisation de la barre latérale, etc.
• Couleurs de base et typographie
• En-tête, y compris les paramètres de navigation mobile dédiés
• Archives de blog et pages simples
• Pied de page, y compris plusieurs options de colonne

Au-delà, c’est super poids léger, pesant à peine 47,4 KB. Sur une nouvelle installation de WordPress, mon site a été 215 Ko et avait 12 requêtes HTTP (y compris WordPress – pour l’ensemble du site).

Et la partie "Structure du générateur de page" entre vraiment en jeu lorsque vous créez un nouveau contenu, dans lequel vous obtiendrez des contrôles spéciaux au niveau de la page qui vous permettront:

• Changer la largeur et l'utilisation de la barre latérale
• Désactiver des éléments spécifiques, tels que le titre, l'image sélectionnée, l'en-tête et / ou le pied de page

Cela vous permet de créer le «canevas» parfait pour la conception de votre créateur de page.

Et enfin, la version gratuite comprend de base Compatibilité WooCommerce.

Ensuite, il y a aussi une prime brancher add-on qui ajoute beaucoup de nouvelles fonctionnalités. Avec cela, vous obtiendrez:

• Beaucoup plus d'options d'en-tête, y compris des options pour la navigation collante, un en-tête transparent, des options de menu plus mobiles, des menus hors-toile et plein écran, etc.
• Mega menu et effets de survol de menu
• Une option pour créer vos propres points d'arrêt réactifs personnalisés
• Plus d'options de typographie, y compris la possibilité d'utiliser vos propres polices personnalisées
• Intégration Beaver Themer
• Étiquetage blanc
• Une intégration plus profonde de WooCommerce
• Plus d'options de bas de page

En résumé, la version de base gratuite est un thème totalement viable, mais le module complémentaire Pro vous donnera beaucoup plus de contrôle de personnalisation, en particulier en ce qui concerne votre en-tête / navigation et les autres zones de construction autres que les pages.

Cependant, les structures de Page Builder Framework ne possèdent pas de sites de démarrage importables.

Tarification du cadre de création de page

Le thème principal de la structure de générateur de pages est disponible gratuitement sur WordPress.org.

Ensuite, il y a le supplément premium (qui est en fait un plugin, pas un nouveau thème).

Vous avez le choix entre deux options d’achat de l’add-on premium, chacune vous permettant de l’utiliser sur sites illimités:

• 58 $ pour un ans de support et mises à jour. Vous bénéficiez également d'une réduction de 20% si vous renouvelez votre contrat après cette première année pour continuer à recevoir une assistance et des mises à jour.
• 248 $ pour durée de vie support et mises à jour. Vous ne paierez plus jamais un centime.

Je dirais que ces prix sont assez justes et s’alignent sur d’autres thèmes similaires. De plus, l'option pour une licence à vie autorisant une utilisation illimitée devrait plaire aux développeurs.

Travaux pratiques avec le générateur de page

Comme pour les autres thèmes associés à cette approche, la structure de générateur de page ne ressemble pas beaucoup à la première installation. Voici le style par défaut:

Cependant, le pouvoir vient lorsque vous sautez dans le personnalisateur WordPress et commencez à le faire vous-même.

Je ne pourrai pas montrer toutes les fonctionnalités, mais je vais essayer d’atteindre les meilleurs points.

Options d'en-tête

Page Builder Framework vous offre un ensemble complet Entête section de WordPress Customizer, qui contient une tonne de sous-options:

Vous obtenez une tonne de différentes options de menu / mises en page, ce qui, je pense, est l’un des points forts du thème. Vous pouvez choisir parmi:

• Droite
• La gauche
• Centré
• Empilés
• Empilé (avancé)
• Hors toile droit
• Hors-toile gauche
• Plein écran
• Douane

Par exemple, si vous choisissez hors-toile, vous obtiendrez ce bel effet coulissant:

Au-delà de cela, vous obtenez également un grand nombre d'emplacements de menus différents, ce qui facilite l'ajout de différents types de contenu. Tous ces emplacements de menu ont également leurs propres zones de paramètres:

Vous pouvez également activer:

• Navigation collante
• En-têtes transparents

Et rappelez-vous, vous disposez d'une section séparée dédiée uniquement au menu de votre mobile, qui vous permet également de créer une expérience de navigation mobile exceptionnelle:

Enfin, une dernière fonctionnalité que j’aime bien est l’intégration d’un bouton CTA dédié, qui facilite l’ajout d’un bouton CTA à votre menu. Voici un exemple:

Options de blog

Ensuite, explorons les options du blog.

Pour contrôler la page d'archive de votre blog, vous disposez de trois dispositions de base:

• Liste standard
• Image à côté du post
• la grille

Vous obtiendrez également des paramètres supplémentaires pour chaque mise en page. Par exemple, si vous choisissez une grille, vous pouvez activer un effet de maçonnerie et contrôler le nombre de colonnes affichées sur différents périphériques:

De nombreuses options vous permettront également de contrôler les affichages de métadonnées, les couleurs et les tailles de police, etc.

De même, vous pourrez activer / désactiver différentes métadonnées et options de pagination de contrôle et des détails de mise en page de base pour des articles de blog individuels:

Il y a beaucoup plus

Il ya un tonne WordPress Customizer, je ne peux donc pas vous montrer toutes les fonctionnalités.

Cependant, je vais vous donner un bref aperçu de certaines des autres options que vous avez dans WordPress Customizer.

Tout d’abord, vous obtenez une zone Typographie détaillée, y compris une option permettant d’utiliser les polices à partir de polices Adobe (anciennement Typekit) et vos propres polices personnalisées:

Vous pouvez également définir différentes dispositions de pied de page et même activer un pied de page collant. Vous avez également la possibilité d'utiliser un pied de page personnalisé, comme un modèle Elementor que vous intégrez via un shortcode:

Il existe également une fonction de chapelure intégrée, ainsi que de nombreux contrôles de couleur pour différentes parties de votre thème.

Et une autre fonctionnalité intéressante vous permet d'intégrer un modèle de générateur de page à utiliser comme page 404, comme vous pouvez le faire avec le pied de page.

Intégration et options de WooCommerce

Si vous utilisez un magasin WooCommerce, vous allez creuser l’intégration intégrée de Page Builder Framework de WooCommerce.

Non seulement il applique automatiquement son style à WooCommerce, mais vous obtenez également une multitude d’options dans le personnalisateur WordPress (avec l'add-on Pro).

Vous pourrez contrôler la page de la boutique WooCommerce, avec des options permettant de contrôler la présentation, les métadonnées et d’autres fonctionnalités (un peu comme la page d'archive de blog).

Vous pourrez également contrôler une seule page de produit, y compris un bouton Ajax Add to Cart, ainsi que modifier la mise en page de votre page de paiement:

Contrôles au niveau de la page

Ok, maintenant sortons du programme de personnalisation WordPress et je vais vous expliquer quelques autres choses.

Voyons d’abord les contrôles au niveau de la page. Encore une fois, ils vous aident à modifier l'aspect de votre contenu pièce par pièce, ce qui est particulièrement puissant lorsque vous utilisez un générateur de page.

Ici, vous aurez de nouvelles options dans la barre latérale qui vous permettent:

• Changer la largeur
• Désactiver certains éléments
• Changer la fonctionnalité de la barre latérale
• Activer / désactiver l'en-tête transparent

Beaucoup de crochets et affichage facile

Si vous êtes un développeur, vous allez adorer le tableau des crochets fournis par Framework Builder. Si vous n’êtes pas familier, les crochets vous permettent d’injecter votre propre code / contenu à des endroits spécifiques du thème..

En plus de vous fournir généralement de nombreuses options, il vous donne également cette option très pratique dans la barre d’outils WordPress qui vous permet d’afficher tous les points faibles de votre site. Cela vous aide à visualiser exactement où chaque crochet va:

Paramètres complémentaires Pro

Avec la version gratuite du thème, vous ferez tout à partir de WordPress Customizer. Cependant, le module complémentaire Pro ajoute également un Réglage des thèmes zone pour contrôler certaines des fonctionnalités premium.

Cette zone comprend quelques belles optimisations de performance, comme la possibilité de désactiver les émoticônes et les intégrations.

Au-delà, il vous permet également de définir vos propres points d'arrêt réactifs et de mettre le thème en marque blanche si vous créez un site client:

Sections personnalisées

Au-delà de Réglage des thèmes, le module complémentaire Pro ajoute également un Sections personnalisées surface.

Il s'agit d'une fonctionnalité puissante qui vous permet d'injecter votre propre contenu dans votre en-tête, pied de page ou page 404, ainsi que dans l'un des nombreux crochets que vous avez vus ci-dessus.

Vous obtenez également détaillé Règles d'affichage qui vous permettent d'utiliser des règles d'inclusion et d'exclusion pour contrôler exactement l'emplacement de cette section personnalisée:

Bien qu'il s'agisse d'une fonctionnalité avancée, elle vous donne une tonne de contrôle pour personnaliser votre site. De plus, comme Elementor et certains autres constructeurs de page vous permettent d'afficher des modèles via un shortcode, vous pouvez ainsi injecter des modèles de générateur de page dans n'importe quel emplacement de votre site, sans qu'il soit nécessaire d'acheter Elementor Pro ou Beaver Themer.

Réflexions finales sur le cadre de création de page

Comme Astra, GeneratePress, OceanWP, etc., Page Builder Framework fait partie d’un nouveau type de thème WordPress qui vise à vous donner une base légère avec des tonnes d’options de personnalisation.

Si vous aimez cette approche consistant à associer un tel thème à votre constructeur de page préféré, vous voudrez certainement donner un aperçu du cadre du générateur de page.

Il propose une multitude d’options pour personnaliser votre thème, ainsi que de nombreuses manières de s’associer au créateur de page de votre choix.

De plus, les développeurs aimeront toutes les options d'en-tête, les sections personnalisées et les points d'ancrage, ainsi que la possibilité d'attribuer un libellé au thème. Et oui, je sais que vous, les développeurs, aimez aussi les licences à vie, et c’est une autre chose que vous pouvez obtenir avec Page Builder Framework.

Si vous êtes intéressé, prenez le version gratuite sur WordPress.org et donnez-lui un tour. Si vous aimez ce que vous voyez, il est très facile de mettre à jour la version premium à l'avenir.