README

此包为 Symfony2 提供了 HTML5 Verti 模板

安装

$ composer require evheniy/html5-verti-template-bundle "1.*"

或者添加到 composer.json

"evheniy/evheniy/html5-verti-template-bundle": "1.*"

AppKernel

public function registerBundles()
    {
        $bundles = array(
            ...
            new Evheniy\HTML5VertiTemplateBundle\HTML5VertiTemplateBundle(),
        );
        ...

config.yml

#HTML5VertiTemplateBundle
html5_verti_template: ~

or

#HTML5VertiTemplateBundle
html5_verti_template:
    cdn: cdn.site.com

以及在 config.yml 中的 Assetic 配置

#Assetic Configuration
assetic:
    bundles: [ HTML5VertiTemplateBundle, JqueryBundle ]
    filters:
        uglifyjs2:
            bin: /usr/local/bin/uglifyjs
        uglifycss:
            bin: /usr/local/bin/uglifycss
        optipng:
            bin: /usr/bin/optipng
        jpegoptim:
            bin: /usr/bin/jpegoptim

此包使用了 JqueryBundle 和 HTML5CacheBundle。因此，您需要配置这些包

AppKernel

public function registerBundles()
    {
        $bundles = array(
            ...
            new Evheniy\JqueryBundle\JqueryBundle(),
            new Evheniy\HTML5CacheBundle\HTML5CacheBundle(),
        );
        ...

config.yml

jquery: ~
html5_cache: ~

最后一步

app/console assetic:dump --env=prod --no-debug

以及对于缓存

app/console manifest:dump

文档

您可以使用本地 CDN（域名）

html5_verti_template:
    cdn: cdn.site.com

默认值为空

使用

此包提供了 4 种视图

• 主页:

   {% extends "HTML5VertiTemplateBundle::index.html.twig" %}
  

• 带有 左侧边栏

   {% extends "HTML5VertiTemplateBundle::left_sidebar.html.twig" %}
  

• 带有 右侧边栏

   {% extends "HTML5VertiTemplateBundle::right_sidebar.html.twig" %}
  

• 无侧边栏:

   {% extends "HTML5VertiTemplateBundle::no_sidebar.html.twig" %}
  

您可以在 演示 中查看其外观

许可证

此包在 MIT 许可下。

俄语文档

演示

Verti 是由 HTML5 UP 提供的免费响应式网站模板