英雄节

英雄节允许您在带有标题的页面宽度上添加块部分, content, 最多有两个按钮.

英雄章节说明
此短代码仅在使用全宽页面模板时可用. 如果您试图在默认模板或左侧侧边栏模板上使用它,它将不会显示任何content.

标题被分配一个标题2/H2标签. 你 不应该 在hero部分之前添加一个h2标签.

还有,这个组件 不应该 成为页面上的第一项. 你应该使用 特色形象英雄 而不是.

你的页面 不应该 主要是英雄部分. 英雄部分应该与页面上的其他组件或基本文本一起使用. 多个英雄区域是可以的,但是应该被其他组件区域隔开.

英雄节短码参数

英雄节短代码的参数:

  • 要求背景图片(bg_image): 这应该是您希望使用的背景图像的完整URL路径.
  • 背景位置(bg_position): 这允许您在区域内定位背景图像. 你可以浏览 关于背景图像定位的文档 欲了解更多信息.
  • 要求标题(标题): 章节的标题.
  • 副标题(字幕): 将显示在标题下面的部分的副标题. 注意:此文本不应超过2-3句话,如果超过250个字符将在显示时被切断.
  • 要求类型(类型): 英雄部分有两种样式,按钮和链接.
  • 主按钮文本(primary_button_text): 这是将显示在主按钮(绿色)上的文本. 记住,按钮应该是动作的调用. 这个标题应该代表这个动作.
  • 主按钮文本(primary_button_url): 这是主按钮(绿色)的链接.
  • 二级按钮文本(secondary_button_text): 这是将显示在次要(白色)按钮中的文本. 记住,按钮应该是动作的调用. 这个标题应该代表这个动作.
  • 二级按钮文本(secondary_button_url): 这是次要(白色)按钮的链接.
  • 菜单ID (menu_id): 这是您想用来显示链接的菜单的ID. 如果你选择一种类型的“链接”,那么这是必需的. 有一个硬限制5个菜单项将出现在前端.
  • 箭头(arrow_top): 通过将箭头参数设置为“white”,你可以让英雄区域的顶部有一个白色的向下箭头.”

英雄节短代码示例

使用按钮的英雄部分

[mu_hero type="buttons" title="参观am8亚美官网登录的校园" subtitle="am8亚美官网登录很高兴欢迎你来到亨廷顿的am8亚美官网登录官方下载, 西维吉尼亚州. 在您的校园参观期间,您将看到并感受到am8亚美官网登录官方下载的活力和骄傲. " primary_button_text="Schedule Campus Tour" primary_button_url="http://www.commissiontap.com/tour/" secondary_button_text="查看虚拟校园导览" secondary_button_url="http://www.commissiontap.com/virtual-tour/ " bg_image = " http://www.commissiontap.com/Admissions/files/hero-campus.Jpg " bg_position="50% - 70%"]
复制代码到剪贴板

“参观am8亚美官网登录的校园”的英雄部分 招生网站 英雄部分使用按钮的例子.

使用链接的英雄部分

[mu_hero type="links" title="采取下一步行动" subtitle="学习如何成为am8亚美官网登录的儿子或女儿" bg_image="http://www.commissiontap.com/Admissions/files/hero-band.Jpg " bg_position="50% 22%" menu_id=10]
复制代码到剪贴板

底部的“下一步”英雄部分 新生招生网站 英雄部分使用链接的例子.

英雄部分使用带有箭头的按钮

[mu_hero type="buttons" arrow_top="white" title="Discover Our Campus" subtitle="来参观am8亚美官网登录官方下载,了解am8亚美官网登录官方下载为你提供的东西。! am8亚美官网登录提供日常旅游,以及虚拟和自助旅游." primary_button_text="Schedule A Tour" primary_button_url="http://www.commissiontap.com/tour/" secondary_button_text="虚拟漫游" secondary_button_url="http://www.commissiontap.com/virtual-tour/ " bg_image = " http://www.commissiontap.com/wp-content/uploads/discover-campus.jpg”)
复制代码到剪贴板

“探索am8亚美官网登录的校园”的英雄部分 主页 是英雄部分的一个例子与箭头.