sturple / fg-theme-master
基本Twig模板主题
Requires
- php: >=5.4
- composer/installers: ~1.0
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]