README

安装

使用 Symfony Flex 的应用程序

打开命令行，进入您的项目目录并执行

$ composer require juanmiguelbesada/amp-bundle

不使用 Symfony Flex 的应用程序

步骤 1：下载 Bundle

打开命令行，进入您的项目目录并执行以下命令以下载此 Bundle 的最新稳定版本

$ composer require juanmiguelbesada/amp-bundle

此命令要求您全局安装 Composer，如 Composer 文档中的安装章节所述。

步骤 2：启用 Bundle

然后，将 Bundle 添加到项目中 app/AppKernel.php 文件中注册的 Bundle 列表中以启用它

<?php
// app/AppKernel.php

// ...
class AppKernel extends Kernel
{
    public function registerBundles()
    {
        $bundles = array(
            // ...
            new JuanMiguelBesada\AMPBundle\AMPBundle(),
        );

        // ...
    }

    // ...
}

如何使用

使用此 Bundle 非常简单，您只需扩展基本模板即可。

开箱即用，您将获得一个经过 AMP 验证的模板，它包含 basscss 和 normalize.css 的最小化版本。

{# base.html.twig #}
{% extends "@AMP/base.html.twig" %}

{% block title %}Welcome to AMP{% endblock %}

{% block body %}
    This is a valid AMP
{% endblock %}

自定义样式

AmpBundle 包含一个 twig 过滤器，可以帮助您压缩自定义 CSS。它使用 Matthias Mullie 的 Minify 库。

minifyCSS 过滤器会删除注释、移除空白符，并从您的 CSS 中删除任何 !important 声明。

{# base.html.twig #}
{% extends "@AMP/base.html.twig" %}

{% block title %}Welcome to AMP{% endblock %}

{% block amp_custom_styles %}
    {{ parent() }}
    {{ include('my_custom_twig_css.css.twig')|minifyCSS }}
{% endblock amp_custom_styles %}

{% block body %}
    This is a valid AMP
{% endblock %}

juanmiguelbesada / amp-bundle

维护者

详细信息