README

安装

安装wordpress
安装Timber插件（twig）
安装Metabox插件（http://metabox.io）
在主题根目录运行composer update（此操作安装symfony yaml解析器以读取设置）
选择主题。
在本地机器上运行npm install以安装grunt任务运行器。
选择Google字体，更新Gruntifile.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类（或类列表）

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

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

属性	描述
alt	图片的替代文本，将出现在幻灯片中
标题	将出现在幻灯片上的标题（默认无标题）
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]短代码的内容都将被忽略（除了[pill]短代码或其中嵌套的内容）。

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

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

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

[ajax]

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

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

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

[link]

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

属性	描述
id	将帖子id转换为url（首选方法）
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]

fgms / wp-theme-twig

维护者

详细信息