Coder Social home page Coder Social logo

thezenmonkey-silverstripe-amp's Introduction

SilverStripe AMP HTML

Converts pages to Google Amp HTML. For more information about AMP HTML see Google AMP Project Homepage.

Requirements

  • SilverStripe 3.2.x

Installation

Composer (recommended):

composer require thezenmonkey/silverstripe-amp

If you prefer you may also install manually:

  • Download the module from here LINK
  • Extract the downloaded archive into your site root so that the destination folder is called silverstripe-amp, opening the extracted folder should contain _config.php in the root along with other files/folders
  • Run dev/build?flush=all to regenerate the manifest

Usage

The module automatically adds a link to your MetaTags pointing to the AMP HTML version of the page http://yousite.com/page-name/amp.html.

A custom controller then renders your content using an AMP HTML version of the Page Template. <img /> tags are automatically converted to <amp-img /> before render.

Themes and Custom Page Types

The base Page type is Amp.ss, which can be overidden in your theme like any SilvserStripe Template. Custom Page Types can be rendered using ClassName-Amp.ss in your theme.

To Do

This is an initial commit as proof of concept as such

  • Add Base Styling to Match Simple Theme
  • Create Modular Schema System
  • Add Configurable Scripts for Common Amp Components

thezenmonkey-silverstripe-amp's People

Watchers

James Cloos avatar helpfulrobot avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.