7 Exemples inspirants de WordPress sans tête en liberté (2021)
Maintenir une performance plus rapide le site se comporte plus comme une application locale le site est un co – travail et fait par l’homme. Ce dernier est un leader dans le domaine WordPress sans tête depuis un certain temps.
Dans l’ensemble, ils se sont très bien débrouillés. Le nouveau techcrunch a une conception de page très propre, très fluide et très beau chargement. J’aime particulièrement l’icône back \/ off, qui peut également être utilisée comme indicateur de progrès de lecture. 2. Musée Guggenheim Guggenheim, l’un des musées les plus célèbres au monde, a choisi d’utiliser WordPress comme système de gestion de contenu redessiné pour le site 2016. De plus, ils ont décidé d’utiliser une version découplée du CMS avec un front – end AngularJS. Tout le processus est effectué par Alley interactive, qui utilise l’API rest comme d’habitude. Pour que tout cela fonctionne, ils utilisent également des types de postes personnalisés et des gestionnaires de champs pour créer une variété d’objets de données nécessaires.
Ils ont constaté que l’un des principaux avantages de cette approche était la réduction du temps de chargement et la souplesse nécessaire pour s’adapter à des sites complexes et à des architectures d’information. Si vous souhaitez lire en détail les idées et le processus de conception qui sous – tendent le site, vous pouvez le faire ici et ici. 3. Frontière Frontity est un cadre dynamique pour travailler avec wordpress sans tête avec React front end. JS. Luis Herranz, cofondateur et développeur en chef de WordPress Europe 2020 en ligne, a présenté un exposé sur ce qu’est WordPress sans tête, pourquoi c’est une bonne idée de l’utiliser avec React, et sur les défis qui restent à relever pour découpler WordPress.
Bien sûr, la même page d’accueil de frontity a été construite comme décrit et entièrement gérée avec l’éditeur Gutenberg pour le démarrage! Si vous souhaitez en savoir plus sur ce sujet, vous pouvez regarder la vidéo de Replay ci – dessous (qui commence automatiquement avec la démo de Luis lorsque vous appuyez sur play). – moi.
Il est donc utilisé avec wordpress customizer afin que vous puissiez prévisualiser les modifications avant de les compléter. En gros, il transforme WordPress en un système nerveux central, et tout le contenu passe de ce système là où il est nécessaire. Vous pouvez en savoir plus ici.
6. Chunshu Murakami Le site Web du célèbre écrivain Murakami est également le résultat d’une construction découplée du SGC. Vous pouvez également considérer le logo WordPress comme son Favicon. Dans cet exemple de WordPress sans tête, son front end fonctionne sur AngularJS. Cette configuration permet une navigation ininterrompue d’une page à l’autre. Il y a beaucoup de transitions et d’animation, y compris quelques bons effets de défilement sur la page d’accueil. Comme l’a écrit Mark Lobera de bluecadet, l’entreprise derrière le site a d’abord créé le site en 2015 à l’aide du plug – in json – API. Nous pouvons supposer qu’à ce jour, il pourrait utiliser le paramètre d’intégration de l’API de fusion.
Le site lui – même offre une expérience utilisateur très agréable. En raison du manque d’ajouts, il ne ressemble pas vraiment à un site Web. Le site ressemble davantage à une application interactive. Il vous encourage à explorer, ce qui est bien, car il y a beaucoup à découvrir. Les fans de Murakami et les grands passionnés de web design l’apprécieront. 7. Facebook Brand Resource Center Le dernier élément de notre liste est la page Facebook Brand Resource Center. Il s’agit d’un site de réseautage social qui sert de guide de style pour l’utilisation des ressources de la marque. C’est aussi un exemple du site WordPress headless.
Comme tous les autres produits, il a un design très intéressant et ouvert qui vous convient pour cliquer sur n’importe quelle marque de site Web. Même sur les sous – pages, vous remarquerez que lorsque vous cliquez, seule une partie de la page est chargée. Les éléments statiques tels que les menus restent visibles à l’écran. M
J’aime aussi beaucoup l’effet de défilement en douceur lors de l’utilisation du menu de gauche et la belle petite animation lorsque la souris survole le bouton envoyer une demande. Dans l’ensemble, il semble plus fluide et interactif que les sites PHP habituels. C’est peut – être l’avenir des réseaux modernes. Quels sont vos exemples préférés de WordPress sans tête? Sans tête WordPress est un sujet très discuté, mais il n’a pas encore été adopté par le courant dominant. Il est facile de penser que cela n’a rien à voir avec quelqu’un en dehors du cercle des développeurs, et jusqu’à présent, c’est juste une question de jeu technique. Cependant, si vous regardez l’exemple d’un site Web créé avec wordpress headless, il est clair qu’il est apparu dans le monde réel et qu’il a connu un grand succès. Découpler WordPress vous permet de combiner la puissance de WordPress en tant que CMS avec une interface utilisateur élégante et similaire à une application. Cela simplifie également la gestion et la distribution du contenu sur plusieurs canaux. Nous attendons avec intérêt de voir ce qui se passera à l’avenir. Connaissez – vous d’autres exemples de création de sites Web avec wordpress headless? Partagez vos favoris dans les commentaires ci – dessous!