Episode 10 • Theming With WP REST API

Making Previews Pretty

Since we finished creating our post previews let's now make them pretty using WP REST API and Vue.js.

In this episode we are going to be doing very similar things that we were doing in the make the filter pretty episode, that means that I will go a bit faster in this one, so if something is not clear to you please refer to that episode.

We are going to be using v-if statements to conditionally display parts of our preview and then we are going to be using vue transition and a bit of CSS to create those animations.

Download code
  • Episode 01 • Duration 16:46

    Setup

  • Episode 02 • Duration 20:54

    Listing Posts

  • Episode 03 • Duration 12:54

    Add Images To API

  • Episode 04 • Duration 05:27

    Display Categories

  • Episode 05 • Duration 05:36

    Filter Posts By Title

  • Episode 06 • Duration 09:57

    Filter By Category

  • Episode 07 • Duration 14:09

    Making Filters Pretty

  • Episode 08 • Duration 09:03

    Getting Post Preview

  • Episode 09 • Duration 08:51

    Previous / Next Post

  • Episode 10 • Duration 06:58

    Making Previews Pretty

  • Episode 11 • Duration 08:28

    Getting Full Post

  • Episode 12 • Duration 06:53

    Wrapping Up Full Post

  • Episode 13 • Duration 07:06

    Custom Post Types

  • Episode 14 • Duration 09:17

    Adding Custom Fields

  • Episode 15 • Duration 05:06

    Add Image To Post Type

  • Episode 16 • Duration 19:03

    Simple Pagination

  • Episode 17 • Duration 05:10

    Loading Screens

  • Episode 01 • Duration 16:46

    Setup

  • Episode 02 • Duration 20:54

    Listing Posts

  • Episode 03 • Duration 12:54

    Add Images To API

  • Episode 04 • Duration 05:27

    Display Categories

  • Episode 05 • Duration 05:36

    Filter Posts By Title

  • Episode 06 • Duration 09:57

    Filter By Category

  • Episode 07 • Duration 14:09

    Making Filters Pretty

  • Episode 08 • Duration 09:03

    Getting Post Preview

  • Episode 09 • Duration 08:51

    Previous / Next Post

  • Episode 10 • Duration 06:58

    Making Previews Pretty

  • Episode 11 • Duration 08:28

    Getting Full Post

  • Episode 12 • Duration 06:53

    Wrapping Up Full Post

  • Episode 13 • Duration 07:06

    Custom Post Types

  • Episode 14 • Duration 09:17

    Adding Custom Fields

  • Episode 15 • Duration 05:06

    Add Image To Post Type

  • Episode 16 • Duration 19:03

    Simple Pagination

  • Episode 17 • Duration 05:10

    Loading Screens