John Regan johnregan3

Freestyle walking champion and aspiring astronaut. I'm a Leo who enjoys long walks on the beach and well-documented and formatted code.

johnregan3 / wp-amp-tutorial-component-scripts.php

Last active September 28, 2016 16:03

Add component scripts to WP AMP

	<?php
	/**
	* Register the amp-sidebar and amp-accordion component scripts with WP AMP.
	*
	* This goes in your amp.php
	*/
	function jr3_amp_component_scripts( $data ) {
	$data['amp_component_scripts']['amp-sidebar'] = 'https://cdn.ampproject.org/v0/amp-sidebar-0.1.js';
	$data['amp_component_scripts']['amp-accordion'] = 'https://cdn.ampproject.org/v0/amp-accordion-0.1.js';

johnregan3 / wp-amp-tutorial-primary-nav.php

Last active February 13, 2019 16:39

Adding a Primary Navigation Menu to an AMP WordPress Theme

	<?php
	/**
	* Register the amp-sidebar component script with WP AMP.
	*
	* This goes in your amp.php
	*/
	function jr3_amp_sidebar_component_script( $data ) {
	$data['amp_component_scripts']['amp-sidebar'] = 'https://cdn.ampproject.org/v0/amp-sidebar-0.1.js';
	return $data;
	}

johnregan3 / amp-check-for-plugin.php

Last active September 28, 2016 16:04

Admin notice if the WP AMP Plugin is not installed.

	<?php
	/**
	* Show an Admin Notice if the AMP plugin is not found.
	*
	* This is a basic implementation. Naturally, you'll want
	* to add ajax support so that once this is dismissed, it goes
	* away permanently. Also, you may want to limit the admin
	* pages this displays to prevent annoying your users.
	*
	* @return bool

johnregan3 / wp-amp-tutorial-register-templates-style-cpts.php

Last active September 28, 2016 16:05

	<?php
	/**
	* Add custom AMP template files.
	*
	* Registers templates in a /templates subdirectory.
	*
	* @filter amp_post_template_file
	*
	* @param string $file The file name input.
	* @param string $type The type of template.

johnregan3 / wp-amp-tutorial-register-templates-style.php

Last active July 21, 2016 16:40

	<?php
	/**
	* Add a custom AMP template file.
	*
	* Registers templates in a /templates subdirectory.
	*
	* @filter amp_post_template_file
	*
	* @param string $file The file name input.
	* @param string $type The type of template.

johnregan3 / wp-amp-tutorial-social-share.php

Last active September 28, 2016 16:21

Example AMP Social Share buttons in WordPress

johnregan3 / wp-amp-tutorial-amp-head.html

Created July 12, 2016 17:51

Example AMP template HTML <head>

	<!doctype html>
	<html ⚡>
	<head>
	<meta charset="utf-8">
	<title>Sample document</title>
	<link rel="canonical" href="./regular-html-version.html">
	<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
	<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
	<scrip

johnregan3 / wp-amp-tutorial-menu.php

Last active December 31, 2019 03:01

Creating a Menu using amp-sidebar in WordPress

	<?php
	/**
	* Render the Primary Nav Menu
	*
	* Uses amp-sidebar to handle
	* slideout animation.
	*
	* Be sure to include the amp-sidebar component script.
	* Also, rememeber that the amp-sidebar element must be
	* a direct child of the <body>.

johnregan3 / wp-amp-tutorial-register-component-scripts.php

Last active July 13, 2016 00:57

Registering Component Scripts for AMP Extensions with the WP AMP plugin

	<?php
	/**
	* Include AMP component scripts.
	*
	* Be sure to only register the scripts for the extensions
	* that you really need to reduce page load times.
	*
	* @filter amp_post_template_data
	*
	* @param array $data Input from filter.

johnregan3 / wp-amp-tutorial-filter-shortcode-podcast.php

Last active December 25, 2019 13:06

Filtering WP Shortcodes to comply with AMP standards.

	<?php
	/**
	* Hijack a hypothetical [podcast] custom shortcode for AMP.
	*
	* Replaces [podcast] output with amp-audio.
	*
	* Be sure you've added the amp-audio component script to the template.
	*
	* @filter the_content
	*

	<?php
	/*
	* Example of using amp-social-share within WP.
	*
	* Note that Facebook requires an App ID {YOUR_FB_APP_ID}.
	*
	* Be sure to include the amp-social-share component script.
	*/
	<div class="share-buttons">
	<amp-social-share type="facebook" width="32" height="32"