Créer un thème WordPress en utilisant un thème WordPress API rest et vue. JS
Nous pouvons démarrer la valeur initiale du routage dans le routeur vue:
Pour (Var key in wp.routes) {var route = wp.routes [Key]; route.on (route.slug, {component: vue.component (capital (route.type)), postId: route.id};} Ensuite, j’ai créé des composants qui correspondent à l’itinéraire. Tapez (dans ce cas, les messages et les pages). Ces composants individuels traitent la récupération du contenu et le rendu de la sortie à partir de l’API rest. Par exemple: 
<html {post.title.rendered}} <meta charset=" {post.title.rendered}} <link rel="pingback" href=" {\ POS (192210)} c’est pas vrai.
Export default {props: {Post: {type: object, default () {return {id: 0, Slug: », Title: {rendered: ‘}, content: {rendered:’}}}, Ready () {\/ \/ if the prop does not pass the Post, if (! This.post.id) {this.getpost (); this.issingle = true;}, Data () {issingle: false}, Method: {get Post () {this.. http.get (wp.root + ‘WP \/ v2 \/ posts \/’ + this.. route.postid). Then (Function (Response) {this.post = response.data; this.. Dispatch (‘Page Title’, this.post.title.rendered);}, Fonctions (réponse) {\/ \/ console d’erreur. Journaux (réponse);};}}}
Notez que j’utilise ici le format vueify pour un seul composant de fichier et JavaScript ecmascript 6.
Un autre problème qui se produit est la mise à jour des éléments de titre de page lorsque vous changez de page dans votre application. J’ai décidé d’envoyer une mise à jour au composant principal en utilisant la méthode Dispatch de vue pour mettre à jour le titre \/… Ce $ Dispatch (‘Page Title’, this.post.title.rendered) \/ Dans la méthode des composants de l’application: {updatetitle (pagetite) {document.title = (pagetite? Pagetite + \
Implémenter des menus WordPress au lieu de simplement générer une liste de pages memortz
Opérations de mise en cache, si nous avons déjà des données implémentant Google Analytics implémentant des paramètres de chargement et convertissant des composants post \/ page plus avancés, alors vous ne continuerez pas à utiliser l’api rest… Quoi qu’il en soit, j’espère que cet article fournira au moins quelques informations et un point de départ pour créer des thèmes WordPress basés sur l’api rest. J’ai réussi à surmonter la plupart des obstacles que j’ai décrits au début de l’article, mais cela ne veut pas dire qu’il n’y a pas de meilleure façon de résoudre ces problèmes. N’oubliez pas que le sujet de travail et tout le Code se trouvent dans le dépôt github.
Avez – vous déjà essayé de créer un thème WordPress en utilisant l’api rest? Quelle est votre expérience?