Stackable : Le compagnon ultime de l’éditeur de blocs WordPress

Découvrez Stackable, le plugin de blocs de confiance ultime que vous attendiez avec impatience !

Boostez vos créations en construisant des sites web dynamiques grâce à des blocs WordPress personnalisés. Légers, prêts à l’emploi et dotés de fonctionnalités avancées de personnalisation, nos blocs vous permettent de concevoir des sites web professionnels qui se démarquent.

Et ce n’est pas tout ! Avec les kits d’interface utilisateur et nos paramètres globaux, vous disposez de tous les outils nécessaires pour créer des expériences uniques et engageantes.

De plus, ce plugin offre des performances rapides, vous garantissant une expérience de navigation fluide.

Avec Stackable, transformez Gutenberg en un constructeur de pages

Stackable est le plugin de blocs tout-en-un qui transforme l’éditeur de blocs WordPress en un véritable constructeur de pages.

Côté chiffres, plus de 150,000  sites ont été réalisés avec. Stackable a aidé des milliers de blogueurs, de commerçants, de spécialistes du marketing, de designers et de professionnels du développement web à tirer le meilleur parti de l’éditeur de blocs WordPress grâce à des fonctionnalités rapides, puissantes et intuitives.

En une phrase, Stackable est un plugin WordPress qui vous offre des blocs WordPress personnalisés, des designs, des modèles, des fonctionnalités avancées telles que du contenu dynamique

Les features de stackable

Blocs personnalisés puissants

Obtenez 41 blocs WordPress personnalisés flexibles, riches en fonctionnalités et qui ont déjà fière allure dès le départ, offrant ainsi une base solide pour n’importe quel site web, même sans une seule ligne de code.

Vous pouvez choisir les blocs dont vous avez besoin en fonction de votre flux de travail. Vous pouvez également désactiver les blocs dont vous n’avez pas besoin.

Ils sont divisés en 3 grands familles :

Designs pré-faits

Profitez d’une impressionnante bibliothèque de designs comprenant des kits d’interface utilisateur, des designs de sections, des maquettes et des séparateurs pour donner un coup d’envoi à votre processus de conception.

Kit de site

Chaque kit d’interface utilisateur unique offre une collection magnifique et cohérente de designs de blocs pour la création de sites complets, et constitue la meilleure façon de démarrer votre processus de conception. Choisissez parmi 35 kits d’interface utilisateur dans une variété de styles et de catégories de conception web.

Designs de sections

37 designs de blocs prêts à l’emploi. Que vous ayez simplement besoin de blocs autonomes bien conçus ou que vous préfériez mélanger et assortir, cette option est ce dont vous avez besoin pour construire votre site web de rêve en toute simplicité.

Wireframes

Accélérez votre flux de travail de conception et présentez vos idées de manière plus efficace grâce à nos maquettes. Vous aurez la possibilité de mettre en page visuellement votre contenu et de réduire facilement le temps nécessaire pour obtenir des retours et apporter des modifications à vos designs.

Options de conception semblables à un constructeur de pages

Affinez votre conception avec une large gamme d’options de conception de base et avancées familières pour faire passer votre expérience de création de pages WordPress à un tout autre niveau.

Vous aurez accès à une mise en page Flexbox, l’utilisation de Lightbox pour les médias et sauver des styles par défaut pour vos blocs.

Mises en page de blocs

Vous pouvez jouer finement sur plein de paramètres :

• Typographie
• Réglages de couleur unique ou dégradée pour le texte et les images
• Formes basiques d’images
• 50+ formes d’images en forme de blob (PREMIUM)
• Marges, rembourrages, espacements et écarts
• Bordures de conteneur
• Conteneurs cliquables

Global Settings

Établissez vos couleurs et votre typographie par défaut pour l’ensemble de votre site. Considérez ces fonctionnalités comme une solution de thématisation pour maintenir une cohérence de design sans avoir à ajuster chaque bloc individuellement.

• Paramètres de couleur globaux
• Paramètres de typographie globaux
• Système de blocs globaux (Bientôt disponible)

Copier-coller des styles

Gagnez du temps en copiant et collant des styles d’un bloc à l’autre. Vous pouvez également sélectionner plusieurs styles de bloc et les coller dans des blocs sur différents articles et pages.

Options avancées de Responsive

Concevez des pages parfaitement adaptées à différents appareils grâce à nos paramètres de réactivité de premier ordre.

• Modification en temps réel du responsive
• Possibilité d’ajuster les designs pour les vues tablette et mobile
• Masquer / Afficher des blocs spécifiques sur ordinateur, tablette ou mobile

Performances web optimisées

Utiliser Stackable vous permettra d’atteindre des vitesses ultra-rapides sur votre site Web et de très bonnes performances Web.

du code léger, avec le strict nécessaire, rien que le strict nécessaire

Tout d’abord il est léger, en chargeant le moins de chose possible, on arrive à environ 10Ko sur le frontend du site.
Les scripts js et les css ne sont chargés que s’ils sont nécessaires, et pas de dépendances, pas de jquery, pas de fichiers supplémentaires lors du chargement du block.

Optimisé pour Core Web Vitals et le SEO

De base Stackable a été construit pour des performances de Web Core vitals, ce qui vous permettra d’atteindre d’excellents scores PAgeSpeed insight, aussi bien sur mobile que sur bureau/

Côté référencement, les blocs sont optimisés et seo-friendly

Des temps de chargements de page optimisés et ultra rapide

Répondez aux besoins des personnes qui consultent plusieurs pages lors de leur visite. Obtenez un chargement de page optimisé avec mise en cache du navigateur pour des vitesses de visualisation rapides.

Il est aussi optimisé pour les plugins d’optimisations comme Autoptimize, qui vous permettra des techniques d’optimisation telles que la combinaison des fichiers CSS et JS et la minification.

Contenus dynamiques

L’un des GROS POINT FORT de Stackable ! et donc disponible en PREMIUM

Vous pouvez afficher dynamiquement :

• Métadonnées des derniers articles
• Champs personnalisés de Toolset
• ACF (Advanced Custom Fields)
• Meta Box
• JetEngine

Dans l’interface, vous aurez donc un petit logo en forme de database, et en le cliquant vous pourrez récupérer dynamiquement des informations sur les posts, les auteurs, les urls, etc. Dans ce cas, il fallait un bouton pointant vers la page archives de l’auteur, et donc on peut récupérer dynamiquement cette valeur dans le template single post réalisé :

Affichage conditionnel

Vous pouvez aussi utiliser de l’affichage conditionnel, en fonction du statut, de la date, d’une fonction php, un paramètre query string, etc

ACF dans les blocks Stackable

Stackable vous permet de réafficher et mettre en forme sur le front les données stockées par ACF

Styles de survol et animations

Accentuez vos designs et mettez l’accent sur le contenu spécifique que vous souhaitez mettre en avant. Faites ressortir votre site web avec des styles de survol dynamiques et des transitions d’entrée et de défilement.

Options d’articles de blog

Affichez des pages ou des articles sur n’importe quelle page web et contrôlez ceux à afficher en fonction de leurs catégories, taxonomies ou paramètres.

• Filtrer par catégories
• Catégories et taxonomies personnalisées
• Afficher uniquement des articles spécifiques
• Exclure des articles
• Décaler des articles

• Prise en charge des types de publication personnalisés : Avec la prise en charge des types de publication personnalisés, le bloc Articles de blog peut vous offrir des moyens puissants d’afficher du contenu riche en images, comme des portfolios.
• Bouton « Afficher plus » PREMIUM : Optimisez votre contenu et offrez une expérience plus fluide aux visiteurs en chargeant dynamiquement le prochain ensemble d’articles sans avoir besoin de recharger la page.
• Pagination PREMIUM : Section the Posts block into pages using our Pagination feature to make it easier for your website visitors to digest your content.

Outils pour les agences

Block CSS Customizer PREMIUM

CSS personnalisés pour chaque bloc : afin d’aller au-delà de nos nombreuses options de réglages et de design. Accédez à des guides CSS intégrés pour vous aider à mettre en œuvre vos designs parfaitement.

Rôle Manager : Collaborez efficacement avec vos clients et les membres de votre équipe en gérant leurs capacités de modification de contenu.

Integrations

• ACF
• Blocksy
• Meta Box 
• JetEngine 
• Toolset
• WPML
• Font Awesome
• Google Fonts

Support, Communauté et Mises à jour

Stackable dispose d’une très bonne documentation qui pourra vous aider à démarrer et à apprendre

Un blog vous tient régulièrement à jour des dernières nouveautés, et la communauté est assez active sur Facebook et sur Github

conclusion : dois je utiliser Stackable pour mon prochain projet WordPress ?

Stackable permet de construire rapidement des sites solides qui auront de très bonnes performances. Grâce à ses blocks de base, vous pourrez construire sans souci vos design de pages, et le fait d’importer un design de site déjà fait ou juste d’une section vous fera gagner un temps non négligeable.

De plus, ces nombreuses intégrations avec d’autres plugins (optimisations, traductions, données) notamment avec ACF vous permettra d’afficher dynamique vos champs ACF dans vos mises en pages.

Stackable vous permet également d’afficher dynamiquement d’autres informations WordPress (meta, url de post, archives d’auteurs, etc).

En résumé, Stackable est vraiment l’une des meilleures solutions du moment, notamment avec l’affichage dynamique d’informations que ne gère pas d’autres builders comme Spectra, ou GenerateBlocks, qui reste quand même de très bons builders de page.