卡片

卡片注意事项
卡片只能在列内使用. 你可以 了解如何创建列 在本文档中.

卡短码参数

Card短码的参数:

  • 图片(图片): 这是要使用的图像的URL. 这张图片 必须在您网站的媒体库中 才能正确加载. 注意:如果你在列中使用卡片短代码,你想要你的标题水平对齐, 每张卡片的所有图像都应该是完全相同的大小. 你的图片宽度应该在450到600像素之间.
  • 要求标题(标题): 这应该是卡片的标题, 它将以半粗体直接显示在图像下方和卡片内容之前.
  • 按钮文本(button_text): 您还可以包含将显示在卡片底部的按钮的信息. 按钮文本值将是显示在按钮上的文本. 注意:所有按钮文本都应该是动作调用,不应该包括“点击这里”.
  • 按钮链接(button_link): 这应该是您希望从按钮链接到的页面的完整URL.
Dos
  • 标题要简短,3到5个字
  • 使用适当大小的图像
  • 保持卡片主体限制在最多几个段落
不该做的事
  • 页面的大部分内容使用卡片
  • 在卡片集合中使用不同大小的图像
  • 内容中除了文本、列表或链接之外,还要包含任何内容

卡片短码示例

基本卡示例

Drinko图书馆
Lorem ipsum dolor sit amet, conttetur adipiscing elit这句话的意思是:“这句话的意思是.
[mu_card title="Drinko图书馆"]
Lorem ipsum dolor sit amet, conttetur adipiscing elit这句话的意思是:“这句话的意思是.
[/mu_card]
将代码复制到剪贴板

基本卡与图像示例

Drinko图书馆
Drinko图书馆
Lorem ipsum dolor sit amet, conttetur adipiscing elit这句话的意思是:“这句话的意思是.
[mu_card image="http://gender.aotaart.com/marsha/files/2021/11/drinko.jpeg" title="Drinko图书馆"]
Lorem ipsum dolor sit amet, conttetur adipiscing elit这句话的意思是:“这句话的意思是.
[/mu_card]
将代码复制到剪贴板

带有图像和按钮的卡片示例

Drinko图书馆
Drinko图书馆
Lorem ipsum dolor sit amet, conttetur adipiscing elit这句话的意思是:“这句话的意思是.
[mu_card image="http://gender.aotaart.com/marsha/files/2021/11/drinko.jpeg" title="Drinko图书馆" button_text="参观德林科图书馆" button_link="#"]
Lorem ipsum dolor sit amet, conttetur adipiscing elit这句话的意思是:“这句话的意思是.
[/mu_card]
将代码复制到剪贴板

带有图像、图标和按钮的卡片示例

Drinko图书馆
Drinko图书馆
Lorem ipsum dolor sit amet, conttetur adipiscing elit这句话的意思是:“这句话的意思是.
[mu_card icon="checkmark" image="http://gender.aotaart.com/marsha/files/2021/11/drinko.jpeg" title="Drinko图书馆" button_text="参观德林科图书馆" button_link="#"]
Lorem ipsum dolor sit amet, conttetur adipiscing elit这句话的意思是:“这句话的意思是.
[/mu_card]
将代码复制到剪贴板