Apple News
WordPress Plugin

Bradford Campeau-Laurion / @potatomaster
Partner & Chief Strategy Officer
alleyinteractive.com

  • We design and build big websites for news organizations and large-scale non-profit institutions.
  • WordPress.com VIP partner

We're Hiring!

hiring@alleyinteractive.com

What is Apple News?

Apple News Format

JSON

							
{
    "version":"0.10",
    "identifier":"post-12345",
    "language":"en",
    "title":"A headline goes here",
    "layout":{
        "columns":7,
        "width":1024,
    },
    "components":[
        {...}
    },
    "metadata":{
        "thumbnailURL":"bundle:\/\/featured.jpg"
    }
}

Components

							
"components":[
	{
		"role":"photo",
		"URL":"bundle:\/\/featured.jpg",
		"caption":"",
		"accessibilityCaption":"",
		"behavior":{
			"type":"parallax",
			"factor":0.6
		},
		"layout":{
			"ignoreDocumentMargin":true
		}
	}
]

Animations

Appear
Fade-in
Move-in
Scale Fade
Scene (Abstract)
Fading Sticky Header
ParallaxScaleHeader

Behaviors

Motion
Parallax
Springy

Layout and Position

Styles

Beezwax

API Interactions

Request Signing

Dashboard tools

Built-in Formatting Options

Parsing Content

HTML > Markdown

advertisement
audio
body
byline
component
cover
divider
embed-web-video
gallery
heading
image
instagram
intro
quote
title
tweet
video
WordPress VIP

Coding Standards

Sanitization and Escaping

Replacing CURL
with WP HTTP API

Debug mode

Action and Filter Hooks

Bundling

All content, images and fonts

WordPress VIP

The Result

Enhancements

More Filters

More Component Classes

Asynchronous Publishing

1.0 Release

Get Involved

News Preview

https://developer.apple.com/news-preview/

Get a channel

WordPress VIP https://www.icloud.com/newspublisher/

Use the plugin

WordPress.org

http://www.wordpress.org/plugins/publish-to-apple-news

WordPress VIP

https://vip.wordpress.com/plugins/apple-news/

Pull Requests Welcome

https://github.com/alleyinteractive/apple-news

The End

brad@alleyinteractive.com
@potatomaster


Alley Interactive
@alleydev

We're Hiring!

hiring@alleyinteractive.com

#bigwp