Электрондық хаттарда, беттерде және пішіндерде құрастырушы мүмкіндіктерін қосу үшін реттелетін атрибуттарды пайдалану
Мазмұн құрастырушылары графикалық редакторды да, HTML код редакторын да қамтамасыз етеді. Олар жасайтын HTML кез келген HTML көрсетушісімен үйлесімді, бірақ олар графикалық редактор ұсынған драга-тамшы дизайн элементтерін және жалпы стиль параметрлерін қолдайтын бірнеше реттелетін атрибуттарды қолдайды. Осы реттелетін атрибуттарды пайдалану үшін берілген әдепкі хабар үлгілері мен бет үлгілері оларды белгілі бір тәсілдермен Dynamics 365 Customer Insights - Journeys реттеуді жеңілдетеді. Сондай-ақ, өз үлгілеріңізді құрастырғанда осы реттелетін атрибуттарды пайдалануға болады.
Шайпұл
Microsoft электрондық хаттарда реттелетін HTML қолдауын көрсетпейді.
Тег және атрибут жиынтығы
Келесі кестеде осы тақырыпта сипатталған реттелетін атрибуттар мен мета тегтерге жылдам сілтеме берілген.
| Реттелетін төлсипат | Сипаттама |
|---|---|
<meta type="xrm/designer/setting" name="type" value="marketing-designer-content-editor-document"> |
Бұл тег құжатыңызда <head>болған кезде Құрастырушы қойындысында драга-ашылмалы мүмкіндіктер беріледі. Егер бұл тег болмаса, Құрастырушы қойындысында жеңілдетілген, толық бетті өңдегіш қамтамасыз етіледі. Қосымша ақпарат: Құралдар жәшігін көрсету және драга-ашылмалы өңдеуді қосу |
<meta type="xrm/designer/setting" name="additional-fonts" datatype="font" value="<font-list>"> |
Бұл тег құжатыңызда <head> болған кезде қаріптер тізімінде < (семиколон бөлектелген) көрсетілген> қаріптер мәтін элементтеріне арналған пішімдеу құралдар тақтасындағы қаріп мәзіріне қосылады. Қосымша ақпарат: Мәтін элементінің құралдар тақтасына жаңа қаріптер қосу |
<div data-container="true"> … </div> |
Пайдаланушылар конструктивтік элементтерді апарып тастай алатын контейнердің басталу және аяқталуын белгілейді. Қосымша ақпарат: Пайдаланушылар құрастыру элементтерін қоса алатын контейнерді жасау |
<div data-editorblocktype="<element-type>"> … </div> |
Конструкция элементінің басталуы мен аяқталуын белгілейді. Атрибуттың мәні элементтің қай түрі екенін анықтайды (мәтін, кескін, түйме және т.б.). Кейбір дизайн элементтері мұнда қосымша атрибуттарды қолдайды. Қосымша ақпарат: Құрастырушы көрінісіндегі құрастырушы элементтерін және Құлыптау элементтерін анықтау |
<meta type="xrm/designer/setting" name="<name>" value="<initial-value>" datatype="<data-type>" label="<label>"> |
Бұл тег пайдаланушылар «Құрастырушы мәнерлері>» қойыншасын пайдаланып өңдей алатын жалпы құжат мәнерінің параметрін анықтайды. Қосымша ақпарат: Мәнерлер қойындысына параметрлер қосу |
/* @<tag-name> */ … /* @<tag-name> */ |
Мәнер параметрімен басқарылатын мәнді қоршап CSS алу үшін осы сияқты түсініктемелерді пайдаланыңыз CSS , мұндағы <тег атауы> - параметрді орнатқан мета тег үшін атау атрибутының мәні. Қосымша ақпарат: Басты мәнер параметрлерін іске асыру үшін түсініктемелер қосу CSS |
property-reference= "<attr>:@< tag-name >;<attr>:@< tag-name >; …" |
Бұл атрибутты мәнер параметрімен басқарылатын мәнді атрибутты орналастыру үшін кез келген HTML тегіне қойыңыз, мұнда <attr> — жасалуға тиіс атрибуттың атауы және <тег атауы> — параметрді орнатқан мета тег үшін атрибут мәні name . Қосымша ақпарат: Денедегі мәнер параметрлерін іске асыру үшін сипат-сілтеме атрибуттарын қосу |
Осы тақырыптың қалған бөлімдері кестеде жинақталған мүмкіндіктердің әрқайсысын қалай пайдалану керектігі туралы қосымша ақпарат береді.
Құралдар жәшігінің көрсетілімі және драга-ашылмалы өңдеуді қосу
Дизайнды өте тез құруды бастау үшін кез келген үшінші тарап құралында әзірленген HTML-ді дизайнердің HTML қойындысына тікелей қоюға болады. Дегенмен, мұны жасаған кезде Құрастырушы қойындысы мәтінді пішімдеу құралдар тақтасын қамтамасыз ететін бір бай мәтін өңдегіші ретінде көрсетіледі және HTML-ге қосылған барлық суреттерді, сілтемелерді және мәнерлерді көрсетеді, бірақ басқаша түрде Құралдар жәшігін, Сипаттарын немесе Мәнерлер қойындыларын немесе кез келген драга-ашылмалы функционалды қамтамасыз етпейді (бұл жеңілдетілген Құрастырушы көрінісі кейде толық бетті өңдегіш деп аталады). Дегенмен, құжатыңыздың бөліміне келесі мета тегті қосу арқылы кез келген жапсырылған дизайн үшін апару-тастау функциясын қосуға <head> болады:
<meta type="xrm/designer/setting" name="type" value="marketing-designer-content-editor-document">
Келесі суретте толық бетті өңдеу режимінде (сол жақта) және драга-ашылмалы режимде (оң жақта) бірдей дизайн көрсетілген. Жалғыз айырмашылығы - оң жақтағы конструкция мета тегті қамтиды, сондықтан драга-тамшы қосылған, ал бүйірлік панель көрсетілген.
Ескертпе
Толық бетті өңдегішті пайдаланған кезде мәтінді пішімдеу құралдар тақтасын (көрсетілген) пайдаланып мәтінді таңдауға, өңдеуге және мәнерлеуге болады, сондай-ақ қалқымалы диалог арқылы олардың сипаттарын орнату үшін суреттерді, сілтемелерді және басқа элементтерді екі рет басуға болады. Құралдар тақтасы, сондай-ақ, әр алушының контакт жазбасынан сызылған өріс мәндері сияқты динамикалық мазмұнды қосу үшін Өңдеуге көмек көрсету түймешігін қамтиды 
.
Пайдаланушылар құрастыру элементтерін қоса алатын контейнерді жасау
Құрастырушы қойындысында пайдаланушылар тек құрастыру элементі ішіндегі мазмұнды өңдей алады және құжаттың деректер контейнері ретінде орнатылған бөліктеріне жаңа құрастыру элементтерін ғана апарып тастай алады. Сондықтан кейбір аумақтар (контейнерлерден тыс) Құрастырушы қойындысында өңдеуге бұғатталған үлгілер жасауға болады, ал басқалары (құлыптанбаған контейнерлердің ішінде) өңдеулер мен апарылған мазмұнды қабылдайды.
Деректер контейнерлерін жасау үшін атрибутты <div> қамтитын тегтерді пайдаланыңыз data-container="true" , мысалы:
<table aria-role="presentation">
<tbody><tr>
<td>
LOCKED
</td>
<td>
<div data-container="true">
<!-- DRAG HERE -->
</div>
</td>
</tr>
</tbody></table>
Деректер-контейнерлік сүңгуір-тег жұбының ішінде ұя салатын және құрастыру элементіне кірмейтін кез келген мәтін немесе HTML тегтері екі апару аймағының арасында апарылмайтын, өңделмейтін аумақ жасайды. Мысалы:
<div data-container="true">
<!-- DRAG HERE --> <p> LOCKED </p> <!-- DRAG HERE -->
</div>
Ескертпе
Толық бетті өңдегіш қосылғанда барлық драга-ашылмалы мүмкіндіктер ажыратылады және құрастырушы қойындысындағы барлық мазмұнды, соның ішінде сүңгуір биркаларының data-container сыртындағы мазмұнды (толық бетті өңдегіште әсері жоқ) өңдеуге болады.
Құрастырушы көрінісіндегі контейнерді құлыптау
Барлық мазмұнды тек Құрастырушы қойындысында оқу үшін контейнерді құлыптауға болады. Егер құлыпталған контейнерде конструктивтік элементтер болса, онда сол элементтерге арналған барлық мазмұн мен параметрлер бұғатталған күйде қалады және сипаттар қойындысы оларды таңдасаңыз да олар үшін ешқашан көрсетілмейді.
Контейнерді құлыптау мүмкіндігін ол үшін дизайн компоненттерін қосу және конфигурациялау аяқталғаннан кейін контейнерді құлыптау үшін пайдалануыңыз мүмкін.
Контейнерді құлыптау үшін, атрибутты мына сияқты контейнерлік тегке қосыңыз data-locked="hard" :
<div data-container="true" data-locked="hard">
<!-- All elements and content here are locked, with no properties shown -->
</div>
Ескертпе
Контентті дизайн-элемент деңгейінде де құлыптауға болады. Егер контент контейнер деңгейінде құлыпталған болса, онда бұл параметр сол контейнер ішіндегі барлық конструкция элементтерінің құлыпталған/құлыптанбаған күйінің күшін жояды. Қосымша ақпарат: Құрастырушы көрінісіндегі элементтерді құлыптау
Контейнерлерді бұғаттауды одан әрі қамтамасыз ету үшін HTML қойындысына кіруді шектеуге болады, бұл таңдалған пайдаланушылардың кодқа кіруіне кедергі келтіреді (бұнда олар бұл параметрді басқаша жеңе алады). Қосымша ақпарат: Құрастырушы мүмкіндіктеріне қатынасуды бақылау
Конструктивтік элементтерді анықтау
Құрастырушы қойындысын пайдаланып құрастырушы элементін қосқан сайын редактор элементтің <div> басталуы мен аяқталуын белгілеу үшін тегтер жұбын кірістіріп, сипаттар қойындысындағы оның параметрлерінде көрсетілгендей элементті көрсету үшін HTML қажет болса да жасайды.
Конструкция элементтері пішін <div> атрибутын қамтитын биркалармен data-editorblocktype="<element-type>"белгіленеді, мұнда осы атрибуттың мәні оның элемент түрін анықтайды. Мысалы, келесі <div> тег мәтін элементін жасайды:
<div data-editorblocktype="Text">
...
<!-- Don't edit the element content here -->
...
</div>
Келесі кестеде атрибут үшін data-editorblocktype қол жетімді мәндер көрсетілген.
| Құрастыру элементінің атауы | Элемент түрі | data-editorblocktype атрибут мәні |
|---|---|---|
| Мәтін элементі | Жалпы құрастыру элементі | Мәтін |
| Кескін элементі | Жалпы құрастыру элементі | Image |
| Бөлгіш элементі | Жалпы құрастыру элементі | Бөлгіш |
| Түймешігі элементі | Жалпы құрастыру элементі | Button |
| Мазмұн блогының элементі | Жалпы құрастыру элементі | Мазмұны (Конструкция элементінің бұл түріне сондай-ақ атрибут кіреді data-block-datatype="<block-type>" , ол мазмұн блогының қай түрі екенін, онда <блок типінің> не мәні textimage бар екенін анықтайды.) |
| Маркетинг-бет элементі | Электрондық пошта | маркетинг беті |
| Оқиға элементі | Электрондық пошта | Оқиға |
| Зерттеу элементі | Электрондық пошта | Сауалнама |
| Пішін элементі | Форма | Формулярлы блок |
| Өріс элементі | Пішін мазмұны | Өріс-өріс< атауы>, мысалы: Өріс-электрондық пошта |
| Жазылым-тізім элементі | Пішін мазмұны | Жазылым тізімін блоктау |
| Форвард-а-дос элементі | Мазмұннан | ForwardToFriendBlock |
| Электрондық пошта элементін және Есте сақтау элементін жасамау | Пішін мазмұны | Өріс-құсбелгі (Бұл элементтердің әрқайсысы құсбелгілер жасайды және басқаша түрде олардың ішкі параметрлерімен сараланады.) |
| Жіберу түймешігі элементі | Пішін мазмұны | BudubtonBlock жіберу |
| «Ысыру- түймешік» элементі | Пішін мазмұны | ResetButtonBlock |
| Капча элементі | Пішін мазмұны | КапчаБлок |
Осы конструкция элементтерінің әрқайсысы туралы қосымша ақпарат алу үшін Құрастырушы элементтеріне сілтеме бөлімін қараңыз.
Маңызды
HTML қойындысында жұмыс істеп жатқанда дизайн элементтерінің тегтері арасындағы <div> мазмұнның кез келгенін өңдеуден аулақ болу керек, себебі мұны жасау нәтижелері болжауға келмейтін болуы мүмкін, ал өңдеулеріңізді дизайнер сонда да қайта жазуы мүмкін. Оның орнына құрастырушы қойындысын құрастырушы-элемент мазмұны мен сипаттарын басқару үшін пайдаланыңыз .
Құрастырушы көрінісіндегі элементтерді құлыптау
Ашылу <div> тегіне келесі атрибутты қосу арқылы кез келген құрастыру элементінің мазмұны мен қасиеттерін құлыптауға болады:
data-protected="true"
Мысалы:
<div data-editorblocktype="Divider" data-protected="true">
…
<!-- Don't edit the element content here -->
…
</div>
Жасақтама элементі қорғалған деп белгіленгенде, бет немесе электрондық пошта үшін Құрастырушы қойындысында жұмыс істейтін пайдаланушылар элементтің сипаттарын немесе мазмұнын өңдей алмайды. Бұл атрибут әрқашан мазмұн-блок элементі үшін қосылады, бірақ оны қорғау үшін құрастыру элементінің кез келген түріне қосуға болады. Осы атрибутты қамтитын кез келген құрастыру элементі HTML қойындысында оның қорғалғанын көрсету үшін көлеңкеленген ретінде көрсетіледі, бірақ талап етсеңіз, оны әлі де сол жерде өңдеуге болады. Бұл атрибутты құрастыру элементінен қорғауды жою үшін «жалған» деп орнатыңыз (немесе жай ғана алып тастаңыз).
Ескертпе
Сондай-ақ, контентті контейнер деңгейінде құлыптауға болады, ол сол контейнер ішіндегі барлық конструктивтік элементтердің құлыпталған/құлыптанбаған күйінің күшін жояды. Қосымша ақпарат: Құрастырушы көрінісіндегі контейнерді құлыптау
Мазмұнды бұғаттауды одан әрі қамтамасыз ету үшін HTML қойындысына қатынасуды шектеуге болады, бұл таңдалған пайдаланушылардың кодқа кіруіне кедергі келтіреді (бұнда олар бұл параметрді басқаша жеңе алады). Қосымша ақпарат: Құрастырушы мүмкіндіктеріне қатынасуды бақылау
Дизайнерге сыртқы жасалған HTML импорттау
маркетингтік электрондық хабар, бет немесе пішін үшін бастапқы HTML орналасуы мен мазмұнын жасау қажет кез келген құралды пайдалануға болады. HTML дайын болғанда, оны тиісті құрастырушыға қойып, келесі кіші бөлімдерде сипатталғандай қажет кез келген Dynamics 365 Customer Insights - Journeys мүмкіндіктерді қосыңыз.
HTML кодын импорттау
Сыртқы жасалған HTML-ді құрастырушыға жеткізу үшін келесі әрекеттерді орындаудан бастаңыз:
- Жаңа маркетингтік электрондық хабар, бет немесе пішін жасасын Dynamics 365 Customer Insights - Journeys.
- Құрастырушының HTML құрастырушы>қойындысына өтіңіз .
- Барлық мазмұнды HTML қойындысынан алыңыз және сырттай жасаған HTML қойыңыз.
- Дизайнердің Құрастырушы> қойындысына өтіп, дизайнды қарап шықыңыз.
- Егер маркетингтік электрондық хабар жұмыс істеп жатсаңыз, барлық қажетті мазмұн мен сілтемелерді (жазылым орталығы сілтемесін және физикалық жіберуші мекенжайын қоса алғанда) орналастыру үшін көмек өңдеуін міндетті түрде пайдаланыңыз .
Шайпұл
Сыртқы HTML-ге енді ғана жапсырылғандықтан, дизайныңызға тән код кірмейтін шығар Dynamics 365 Customer Insights - Journeys, сондықтан Құрастырушы негізгі мәтін пішімдеуіне, кескін пішімдеуіне мүмкіндік беретін толық бетті өңдегішті көрсетедіжәне (электрондық хаттар үшін) динамикалық мазмұнды қосу үшін өңдеуге көмектеседі. Толық бетті өңдегішпен қалай жұмыс істеу керектігі туралы қосымша ақпарат алу үшін Құралдар жәшігінің көрсетілімі және драга-ашылмалы өңдеуді қосу бөлімін қараңыз. Егер толық бетті өңдегіш қажетті барлық функционалды қамтамасыз ететін болса, оны дизайныңызды майдалап реттеу үшін пайдаланыңыз, содан кейін әдеттегідей онымен бірге өмір сүріңіз. Дизайнды майдалап реттеу үшін драга-ашылмалы өңдегішті пайдаланғыңыз келсе, оны қосу жолы туралы ақпарат алу үшін келесі бөлімді қараңыз.
Импорттағаннан кейін апару және тастау өңдегішін қосу
Толық танымал drag-and drop өңдегішін қосуды және/немесе Құрастырушы көрінісінде жұмыс істеу кезінде қосымша құрастыру элементтерін қосуды қаласаңыз, импортталған HTML кодын келесідей өңдеу арқылы оңай жасауға болады:
Құрастырушы HTML құрастырушы>қойындысына оралыңыз .
Құралдар жәшігінде сипатталғандай <құжаттың бас> бөліміне қажетті мета тегті қосу және апару-ашылмалы өңдеуді қосу арқылы драга-ашылмалы өңдегішті қосу.
Құрастырушы HTML>қойындысында жұмыс істеу кезінде қажетіне қарай келесі әрекеттерді орындаңыз:
- Бір немесе бірнеше құрастыру элементін апарғыңыз келетін дизайнның әр бөлігінде пайдаланушылар құрастыру элементтерін қоса алатын контейнерді жасау бөліміндесипатталғандай деректер контейнерін жасау үшін код қосыңыз.
- Егер құрастырушы элементтерін тікелей кодта драга-тамшыны пайдаланбай орналастырғыңыз келсе, қажетті кодты тікелей Design>HTML қойындысына енгізе аласыз. Осылайша қосатын элементтер драга-тамшыны қолдамайды, бірақ олар Құрастырушы қойындысыныңСипаттар>тақтасындағы параметрлерді қамтамасыз етеді. Тек мәтінді, кескінді, бөлгішті және түйме элементтерін осы әдісті пайдалана отырып орналастыруға болады (контейнерлер жасап, конструкция элементтерінің басқа түрлері үшін драга-тамшыны пайдаланады). Осы элементтердің әрқайсысын жасау үшін қажетті HTML құрылымдары үшін осы процедурадан кейінгі кестені қараңыз; бұл кодты қажеттілігіне қарай тікелей кестеден көшіріңіз/қойыңыз.
Енді Құрастырушы >қойындысына өтіп , құрастырушы элементтерін орнатқан контейнерлердің әрқайсысына апарып, кодқа апарып тастаған немесе жапсырған әрбір құрастыру элементін конфигурациялау үшін Сипаттар панелін пайдалануға болады.
| Құрастыру элементінің түрі | Осы кодты қою | Жазбалар |
|---|---|---|
| Мәтін | <div data-editorblocktype="Text"><p> Enter your text here</p></div> |
Тегтер арасына <p> HTML мазмұнын тікелей осында енгізуге немесе оны орындау үшін бай мәтін өңдегішін пайдалану үшін Құрастырушы бөліміне өтуге болады. |
| Image | <div data-editorblocktype="Image"><div align="Center" class="imageWrapper"><a href="example.com" title="example.com"><img alt="Some alt text" height="50" src="about:blank" width="50"></a></div></div> |
Кескін көзін және/немесе кескін сілтемесін өзгертудің ең оңай жолы Құрастырушы бөліміне өтіп, Сипаттар тақтасын пайдалану болып табылады. Бірақ келесі атрибуттарды тікелей HTML-де өңдеуге болады:
|
| Бөлгіш | <div data-editorblocktype="Divider"><div align="center" class="dividerWrapper"><table aria-role="presentation" style="padding: 0px; margin: 0px; width: 100%"><tbody><tr style="padding: 0px;"> <td style="margin:0px; padding-left: 0px; padding-right: 0px; padding-top: 5px; padding-bottom: 5px; vertical-align:top;"> <p style="margin: 0px; padding: 0px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); line-height: 0px; width: 100%;"><span> </span></p></td></tr></tbody></table></div></div> |
Бұл кодтың ешқайсысын тікелей HTML өңдегішінде өңдемеңіз. Оның орнына Құрастырушыға өтіп, Сипаттар панелін пайдаланыңыз. |
| Button | <div data-editorblocktype="Button"><!--[if mso]><div align="center"><v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" |
Бұл кодтың ешқайсысын тікелей HTML өңдегішінде өңдемеңіз. Оның орнына Құрастырушыға өтіп, Сипаттар панелін пайдаланыңыз. |
Кодта құрастыру элементтерінің қалай пайда болатыны туралы қосымша ақпарат алу үшін Құрастырушы элементтерін анықтау бөлімін қараңыз.
Мәтін элементінің құралдар тақтасына жаңа қаріптер қосу
Мәтін элементтері таңдалған мәтінге қаріпті қолдануға арналған мәзірді қамтитын құрастырушыда қалқымалы пішімдеу құралдар тақтасын қамтамасыз етеді.
Осы қаріп таңдаушысына жаңа қаріптерді қосу үшін құжаттың ішіне <meta> келесі пішінді пайдаланатын тегті қосыңыз <head> :
<meta type="xrm/designer/setting" name="additional-fonts" datatype="font" value="<font-list>">
Мұндағы <қаріп-тізім> - қаріп атауларының жартылай колонкамен бөлінген тізімі.
Мәнерлер қойындысына параметрлер қосу
Қораптан тыс үлгілердің бір ыңғайлы мүмкіндігі — олар «Мәнерлер » қойыншасында глобалдық мәнер параметрлерін қамтамасыз етеді, бұл пайдаланушыларға үлгі үшін қосылған қаріптер тұқымдасын, түс палитрасын және басқа да глобалдық параметрлерді жылдам реттеуге мүмкіндік береді. Әр үлгі тек сол нақты дизайн үшін мағына беретін мәнер параметрлерін қамтиды және сіз бен пайдаланушыларыңыз үшін тек дұрыс мәнер параметрлерін қамтамасыз ететін үлгілерді құрастыруға болады.
Мәнерлер қойындысына параметрді қосу үшін келесі әрекеттерді орындауыңыз қажет:
- Параметрді жасау үшін
<meta>құжатыңыздың тегіне тег қосыңыз<head>. - Мета тег арқылы жасалған параметрлерді қолданатын мәнерлерді және/немесе HTML тегтерін орнатыңыз.
Келесі кіші бөлімдерде осы істердің әрқайсысын қалай орындау керектігі түсіндірілді.
Параметрді жасау үшін мета тег қосу
<meta> Қажетті тег мынадай форманы алады:
<meta type="xrm/designer/setting" name="<name>" value="<initial-value>" datatype="<data-type>" label="<label>">
Ол жерде:
- <атауы> параметр қолданылатын мәнерлер мен HTML тегтерінде сілтеме жасау қажет мета тегті анықтайды.
- <бастапқы мән> - мәнер үшін тиісті әдепкі мән.
- <деректер түрі> пайдаланушылар ұсынатын мән түрін анықтайды. Бұл параметр Мәнерлер қойындысында көрсетілетін басқару элементінің түріне әсер етеді. Келесі кестеде тізілген мәндердің бірін пайдалану керек.
- <белгі> параметрге арналған Мәнерлер қойындысында көрсетілетін мәтінді көрсетеді.
| Деректер үлгісінің мәні | Сипаттама |
|---|---|
| түс | #000 немесе #1a32bf сияқты хэш-тег мәндерін пайдаланып түс орнатады. Мәнерлер қойындысында түсті таңдау басқару элементін жасайды. |
| қаріп | Қаріп-тегінің атауын орнатады. Сондай-ақ, қаріп атауларының үтірмен бөлінген тізімін таңдау ретімен пайдалану арқылы қаріп қатарларын орнатуға болады. Мәнерлер қойындысында қарапайым енгізу өрісін жасайды. |
| нөмірі | Бірліксіз сандық мәнді орнатады (px немесе em сияқты бірліктерді мәнмен бірге көрсетуге мүмкіндік беретін мәтінді пайдаланыңыз). Мәнерлер қойындысындағы ағымдағы мәнді көтеру/декреттеу үшін пайдалануға болатын жоғары/төмен түймешіктері бар кіріс өрісін жасайды. |
| сурет | Кескін көзін орнатады (URL мекенжайы ретінде). Мәнерлер қойындысында қарапайым енгізу өрісін жасайды. |
| мәтін | Мәтінді де, сандарды да қамтуы мүмкін мәнді орнатады. Сондай-ақ, осы деректер түрін бірлікті қамтуы мүмкін сандық мәндер үшін пайдаланыңыз (px немесе em сияқты). Мәнерлер қойындысында қарапайым енгізу өрісін жасайды. |
Ескертпе
Мәнерлер қойындысында көрсетілген жапсырма "[Менің стилім]" сияқты шаршы жақшада пайда болуы мүмкін. Шаршы жақшада көрсетiлетiн мәтiннiң аудармасы жоқ екендiгi көрсетiледi. Егер қораптан тыс үлгілердің кез келгені қолдайтын мәнді таңдасаңыз (мысалы,"Түс 1"), онда аударма қол жетімді болады, сондықтан шаршы жақша пайда болмайды.
Ескертпе
Тегті пайдаланып <meta> орнатылған мәнер параметрі, осында сипатталғандай, келесі бөлімдерде сипатталғандай, ең болмағанда бір нақты мәнерде немесе HTML тегінде сілтеме жасалғанда Ғана Мәнерлер қойындысында көрсетіледі .
Бастағы мәнер параметрлерін іске асыру үшін түсініктемелер қосу CSS
Мәнерлер қойындысында жасалған параметрлер сәйкес мета тегіне арналған CSS атрибут мәнін <head> қамтитын екі CSS түсініктемемен мәнді қоршаған CSS HTML құжатында орнатылған name мәнерлерге қолданылуы xrm/designer/setting мүмкін. Комментарий CSS жұбы келесі форманы алады:
/* @<tag-name> */ <value> /* @<tag-name> */
Ол жерде:
- <тег-атау> - тиісті Мәнерлер қойындысының параметрін белгілейтін xrm/designer/setting meta тегінің атрибуты .
- <мән> — пайдаланушы тиісті Мәнерлер қойындысының параметрін өңдеген кезде ауыстырылатын мән.
Маңызды
Комментарийлердің осы жұптарын CSS бөлімдегі тегтер ішінде <style> анықталған мәнерлер мен кластарда <head> ғана пайдалануға болады. Бұдан басқа, онда барлық <style> стильдер орнатылған тегтердің бір ғана жиынтығы CSS болуы тиіс.
Мұнда Мәнерлер xrm/designer/setting қойындысында «Түс 1» деп аталатын түсті таңдау басқару элементін жасайтын мета тегті көруге болатын мысал берілген. CSS Содан кейін мәнер элементтердің мәтін түсін белгілеу үшін <h1> осы параметрді қолданады.
<head>
<meta type="xrm/designer/setting" name="color1" value="#ff0000" datatype="color" label="Color 1">
<style>
h1 {color: /* @color1 */ #ff0000 /* @color1 */;}
</style>
</head>
Денедегі мәнер параметрлерін іске асыру үшін сипат-сілтеме атрибуттарын қосу
Мәнерлер қойындысында жасалған параметрлер әрбір тиісті тегке келесі пішін атрибутын қосу арқылы құжатыңыздағы <body> кез келген HTML тегіне атрибут мәндері ретінде қолданылуы мүмкін:
property-reference= "<attr>:@< tag-name >;<attr>:@< tag-name >; …"
Ол жерде:
- <аттр> — жасалуға тиіс атрибуттың атауы.
- <тег-атау> — баптауды орнатқан мета тег үшін атрибуттың мәні
name. - Бірнеше атрибуттар қажет болған жағдайда бір сипат-сілтеме атрибуты шегінде жартылай колонкамен бөлінуі тиіс.
Мұнда құжаттағы қаһарман кескінін (баннерді) басқаруға арналған екі параметрді жасайтын мета-тегтерді көруге xrm/designer/setting болатын мысал бар, «Қаһарман кескіні» және «Қаһарман кескінінің биіктігі» деп аталатын басқару элементтері «Мәнерлер » қойындысында . property-reference Содан кейін сипат сол параметрлерді іске асыру үшін тегте <img> пайдаланылады.
<head>
<meta type="xrm/designer/setting" name="hero-image" value="picture.jpg" datatype="picture" label="Hero image">
<meta type="xrm/designer/setting" name="hero-image-height" value="100px" datatype="text" label="Hero image height">
</head>
<body>
<img property-reference="src:@hero-image;height:@hero-image-height;">
</body>
Сонымен, осы мысалда <img> тег мынадай нәрсені шешетін еді:
<img src="picture.jpg" height="100px">