欢迎光临
我们一直在努力

Drupal-bootstrap 主题设置

为了修改主题设置,你需要打开./config/install/THEMENAME.settings.yml并添加下面的内容:

# Settings

settings:
  SETTING_NAME: SETTING_VALUE

 

高级设置

设置名 描述与默认值
include_deprecated 启用这个设置,将会包含在你的主题或基本主题中的任意deprecated.php

include_deprecated: 0

suppress_deprecated_warning 如果你希望支持deprecated警告信息,请启用这一设置。警告:阻止这些信息不能修复问题,当主题更新删除它们后,你将不可避勉地遇到一些问题。仅仅在必须时应用它们。

supprees_deprecated_warnings:0

 

高级设置 > CDN(内容分发网络)

设置名 描述与默认值
cdn_provider 选择cdn提供者,可以是jsdelivr或者自定义cdn源

cdn_provider:jsdelivr

cdn_custom_css 定义加载css的地址,最好使用https协议

cdn_custom_css:
 'https://cdn.jsdelivr.net/bootstrap/3.3.5/css/bootstrap.css'
cdn_custom_css_min 如果开启站点聚合,则加载这个压缩后的css

cdn_custom_css_min: 
'https://cdn.jsdelivr.net/bootstrap/3.3.5/css/bootstrap.min.css'
cdn_custom_js 自定义加载的js地址

cdn_custom_js: 
'https://cdn.jsdelivr.net/bootstrap/3.3.5/js/bootstrap.js'
cdn_custom_js_min 如果开启站点聚合,则加载压缩后的js

cdn_custom_js_min: 
'https://cdn.jsdelivr.net/bootstrap/3.3.5/js/bootstrap.min.js'
cdn_jsdelivr_version 选择jsdelivr上的bootstrap版本

cdn_jsdelivr_version: 3.3.5

cdn_jsdelivr_theme 选择jsdelivr上的Bootstrap主题,可以浏览主题。

cdn_jsdelivr_theme: bootstrap

 

组件(Components) > 面包屑(Breadcrumbs)

设置名 描述与默认值
breadcrumb 显示或隐藏而包屑

breadcrumb: ‘1’

breadcrumb_home 如果你的站点上有一个专门处理面包屑的模块,请启用这一设置

breadcrumb_home: 0

breadcrumb_title 如果你的站点上有一个专门处理面包屑的模块,请启用这一设置

breadcrumb_title: 1

 

组件(Components) > 导航条(Navbar)

设置名 描述与默认值
navbar_inverse 如果你想导航条以高对比样式显示,请启用它

navbar_inverse: 0

navbar_position 决定导航条放置在页面上的位置,可以静态显示、固定在上方和固定在下方

navbar_position: ”

 

组件 > Region Wells

设置名 描述与默认值
region_wells 为特定区域启用.well、.well-sm、.well-lg类。

region_wells:
  navigation: ''
  navigation_collapsible: ''
  header: ''
  highlighted: ''
  help: ''
  content: ''
  sidebar_first: ''
  sidebar_second: well
  footer: ''

 

通常(General) > 按钮(Buttons)

设置名 描述与默认值
button_colorize 给按钮添加一个基于它们文本值的类

button_colorize: 1

button_iconize 向按钮添加基于文本值的图标

button_iconize: 1

button_size 定义按钮的尺寸

button_size: ”

 

通常 > 容器(Container)

设置名 描述与默认值
fluid_container 使用.container-fluid类代替.container。

fluid_container: 0

 

通常 > 表单(Forms)

设置名 描述与默认值
forms_has_error_value_toggle 如果一个元素附加了.has-error类,启用它后,当输入值后自动删除这个类

forms_has_error_value_toggle: 1

forms_required_has_error 如果一个元素在表单中是必须的,启用它后,元素在显示时总时带有.has-error类。

forms_required_has_error: 0

forms_smart_descriptions 基于特定的规则把描述自动转换为提示(tooltips)。

forms_smart_descriptions: 1

forms_smart_descriptions_allowed_tags 通过检测以上列表的HTML检签防止描述成为提示,需检测的标签使用逗号分开。若要禁用此过滤规则,请留空。

forms_smart_descriptions_allowed_tags: ‘b, code, em, i, kbd, span, strong’

form_smart_descriptions_limit 通过检测描述字符的长度防止描述成为提示(tooltips)(HTML没有计入这个限制)。禁用此过滤规则,请留空。

forms_smart_descriptions_limit: ‘250’

 

通常 > 图像(Images)

设置名 描述与默认值
image_responsive 在Bootstrap 3中,通过添加.img-responsive类可以使图像成为可响应的。向图像应用max-width: 100%,height: auto;使得它能很好地随它的父元素伸缩。

image_responsive: 1

image_shape 向<img>添加一个默认的图像样式可选值为无、圆角、圆、缩略图。

image_shape: ”

 

通常 > 表格(Tables)

设置名 描述与默认值
table_bordered 添加边框

table_bordered: 0

table_condensed 将单元格的padding减半,使表格更紧凑

table_condensed: 0

table_hover 允行响应鼠标停在表格行上的事件

table_hover: 1

table_responsive 通过将表格放在.table-responsive使表格可响应。

table_responsive: 1

table_striped 在<tbody>内向表格的每行添加斑马条纹

table_striped: 1

 

JavaScript > 对话框(Modals)

设置名 描述与默认值
modal_enabled 启用它,将使用Bootstrap框架替换核心中实现的jQuery UI对话框

modal_enabled: 1

modal_animation 使用消隐动画效果

modal_animation: 1

modal_backdrop 包含一个modal-backdrop元素。另外指定static当单击时不能关闭modal

modal_backdrop: ‘true’

modal_keyboard 当按ESC键时关闭这个modal

modal_keyboard: 1

modal_show 当modal初始化时显示

modal_show: 1

mode_size 在modal-sm和modal-lg间选择尺寸

modal_size: ”

 

JaveScript > Popovers

设置名 描述与默认值
popover_enabled 具有data-toggle=”popover”属性的元系将会在页面加载时自动初始化弹出行为

popover_enabled: 1

popover_animation 应用一个CSS消隐到弹出器

popover_animation: 1

popover_container 给指定元素附加弹出器。例如body。这个选项是很有用的,它允许你在一个元素附近安置一个弹出器,在调整窗口尺寸期间它不会消失。

popover_container: body

popover_content 如果没有data-content或data-target属性时的默认值

popover_content: ”

popover_delay 显示或隐藏弹出器的时间(毫秒级)。不要用于手工的触发类型。

popover_delay: ‘0’

popover_html 向弹出器插入HTML。如果设为false,jQuery的text方法将无法向DOM插入内容。如果你担心XSS攻击,请使用text。

popover_html: 0

popover_placement 弹出器的方向中。当指定auto,它将会动态地调整弹出位置。例如,如果placement是auto left,弹出器将尽可能显示在左边,否则它将显示在右边。

popover_placement: right

popover_selector 如果提供了一个选择器,提示对象(tooltip objects)将会被委托给指定目示。

popover_selector: ”

popover_title 如果没有title属性默认的title值

popover_title: ”

popover_trigger 如何触发一个弹出器

popover_trigger: click

popover_trigger_autoclose 如果单击任何地方而不是弹出器元素,也会自动关闭当前弹出器

popover_trigger_autoclose: 1

 

JavaScript >提示(Tooltips)

设置名 描述与默认值
tooltip_enabled 具有data-toggle=”tooltip”属性的元素在页面加载时自动初始化tooltip。

tooltip_enabled: 1

tooltip_animation 给tooltip应用一个CSS消隐动画

tooltip_animation: 1

tooltip_container 附加tooltip到指定元素。如body

tooltip_container: body

tooltip_delay 显示和隐藏tooltip的时间(毫秒级)。不适用手工触发器类型

tooltip_delay: ‘0’

tooltip_html 向tooltip插入HTML。如果设为false,jQuery的text方法将无法向DOM插入内容。如果你担心XSS攻击,请使用text。

tooltip_html: 0

tooltip_placement 提示的位置。当设为auto时,它将会自动地调整tooltip。例如,如果设为auto left,tooltip将尽可能显示在左边,否则它显示在右边

tooltip_placement: ‘auto left’

tooltip_selector 如果提供一个选择器,tooltip对象将会被委托给指定的对象

tooltip_selector: ”

tooltip_trigger 如何触发tooltip

tooltip_trigger: hover

赞(0)
版权归原作者所有,如有侵权请告知。达维营-前端网 » Drupal-bootstrap 主题设置

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址