sturple/fg-theme-master

该包已被废弃且不再维护。没有推荐替代包。

基本Twig模板主题

安装: 132

依赖: 0

推荐者: 0

安全: 0

星标: 1

关注者: 2

分支: 0

语言:HTML

类型:wordpress-theme

0.4.3 2017-08-25 23:08 UTC

This package is not auto-updated.

Last update: 2021-05-28 17:01:10 UTC


README

安装

  • 安装wordpress
  • 安装Timber插件(twig)
  • 安装Metabox插件(http://metabox.io
  • 在主题根目录运行 composer update(此操作安装symfony yaml解析器以读取设置)
  • 选择主题。
  • 在本地机器上运行npm install以安装grunt任务运行器。
  • 选择Google字体,更新Gruntfile.js,并运行 grunt googlefonts
  • 运行grunt watch并更新css或js以上传资产。

文件结构

├── 404.php
├── composer.json
├── functions.php
├── include
│   ├── shortcodes
│   │   ├── accordion.php
│   │   ├── ajax.php
│   │   ├── carousel.php
│   │   ├── custom-template.php
│   │   ├── email.php
│   │   ├── tabs.php
│   │   ├── twig.php
│   │   ├── gallery.php
│   │   ├── link.php
│   │   └── page-gallery.php
|   |    
│   ├── shortcodes.php
│   └── theme-settings.php
├── index.php
├── page-templates
│   ├── blank.php
│   ├── contact.php
│   ├── full-width.php
│   ├── landingpage.php
│   ├── listings.php
│   └── modular.php
├── README.md
├── screenshot.png
├── style.css
└── twig-templates
    ├── base.twig
    ├── footer.twig
    ├── header.twig
    ├── partials
    │   ├── article-list-element.twig
    │   ├── article.twig
    │   ├── awards.twig
    │   ├── blog-sidebar.twig
    │   ├── blog-tags-cats.twig
    │   ├── bootstrap-carousel.twig
    │   ├── breadcrumbs.twig
    │   ├── contact-sidebar.twig
    │   ├── gallery.twig
    │   ├── modal-inner.twig
    │   ├── navigation.twig
    │   ├── realtor-directory.twig
    │   ├── responsive-list.twig
    │   ├── social-sharing.twig
    │   └── specials.twig
    └── wp
        ├── archive.twig
        ├── index.twig
        ├── page-404.twig
        ├── page-blank.twig
        ├── page-contact.twig
        ├── page-full-width.twig
        ├── page-landing-twig
        ├── page-listings.twig
        ├── page-modular.twig
        ├── page.twig
        └── single.twig


短代码

[accordion] & [panel]

创建Bootstrap手风琴

短代码[accordion]不接受任何属性。所有非[panel]短代码(或嵌套其中的内容)的内容都将被忽略。

[panel]短代码接受以下属性

属性 描述
id 用于面板的HTML ID(如果没有提供,将自动生成一个)
title 面板的标题
active 默认为false,如果为true则打开手风琴

[panel]短代码的内容将用作手风琴中面板的内容。

[collapse] & [panel]

创建Bootstrap折叠

[collapse]短代码接受以下属性。所有非[panel]短代码(或嵌套其中的内容)的内容都将被忽略。

属性 描述
iconup 指示上箭头的图标,下箭头与此相同但旋转90度
fontfamily 图标默认为FontAwsome

[panel]短代码接受以下属性

属性 描述
id 用于面板的HTML ID(如果没有提供,将自动生成一个)
title 面板的标题
active 默认为false,如果为true则打开手风琴

[panel]短代码的内容将用作手风琴中面板的内容。

[carousel] & [slide]

创建Bootstrap轮播

[carousel]短代码接受以下属性

属性 默认值 描述
controls true 如果为"false",则轮播不会具有控制移动幻灯片的控件
id myCarousel 用于轮播的HTML ID(如果没有提供,将自动生成一个)
indicators true 如果为"false",则轮播不会显示指示当前活动幻灯片(以及总共有多少幻灯片)的指示器
innerclass 应用于生成的Bootstrap轮播内部容器的HTML类(或类列表)
outerclass 应用于生成的Bootstrap轮播外部容器的HTML类(或类列表)

所有非[slide]短代码的内容都将被忽略。

短代码 [slide] 支持以下属性:

属性 描述
alt alt 属性为幻灯片上显示的图像文本
caption 幻灯片上应显示的标题(默认无标题)
title 幻灯片的标题(默认无标题)
url 幻灯片上应显示的图像的 URL

所有 [slide] 短代码的内容都被忽略。

[custom-template] & [custom-item]

允许渲染指定的 Twig 模板。

[custom-template] 短代码明确接受以下属性

属性 描述
template 指定要渲染的模板文件名

短代码的其他属性值将作为变量传递到模板中。

注意,如果您指定了 "data" 属性,它将被覆盖,因此其值将不可访问(见下文)。

[custom-item] 短代码将在传递给渲染模板的数组中创建一个条目,作为 "data" 变量。该条目将对应于 [custom-item] 短代码的每个属性,以及一个包含短代码内容的 "content" 属性。注意,由于这个原因,如果您使用 [custom-item] 短代码的 "content" 属性,它将被覆盖,因此其值将不可访问。

[tabs] & [tab]

创建 Bootstrap 选项卡

[tabs] 短代码不接受任何属性。所有 [tabs] 短代码中不是 [tab] 短代码(或嵌套其中的内容)的内容都被忽略。

[tab] 短代码接受以下属性

属性 描述
active 如果为 "true",则该选项卡将默认为活动选项卡,如果没有选项卡被标记为活动状态,则第一个选项卡默认为活动状态
id 用于面板的HTML ID(如果没有提供,将自动生成一个)
title 选项卡的标题

[tab] 短代码的内容将用作选项卡的内容。

[pills] & [pill]

创建 [Bootstrap 药丸]。

[pills] 短代码不接受任何属性。所有 [pills] 短代码中不是 [pil] 短代码(或嵌套其中的内容)的内容都被忽略。

[pill] 短代码接受以下属性

属性 描述
active 如果为 "true",则该选项卡将默认为活动选项卡,如果没有选项卡被标记为活动状态,则第一个选项卡默认为活动状态
id 用于面板的HTML ID(如果没有提供,将自动生成一个)
title 选项卡的标题

[tab] 短代码的内容将用作选项卡的内容。

[ajax]

[ajax] 短代码用于通过 Ajax 加载页面内容。包含 Ajax 代码的页面需要您使用无模板或空白模板。

[ajax] 短代码接受以下属性

属性 描述
template 用于加载它将围绕其内容包装的 twig 模板

[link]

[link] 短代码接受以下属性

属性 描述
id 将转换成 URL 的帖子 ID(首选方法)
href 完整的 URL
attr 使用任何属性,例如 class="myclass" target="_blank"

[link id="2"]联系我[/link] --> 联系我

[link href="https://google.com" attr="target=_blank" ]Search Engine[/link]  --> <a href="https://google.com" target="_blank">Search Engine</a>

[email]

属性 描述
label 如果您需要标签有不同的内容

[email label="email"]webmaster@example.com[/email]

[twig]

允许您添加 twig 函数,以及获取全局 twig 变量。

[twig]{{config.company.booking.url}}[/twig]