{"id":667,"date":"2017-10-19T19:15:40","date_gmt":"2017-10-19T17:15:40","guid":{"rendered":"https:\/\/www.lagencebleu.com\/gaelcorna\/?p=667"},"modified":"2017-12-15T15:59:28","modified_gmt":"2017-12-15T14:59:28","slug":"theme-wordpress-ionic-1","status":"publish","type":"post","link":"https:\/\/www.lagencebleu.com\/gaelcorna\/single\/667\/theme-wordpress-ionic-1","title":{"rendered":"Un th\u00e8me WordPress en Ionic 1\/8"},"content":{"rendered":"

Comme vous avez pu le constater, ce site ne se comporte pas vraiment comme un site internet habituel. Il est con\u00e7u gr\u00e2ce au framework Ionic que j’utilise pour cr\u00e9er des applications mobiles hybrides.<\/strong><\/p>\n

Pourquoi Ionic ?<\/h3>\n

\"\"J’ai choisi d’utiliser cette technologie en lien avec WordPress pour sa simplicit\u00e9 d’usage. Nul besoin de cr\u00e9er des animation CSS complexes, de d\u00e9finir un design avec une feuille de style \u00e0 rallonge, tout est d\u00e9j\u00e0 disponible dans le framework ! Il suffit de changer quelques couleurs et quelques tailles de caract\u00e8res, de rajouter des images et voila un template efficace sans ajouter de plugin \u00e0 WordPress.<\/p>\n

\u00c9videment, nous le verrons plus tard, tout n’est pas compl\u00e8tement optimis\u00e9 et l’int\u00e9gration de contenu dans les pages n’est pas forc\u00e9ment simple surtout si ce contenu doit \u00eatre dynamique.<\/p>\n

Mais avant d’en arriver l\u00e0, commen\u00e7ons par le commencement.<\/p>\n

L’environnement de d\u00e9veloppement<\/h3>\n

Pour commencer, ce projet \u00e0 \u00e9t\u00e9 construit dans Visual Studio Code. Cet IDE est l’un des plus pratique en ce moment pour d\u00e9velopper en Ionic, il est bien s\u00fbr gratuit et existe pour Mac et PC. D’autres solutions sont possibles bien s\u00fbr, chacune a ses points fort.<\/p>\n

J’ai install\u00e9 des plugins sp\u00e9cifiques \u00e0 Ionic et \u00e0 Angular afin d’avoir l’auto-compl\u00e9tion et toutes les tips n\u00e9cessaires.<\/p>\n

Avant toutes choses, il vous faudra installer NodeJs<\/a> si ce n’est d\u00e9j\u00e0 fait ainsi que Ionic<\/a> bien s\u00fbr. Vous trouverez toutes les instructions d’installation sur leurs sites respectifs.<\/p>\n

 <\/p>\n

Pour commencer, cr\u00e9ons un dossier dans l’\u00e9diteur, ouvrons un terminal et lan\u00e7ons un<\/p>\n

ionic start MonThemeWordpress sidemenu<\/code><\/p>\n

Le projet se cr\u00e9\u00e9 automatiquement. On obtient alors le squelette de base de notre application avec les d\u00e9pendances n\u00e9cessaires.<\/p>\n

Les sp\u00e9cificit\u00e9s du th\u00e8me<\/h3>\n

Pour cr\u00e9er un th\u00e8me WordPress il faut au minimum 3 fichiers :<\/p>\n

    \n
  • index.php<\/li>\n
  • style.css<\/li>\n
  • functions.php<\/li>\n<\/ul>\n

    Vous pouvez les ajouter d\u00e8s maintenant dans le dossier \/src du projet.<\/p>\n

    Dans le fichier style.css<\/code>, il faudra ajouter l’ent\u00eate en commentaire indiquant les d\u00e9tails du th\u00e8me. Aucun style ne sera d\u00e9clar\u00e9 ici, tout sera int\u00e9gr\u00e9 dans un fichier main.css<\/code> \u00e0 la compilation finale.<\/p>\n

    Dans le fichier functions.php<\/code> j’ai ajout\u00e9 la prise en charge des \u00ab\u00a0featured images\u00a0\u00bb qui seront affich\u00e9es en ent\u00eate des articles.
    \n add_theme_support( 'post-thumbnails', array( 'post' ) );<\/code>
    \n C’est tout ce que contiendra ce fichier pour le moment.<\/p>\n

    La structure de notre th\u00e8me<\/h3>\n

    Notre th\u00e8me de base est structur\u00e9 simplement et contient 4 pages :<\/p>\n

      \n
    • Accueil<\/li>\n
    • A propos<\/li>\n
    • Contact<\/li>\n
    • Blog<\/li>\n<\/ul>\n

      Seul la page Blog a un contenu dynamique, les autres pages afficherons un contenu statique int\u00e9gr\u00e9 directement dans le code final. Il est bien s\u00fbr possible d’afficher le contenu d’une page WordPress. Nous le verrons dans un paragraphe d\u00e9di\u00e9.<\/p>\n

      Pour le moment, je vous propose de cr\u00e9er les diff\u00e9rentes pages gr\u00e2ce \u00e0 la CLI. La page Home est d\u00e9j\u00e0 cr\u00e9\u00e9e par d\u00e9faut, et la page List ne nous int\u00e9resse pas donc on peut effacer le dossier la contenant. Il nous reste \u00e0 cr\u00e9er les autres pages. Dans le terminal, entrez les commandes :<\/p>\n

      ionic g page about<\/code><\/p>\n

      ionic g page contact<\/code><\/p>\n

      ionic g page blog<\/code><\/p>\n

      Voila, maintenant que nous avons nos quatre pages nous pouvons cr\u00e9er les components et le service qui se chargera des requ\u00eates REST. G\u00e9n\u00e9rons d\u00e9j\u00e0 ce provider :<\/p>\n

      ionic g provider posts<\/code><\/p>\n

      Pour assurer un code propre, j’ai choisi de cr\u00e9er un provider de configuration qui contiendra les constantes n\u00e9cessaires au bon fonctionnement du th\u00e8me. G\u00e9n\u00e9rons donc ce provider Config :<\/p>\n

      ionic g provider config<\/code><\/p>\n

      Maintenant c’est au tour des components. Pour commencer, il nous faut afficher la liste des posts dans la page blog. Ensuite il nous faudra afficher chaque article individuellement. G\u00e9n\u00e9rons donc le premier component qui affichera la liste des posts :<\/p>\n

      ionic g component post-list<\/code><\/p>\n

      La liste sera constitu\u00e9e de posts donc g\u00e9n\u00e9rons le component Post :<\/p>\n

      ionic g component post<\/code><\/p>\n

      Comme je l’ai dit plus haut, nous allons afficher une image en ent\u00eate de chaque post donc nous allons cr\u00e9er un component pour cette image :<\/p>\n

      ionic g component thumbnail<\/code><\/p>\n

      Voila, tous les fichiers n\u00e9cessaires \u00e0 notre projet sont cr\u00e9\u00e9s, il nous reste maintenant \u00e0 \u00e9crire notre code pour remplir tout \u00e7a. Commen\u00e7ons d\u00e9j\u00e0 par modifier notre page d’accueil afin de b\u00e9n\u00e9ficier du lazy loading<\/em>.<\/p>\n

      La page Home<\/h3>\n

      Par d\u00e9faut lors de la cr\u00e9ation d’une appli sidemenu<\/em>, tout le boillerplate g\u00e9n\u00e9r\u00e9 ne tient pas compte des capacit\u00e9s de lazy loading offerte par Ionic gr\u00e2ce au d\u00e9corateur @IonicPage. Nous allons donc configurer cette page et les fichiers g\u00e9n\u00e9raux de l’application pour que tout se passe de mani\u00e8re fluide.<\/p>\n

      Dans le fichier home.ts<\/em> nous allons ajouter les imports n\u00e9cessaires c’est \u00e0 dire celui du module IonicPage : <\/p>\n

      \nimport { IonicPage, NavController } from 'ionic-angular';<\/code><\/p>\n

      Nous aurons aussi probablement besoin des donn\u00e9es de configurations donc nous importons le component correspondant : <\/p>\n

      import { ConfigProvider } from '..\/..\/providers\/config\/config';<\/code><\/p>\n

      Maintenant que tout est disponible, il suffit de d\u00e9clarer notre page avant la cr\u00e9ation du component comme ceci : <\/p>\n

      @IonicPage({
      \n  name: 'home',
      \n  segment: 'home',
      \n  priority: 'high'
      \n})
      \n@component...
      \n<\/code><\/p>\n

      La propri\u00e9t\u00e9 name<\/em> permettra de nommer cette page alors que la valeur de segment<\/em> apparaitra dans l’URL de la page ce qui rendra possible le deep linking.<\/p>\n

      Il vous reste \u00e0 mettre le code que vous souhaitez dans cette page et dans sont template associ\u00e9 home.html<\/em><\/p>\n<\/p>\n

      Modifions le module de l’application pour tenir compte du lazy loading. Ouvrons donc app.modules.ts<\/em> et faisons les modifications suivantes :
      \nimport { BrowserModule } from '@angular\/platform-browser';
      \nimport { ErrorHandler, NgModule } from '@angular\/core';
      \nimport { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
      \nimport { HttpModule } from '@angular\/http';
      \nimport { MyApp } from '.\/app.component';
      \nimport { PostsProvider } from '..\/providers\/posts\/posts';
      \nimport { ConfigProvider} from '..\/providers\/config\/config';
      \n@NgModule({
      \n  declarations: [MyApp],
      \n  imports: [
      \n    BrowserModule,
      \n    HttpModule,
      \n    IonicModule.forRoot(MyApp, { locationStrategy: "path" }),
      \n  ],
      \n  bootstrap: [IonicApp],
      \n  entryComponents: [MyApp],
      \n  providers: [
      \n    {provide: ErrorHandler, useClass: IonicErrorHandler},
      \n    PostsProvider,
      \n    ConfigProvider,
      \n  ]\n})
      \nexport class AppModule {}
      \n<\/code><\/p>\n

      Comme vous le voyez, la page Home ne fait plus partie des imports, comme aucune autre page d’ailleurs. Les splashscreen et statusbar ont aussi disparues puisqu’ils sont inutiles dans notre cas<\/p>\n

      Ce petit bout de code ins\u00e9r\u00e9 comme param\u00e8tre du IonicModule, permettra la gestion du deep linking et l’affichage de la bonne URL dans le navigateur :<\/p>\n

      \nlocationStrategy: "path"<\/code><\/p>\n

      Attaquons maintenant le fichier d\u00e9finissant l’application app.component.ts<\/em> qui va lui aussi changer : <\/p>\n

      import { Component, ViewChild } from '@angular\/core';
      \nimport { Nav, Platform } from 'ionic-angular';
      \n@Component({
      \n  templateUrl: 'app.html'
      \n})
      \nexport class MyApp {
      \n  @ViewChild(Nav) nav: Nav;
      \n  rootPage: string = 'home';
      \n  pages: Array<{title: string, component: any}>;
      \n  constructor( public platform: Platform ) {
      \n    this.initializeApp();
      \n    this.pages = [
      \n      { title: 'Accueil', component: 'home' },
      \n      { title: 'Blog', component: 'blog' },
      \n      { title: 'A propos', component: 'about' },
      \n      { title: 'Contact', component: 'contact' }
      \n    ];
      \n  }
      \n  initializeApp() {
      \n    this.platform.ready().then(() => {});
      \n  }
      \n  openPage(page) {
      \n    this.nav.setRoot(page.component);
      \n  }
      \n}
      \n<\/code><\/p>\n

      L\u00e0 aussi, on commence par les imports et on enl\u00e8ve comme pr\u00e9c\u00e9demment les splashscreen et statusbar ainsi que Homepage et ListPage.<\/p>\n

      Apr\u00e8s les imports, on peut cr\u00e9er notre component puis d\u00e9finir sa classe. On initialise la variables rootPage<\/em> \u00e0 ‘home’<\/em>. Attention il s’agit bien d’une chaine et non plus du component qui sera pass\u00e9 en param\u00e8tre.<\/p>\n

      dans le constructeur de la classe, on injecte l’objet Platform<\/em> dont on va se servir dans la m\u00e9thode d’initialisation initializeApp()<\/em> que l’on va invoquer en tout premier. Enlevons aussi les r\u00e9f\u00e9rences \u00e0 Splashscreen et Statusbar. On cr\u00e9e ensuite le tableau des pages qui va guider notre navigation.<\/p>\n

      Viennent ensuite les deux m\u00e9thodes de cette classe, celle d’initialisation initializeApp()<\/em> et celle d’ouverture des pages openPages()<\/em><\/p>\n

      Voila pour cette premi\u00e8re \u00e9tape de conception, rendez-vous au prochain article pour cr\u00e9er notre premier provider.<\/p>\n","protected":false},"excerpt":{"rendered":"

      Comme vous avez pu le constater, ce site ne se comporte pas vraiment comme un site internet habituel.Il est con\u00e7u gr\u00e2ce au framework Ionic que j’utilise pour cr\u00e9er des applications mobiles hybrides.<\/p>\n","protected":false},"author":3,"featured_media":587,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[6],"tags":[],"class_list":["post-667","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"yoast_head":"\nUn th\u00e8me Wordpress en Ionic 1\/8 - Ga\u00ebl Corna<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.lagencebleu.com\/gaelcorna\/single\/667\/theme-wordpress-ionic-1\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Un th\u00e8me Wordpress en Ionic 1\/8 - Ga\u00ebl Corna\" \/>\n<meta property=\"og:description\" content=\"Comme vous avez pu le constater, ce site ne se comporte pas vraiment comme un site internet habituel.Il est con\u00e7u gr\u00e2ce au framework Ionic que j'utilise pour cr\u00e9er des applications mobiles hybrides.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.lagencebleu.com\/gaelcorna\/single\/667\/theme-wordpress-ionic-1\" \/>\n<meta property=\"og:site_name\" content=\"Ga\u00ebl Corna\" \/>\n<meta property=\"article:published_time\" content=\"2017-10-19T17:15:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-12-15T14:59:28+00:00\" \/>\n<meta name=\"author\" content=\"gael\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"gael\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.lagencebleu.com\/gaelcorna\/single\/667\/theme-wordpress-ionic-1\",\"url\":\"https:\/\/www.lagencebleu.com\/gaelcorna\/single\/667\/theme-wordpress-ionic-1\",\"name\":\"Un th\u00e8me Wordpress en Ionic 1\/8 - Ga\u00ebl Corna\",\"isPartOf\":{\"@id\":\"http:\/\/www.gaelcorna.eu\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.lagencebleu.com\/gaelcorna\/single\/667\/theme-wordpress-ionic-1#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.lagencebleu.com\/gaelcorna\/single\/667\/theme-wordpress-ionic-1#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.lagencebleu.com\/gaelcorna\/wp-content\/uploads\/sites\/2\/2017\/10\/screens.svg\",\"datePublished\":\"2017-10-19T17:15:40+00:00\",\"dateModified\":\"2017-12-15T14:59:28+00:00\",\"author\":{\"@id\":\"http:\/\/www.gaelcorna.eu\/#\/schema\/person\/5b10e96e843831cd679c134b8f6263e0\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.lagencebleu.com\/gaelcorna\/single\/667\/theme-wordpress-ionic-1#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.lagencebleu.com\/gaelcorna\/single\/667\/theme-wordpress-ionic-1\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.lagencebleu.com\/gaelcorna\/single\/667\/theme-wordpress-ionic-1#primaryimage\",\"url\":\"https:\/\/www.lagencebleu.com\/gaelcorna\/wp-content\/uploads\/sites\/2\/2017\/10\/screens.svg\",\"contentUrl\":\"https:\/\/www.lagencebleu.com\/gaelcorna\/wp-content\/uploads\/sites\/2\/2017\/10\/screens.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.lagencebleu.com\/gaelcorna\/single\/667\/theme-wordpress-ionic-1#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"http:\/\/www.gaelcorna.eu\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Un th\u00e8me WordPress en Ionic 1\/8\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/www.gaelcorna.eu\/#website\",\"url\":\"http:\/\/www.gaelcorna.eu\/\",\"name\":\"Ga\u00ebl Corna\",\"description\":\"D\u00e9veloppeur WEB. Aussi\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/www.gaelcorna.eu\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"http:\/\/www.gaelcorna.eu\/#\/schema\/person\/5b10e96e843831cd679c134b8f6263e0\",\"name\":\"gael\",\"url\":\"https:\/\/www.lagencebleu.com\/gaelcorna\/single\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Un th\u00e8me Wordpress en Ionic 1\/8 - Ga\u00ebl Corna","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.lagencebleu.com\/gaelcorna\/single\/667\/theme-wordpress-ionic-1","og_locale":"fr_FR","og_type":"article","og_title":"Un th\u00e8me Wordpress en Ionic 1\/8 - Ga\u00ebl Corna","og_description":"Comme vous avez pu le constater, ce site ne se comporte pas vraiment comme un site internet habituel.Il est con\u00e7u gr\u00e2ce au framework Ionic que j'utilise pour cr\u00e9er des applications mobiles hybrides.","og_url":"https:\/\/www.lagencebleu.com\/gaelcorna\/single\/667\/theme-wordpress-ionic-1","og_site_name":"Ga\u00ebl Corna","article_published_time":"2017-10-19T17:15:40+00:00","article_modified_time":"2017-12-15T14:59:28+00:00","author":"gael","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"gael","Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.lagencebleu.com\/gaelcorna\/single\/667\/theme-wordpress-ionic-1","url":"https:\/\/www.lagencebleu.com\/gaelcorna\/single\/667\/theme-wordpress-ionic-1","name":"Un th\u00e8me Wordpress en Ionic 1\/8 - Ga\u00ebl Corna","isPartOf":{"@id":"http:\/\/www.gaelcorna.eu\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.lagencebleu.com\/gaelcorna\/single\/667\/theme-wordpress-ionic-1#primaryimage"},"image":{"@id":"https:\/\/www.lagencebleu.com\/gaelcorna\/single\/667\/theme-wordpress-ionic-1#primaryimage"},"thumbnailUrl":"https:\/\/www.lagencebleu.com\/gaelcorna\/wp-content\/uploads\/sites\/2\/2017\/10\/screens.svg","datePublished":"2017-10-19T17:15:40+00:00","dateModified":"2017-12-15T14:59:28+00:00","author":{"@id":"http:\/\/www.gaelcorna.eu\/#\/schema\/person\/5b10e96e843831cd679c134b8f6263e0"},"breadcrumb":{"@id":"https:\/\/www.lagencebleu.com\/gaelcorna\/single\/667\/theme-wordpress-ionic-1#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.lagencebleu.com\/gaelcorna\/single\/667\/theme-wordpress-ionic-1"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.lagencebleu.com\/gaelcorna\/single\/667\/theme-wordpress-ionic-1#primaryimage","url":"https:\/\/www.lagencebleu.com\/gaelcorna\/wp-content\/uploads\/sites\/2\/2017\/10\/screens.svg","contentUrl":"https:\/\/www.lagencebleu.com\/gaelcorna\/wp-content\/uploads\/sites\/2\/2017\/10\/screens.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.lagencebleu.com\/gaelcorna\/single\/667\/theme-wordpress-ionic-1#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"http:\/\/www.gaelcorna.eu\/"},{"@type":"ListItem","position":2,"name":"Un th\u00e8me WordPress en Ionic 1\/8"}]},{"@type":"WebSite","@id":"http:\/\/www.gaelcorna.eu\/#website","url":"http:\/\/www.gaelcorna.eu\/","name":"Ga\u00ebl Corna","description":"D\u00e9veloppeur WEB. Aussi","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/www.gaelcorna.eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"http:\/\/www.gaelcorna.eu\/#\/schema\/person\/5b10e96e843831cd679c134b8f6263e0","name":"gael","url":"https:\/\/www.lagencebleu.com\/gaelcorna\/single\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.lagencebleu.com\/gaelcorna\/wp-json\/wp\/v2\/posts\/667","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lagencebleu.com\/gaelcorna\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lagencebleu.com\/gaelcorna\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lagencebleu.com\/gaelcorna\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lagencebleu.com\/gaelcorna\/wp-json\/wp\/v2\/comments?post=667"}],"version-history":[{"count":41,"href":"https:\/\/www.lagencebleu.com\/gaelcorna\/wp-json\/wp\/v2\/posts\/667\/revisions"}],"predecessor-version":[{"id":758,"href":"https:\/\/www.lagencebleu.com\/gaelcorna\/wp-json\/wp\/v2\/posts\/667\/revisions\/758"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lagencebleu.com\/gaelcorna\/wp-json\/wp\/v2\/media\/587"}],"wp:attachment":[{"href":"https:\/\/www.lagencebleu.com\/gaelcorna\/wp-json\/wp\/v2\/media?parent=667"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lagencebleu.com\/gaelcorna\/wp-json\/wp\/v2\/categories?post=667"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lagencebleu.com\/gaelcorna\/wp-json\/wp\/v2\/tags?post=667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}