프로모션 위젯 항목 구성 요소 사용
리튬 퀼트 수준 또는 리튬 퀼트에서 렌더링되는 페이지 사용자 정의 콘텐츠 영역에서 XML의 모든 페이지 섹션에 구성 요소를 추가합니다. 매개 변수가 포함되어야합니다. 매개 변수가없는 인스턴스는 표시되지 않습니다.
<@component id = "jmp.PromoWidgetItem"매개 변수 />
프로모션 활성화 라벨
프로모션은 비활성 상태로 간주되며 기사 라벨이 표시 될 때까지 로테이션에 표시되지 않습니다. promo_active 할당됩니다.
구성 요소 인스턴스 수준 매개 변수
이러한 구성은 XML 수준에서 이루어집니다. 매개 변수는 가산 적이므로 라벨 + 태그 + 프로모 이드 포함 할 것이다 모두 일치하는 프로모션 어떤 포함 된 용어의 외 당신이 들어오지 못하게 하다 매개 변수.
둘 이상의 매개 변수 값 목록, 즉, labels = "label1, label2" 자바 스크립트가 아니라 각 페이지 새로 고침에 대해 무작위로 한 번 회전합니다.
매개 변수
|
설명 및 예
|
|---|
프로모 이드
|
여기에 입력 된 리튬 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"tags = "염소"/>
<@component id = "jmp.PromoWidgetItem"tags = "염소, 새, 소"/>
|
스타트
|
여기에 입력 한 날짜부터 선택한 광고를 표시합니다. YYYYMMDD 형식이어야합니다. 구성되지 않은 경우 다른 구성으로 표시되는 경우 광고가 즉시 표시됩니다.
<@component id = "jmp.PromoWidgetItem"start = "20180214"/>
|
종료
|
여기에 입력 한 날짜 이후에는 광고가 표시되지 않습니다. YYYYMMDD 형식이어야합니다. 구성되지 않은 경우 종료 날짜가 없습니다.
<@component id = "jmp.PromoWidgetItem"end = "20180315"/>
|
들어오지 못하게 하다
|
어레이에서 제외 할 리튬 ID 목록입니다. 예를 들어 레이블이 "유머"이지만 ID "123"및 "456"은 제외 된 모든 프로모션을 원할 수 있습니다.
<@component id = "jmp.PromoWidgetItem"labels = "humor"exclude = "123,456"/>
|
프로모션 항목 수준 구성
이러한 구성은 본문 텍스트 (및 해당되는 경우 표지 이미지)에서 프로모션 광고 수준에서 이루어집니다. 섹션, 콘텐츠, 버튼, 색상, 인라인 이미지, 배경 이미지로 구분됩니다.
중대한: 붙여 넣을 때는 플랫폼에 따라 "일반 텍스트로 붙여 넣기"또는 "스타일 붙여 넣기"등을 사용하십시오. 실수로 입력 영역을 덮어 쓴 경우 UNDO를 누르십시오. 적절한 입력 영역에없는 콘텐츠는 렌더링되지 않습니다.
함유량
텍스트 전용이어야합니다. HTML이나 다른 스타일이 없습니다.
| 이름 |
기술 |
기본 |
|---|
표제
|
첫째, 가장 큰 텍스트 |
"본문"
|
교감
|
둘째, 작은 텍스트 |
"본문"
|
메시지
|
본문 텍스트, 최소 |
"본문"
|
액션 / 버튼
색상은 16 진수 색상 값만 사용하여 설정해야합니다. # cc6600 또는 CSS 키워드 투명한 .
| 이름 |
기술 |
기본 |
|---|
링크
|
타겟 URL 사용자가 광고를 클릭하면 이동합니다. |
"http://www.jmp.com"
|
버튼 텍스트
|
버튼 텍스트 |
"더 알아보기"
|
버튼 bg 색상
|
버튼의 기본 색상 |
# cc6600 (JMP 오렌지)
|
버튼 텍스트 색상
|
버튼 텍스트 색상 |
#ffffff (하얀)
|
그림 물감
색상은 16 진수 색상 값만 사용하여 설정해야합니다. # cc6600 또는 CSS 키워드 투명한 .
| 이름 |
기술 |
기본 |
|---|
텍스트 색상
|
헤드 라인, 부제목 및 메시지 텍스트의 색상 |
#ffffff (하얀)
|
배경색
|
프로모션 색상의 배경입니다. (배경 이미지의 불투명도는 기본적으로 30 %로 설정되어 색상을 표시합니다.) |
# cc6600 (JMP 오렌지)
|
테두리 색상
|
광고 배경 및 페이지 배경과 구분하기위한 광고 테두리입니다. |
#dddddd (미디엄 그레이)
|
배경 이미지
오른쪽 사이드 바에있는 리튬의 표지 사진을 사용하여 배경 이미지를 설정합니다 (오른쪽 그림 참조). 모든 화면 크기에서 예측 가능하게 표시 할 수 있도록 권장 이미지 크기는 1900px x 500px입니다.
선택한 이미지는 자동으로 배경에 배치되며 불투명도는 기본적으로 30 %로 설정됩니다.
배경 이미지가 표시되는 방식을 변경하려면 이미지의 CSS 불투명 과 위치 속성을 구성 할 수 있습니다.
| 이름 |
기술 |
기본 |
|---|
이미지 불투명도
|
0-100. 0은 완전히 투명하고 배경색 만 표시하고 100은 완전히 불투명하며 배경 이미지 만 표시합니다. |
30
|
이미지 위치
|
CSS 배경 위치 값, 즉 "left", "center", "right"및 "top", "center", "bottom". 예를 들어 "왼쪽 상단"과 같이 2 개를 사용합니다. 항상 x 축 뒤에 y 축이 와야합니다. 즉, "left top" |
센터 센터
|
인라인 이미지
권장되지는 않지만 왼쪽의 헤드 샷과 같은 상황에서 이에 대한 호출이있을 수 있습니다.
| 이름 |
기술 |
기본 |
|---|
영상
|
모든 텍스트 앞 또는 뒤에 넣을 이미지입니다. 단순하게 유지하십시오. 광고를 만들 때 지침을 따르십시오. 사진 필드에 커서를 놓은 다음 텍스트 패널에서 사진 버튼을 사용합니다. |
없는
|
이미지 위치
|
이미지는 텍스트 앞 (세로) 또는 뒤, 텍스트의 왼쪽 또는 오른쪽에 있어야합니까? 값은 앞, 뒤, 왼쪽, 오른쪽, 한 번에 두 개입니다. |
왼쪽 전에
|
