Maintenir une performance plus rapide le site se comporte plus comme une application locale le site est un co travail et fait par lrsquohomme. Ce dernier est un leader dans le domaine WordPress sans tête depuis un certain temps.
Dans lrsquoensemble, 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. Jrsquoaime particulièrement lrsquoicô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é drsquoutiliser une version découplée du CMS avec un front end AngularJS. Tout le processus est effectué par Alley interactive, qui utilise lrsquoAPI rest comme drsquohabitude. 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é drsquoobjets de données nécessaires.
Ils ont constaté que lrsquoun des principaux avantages de cette approche était la réduction du temps de chargement et la souplesse nécessaire pour srsquoadapter à des sites complexes et à des architectures drsquoinformation. souhaitez lire en détail les idées et le processus de conception qui sous tendent le site, 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 drsquoaccueil de frontity a été construite comme décrit et entièrement gérée avec lrsquoéditeur Gutenberg pour le démarrage! souhaitez en savoir plus sur ce sujet, pouvez regarder la vidéo de Replay ci dessous (qui commence automatiquement avec la démo de Luis lorsque appuyez sur play). moi.
Il est donc utilisé avec wordpress customizer afin que 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 drsquoune 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 drsquoune page à lrsquoautre. Il y a beaucoup de transitions et drsquoanimation, y compris quelques bons effets de défilement sur la page drsquoaccueil. Comme lrsquoa écrit Mark Lobera de bluecadet, lrsquoentreprise derrière le site a drsquoabord créé le site en 2015 à lrsquoaide du plug in json API. Nous pouvons supposer qursquoà ce jour, il pourrait utiliser le paramètre drsquointégration de lrsquoAPI de fusion.
Le site lui même offre une expérience utilisateur très agréable. En raison du manque drsquoajouts, il ne ressemble pas vraiment à un site Web. Le site ressemble davantage à une application interactive. Il 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 lrsquoapprécieront. 7. Facebook Brand Resource Center Le dernier élément de notre liste est la page Facebook Brand Resource Center. Il srsquoagit drsquoun site de réseautage social qui sert de guide de style pour lrsquoutilisation 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 convient pour cliquer sur nrsquoimporte quelle marque de site Web.
Même sur les sous pages, remarquerez que lorsque cliquez, seule une partie de la page est chargée. Les éléments statiques tels que les menus restent visibles à lrsquoécran. M
Jrsquoaime aussi beaucoup lrsquoeffet de défilement en douceur lors de lrsquoutilisation du menu de gauche et la belle petite animation lorsque la souris survole le bouton envoyer une demande. Dans lrsquoensemble, il semble plus fluide et interactif que les sites PHP habituels. Crsquoest peut être lrsquoavenir 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 nrsquoa rien à voir avec quelqursquoun en dehors du cercle des développeurs, et jusqursquoà présent, crsquoest juste une question de jeu technique. Cependant, si 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 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 à lrsquoavenir. Connaissez d’autres exemples de création de sites Web avec wordpress headless? Partagez vos favoris dans les commentaires ci dessous!
7 Exemples inspirants de WordPress sans tête en liberté (2021)
