x-postpress

x-postpress

About

• A Web Component built using LitElement

• Fetches WordPress posts from the REST API based on attributes set on the element

• Built to support Internet Explorer 11

Try

• Demo the element loading a WordPress REST API endpoint at https://kherrick.github.io/x-postpress/

Usage

• Load the custom element using a script tag

  <script
    type="module"
    src="https://unpkg.com/x-postpress@latest/build/esm-bundled/src/components/x-postpress.js">
  </script>
  

• Add the tag into the document. Try using the browser's devtools to change the apiUrl attribute within the x-postpress tag to render another REST API posts endpoint:

  <x-postpress
    apiUrl="https://a.content.example.com/wp-json/wp/v2/posts?per_page=1"
    siteUrl="https://a.example.com/"
  ></x-postpress>
  

• If using the included index.html, a link can be created to the page, and the custom element attributes can be overridden by including them in the query string (example):

  <a
    href="https://kherrick.github.io/x-postpress/?apiUrl=https://b.content.example.com/wp-json/wp/v2/posts&siteUrl=https://b.example.com"
  >
    b.example.com
  </a>
  

• Examples using unpkg are available on a dedicated branch.