促销小部件项目组件用法
在锂被子级别或在锂被子中呈现的页面“自定义内容”区域中,将组件添加到XML中的任何页面部分。 必须包含参数。 没有任何参数的实例将不会显示。
<@component id =“ jmp.PromoWidgetItem”参数/>
促销激活标签
促销被认为是无效的,并且直到文章标签才会轮流显示promo_active被分配给它。
组件实例级参数
这些配置是在XML级别进行的。 参数是可加的,所以标签+标签+前质将包括所有匹配的促销任何包含的条款除了那些您使用排除参数。
列出多个参数值,即labels =“ label1,label2”每次刷新一次都会随机旋转一次,而不是使用Javascript。
参数
|
说明与范例
|
|---|
前质
|
显示在此处输入了锂ID的广告,即“ 134”。 可以是一个逗号分隔的列表,其中包含一个或多个广告,每个页面视图(刷新时)随机旋转。
<@component id =“ jmp.PromoWidgetItem” promoid =“ 134” />
<@component id =“ jmp.PromoWidgetItem” promoid =“ 134,718,401” />
|
标签
|
使用此处列出的标签(一个或多个,以逗号分隔)随机显示广告。
<@component id =“ jmp.PromoWidgetItem” labels =“哥斯拉” />
<@component id =“ jmp.PromoWidgetItem” labels =“哥斯拉,超人” />
|
标签
|
使用此处列出的标签(一个或多个,以逗号分隔)随机显示广告。
<@component id =“ jmp.PromoWidgetItem”标签=“山羊” />
<@component id =“ jmp.PromoWidgetItem”标签=“山羊,鸟类,母牛” />
|
开始
|
从此处输入的日期开始显示选定的广告。 必须为YYYYMMDD格式。 如果未配置此选项,则广告将在其他配置指示的情况下立即显示。
<@component id =“ jmp.PromoWidgetItem” start =“ 20180214” />
|
结束
|
在此处输入的日期之后,广告将不会展示。 必须为YYYYMMDD格式。 如果未配置,则没有结束日期。
<@component id =“ jmp.PromoWidgetItem” end =“ 20180315” />
|
排除
|
要从阵列中排除的锂ID列表。 例如,您可能需要标签“ humor”中的所有促销,但排除ID“ 123”和“ 456”。
<@component id =“ jmp.PromoWidgetItem” labels =“ humor” exclude =“ 123,456” />
|
促销项目级配置
这些配置是在促销广告级别的主体文本(和封面图片,如果适用)中进行的。 分为部分,内容,按钮,颜色,嵌入式图像,背景图像。
重要:粘贴时,请根据您的平台使用“以纯文本格式粘贴”或“粘贴并匹配样式”等。 如果您不小心覆盖了输入区域,只需单击UNDO。 不在正确输入区域中的内容将不会呈现。
内容
应该是纯文字的。 这些中没有HTML或其他样式。
| 名称 |
描述 |
默认 |
|---|
标题
|
一,最大文字 |
“文本”
|
副标题
|
二,较小的文字 |
“文本”
|
信息
|
正文,最小 |
“文本”
|
动作/按钮
只能使用十六进制颜色值设置颜色,即#cc6600或CSS关键字透明。
| 名称 |
描述 |
默认 |
|---|
链接
|
目标网址用户点击广告后会转到 |
"http://www.jmp.com"
|
按钮文字
|
按钮文字 |
“学到更多”
|
按钮bg颜色
|
按钮的主要颜色 |
#cc6600 (JMP橙色)
|
按钮文字颜色
|
按钮文字颜色 |
#ffffff (白色)
|
色彩
只能使用十六进制颜色值设置颜色,即#cc6600或CSS关键字透明。
| 名称 |
描述 |
默认 |
|---|
文字颜色
|
标题,副标题和消息文本的颜色 |
#ffffff (白色)
|
背景颜色
|
促销彩色背景。 (默认情况下,背景图片的不透明度设置为30%,以通过它们显示颜色)。 |
#cc6600 (JMP橙色)
|
边框颜色
|
广告边框,以区别于广告背景和页面背景。 |
#dddddd (中灰)
|
背景图
使用右侧栏中的Lithium的封面照片设置背景图像(如右图所示)。 推荐的图像尺寸为1900px x 500px,以便能够在所有屏幕尺寸上正常显示。
所选图像将自动置于背景中,并且其不透明度默认设置为30%。
如果要更改背景图像的显示方式,请使用图像的css不透明和位置属性是可配置的:
| 名称 |
描述 |
默认 |
|---|
图像不透明度
|
0-100。 0为完全透明,仅显示背景颜色,100为完全不透明,仅显示背景图像。 |
30
|
影像位置
|
CSS背景位置值,即“ left”,“ center”,“ right”和“ top”,“ center”,“ bottom”。 使用任何两个,例如“ left top”。 应始终为x轴,然后为y轴,即“左上” |
中心中心
|
内嵌图片
不推荐使用,但在某些情况下可能需要这样做,例如左侧的头像等。
| 名称 |
描述 |
默认 |
|---|
图片
|
在所有文本之前或之后放置的图像。 保持简单(如果有的话)。 制作广告时,请按照说明进行操作。 将光标放在照片字段中,然后使用文本面板中的照片按钮。 |
空值
|
影像位置
|
图像应该在文本之前(垂直)还是在文本之前或之后? 值是一次,之后,左,右,一次两个。 |
离开前
|