Each plugin can also be described and displayed using variables. This manual describes the list of variables that can be used in the plugin.
See the following manual page for a basic description of the plugin.
User Manual > Service Common > Plugin
In addition, as a common rule of the plugin, it must be composed of the start variable
{block:Plug plugin name}
and the end variable
{/block:Plug plugin name}
.
Mini profile
New article
New arrival less
Yearly Archive
Monthly archive
calendar
In addition, the generated calendar has several classes and can be designed with CSS. The available CSS class names are: calendar table ".calendar", year and month part ".calendar-month", previous month mark ".calendar-back", next month mark ".calendar-next", week part Saturday color ".calendar-week-sat", Sunday color ".calendar-week-sun", Saturday color of day part ".calendar-day-sat", Sunday color ".calendar-day-sun", holiday color " .calendar-day-hol ", today's background color" .calendar-today ", and today's link part" .calendar-day-link ". For more details, please check the HTML source and customize.
The following is a CSS sample of the calendar, please use it on a custom basis.
Friends list
In addition, the following is a CSS sample of the friend list, please use it as a base when customizing.
Search form
My Links
Mini mail form
Post form
Variable name |
Description |
Illustration |
General |
{block:PlugSubmitForm}
{block:FormTitle}
<h2 id="form" class="h3">{FormTitle} </h2>
{/block:FormTitle}
{block:FormMes}
<p class="message mb5">{FormMes} </p>
{/block:FormMes}
{block:Success}
<p id="submit-form-success" class="success mb5">Submission completed</p>
<script>window.onload = function() { scrollTo('#submit-form-success','fadeOut'); }</script>
{/block:Success}
<form action="{Action} " method="{Method} " enctype="{Enctype} ">
{HiddenTag}
{block:Error}
<div id="submit-form-error" class="error mb6">
<div class="head">Your input is incorrect</div>
<ul>
{loop:Message}
<li>{Message} </li>
{/loop:Message}
</ul>
</div>
<script>window.onload = function() { scrollTo('#submit-form-error'); }</script>
{/block:Error}
<!--New submission form-->
{block:New}
<!--name-->
<p>
<label for="label-name" class="label">{LabelName} </label>
<input type="text" name="{NameValueName} " id="label-name" value="{FormValueName} ">
</p>
<!--Email-->
<p>
<label for="label-mail" class="label">{LabelMail} </label>
<input type="email" name="{NameValueMail} " id="label-mail" value="{FormValueMail} ">
</p>
<!--home-->
<p>
<label for="label-home" class="label">{LabelHome} </label>
<input type="url" name="{NameValueHome} " id="label-home" value="{FormValueHome} ">
</p>
<!--File-->
<p>
<label for="label-file" class="label">{LabelFile} </label>
<input type="file" name="{NameValueFile} " id="label-file" value="">
</p>
<!--Character wrap-->
<p>
<span id="label-float" class="label">{LabelFloat} </span>
{loop:PlugSubmitFormFloatRadio}
<label class="float{Value} "><input type="radio" name="{NameValueFloat} " value="{Value} "{Checked} ><span>{Name} </span></label>
{/loop:PlugSubmitFormFloatRadio}
</p>
<!--comment-->
<p>
<label for="label-comment" class="label">{LabelComment} </label>
<textarea name="{NameValueComment} " id="label-comment">{FormValueComment} </textarea></p>
<div class="flex foot">
<!--edit key-->
<p>
<label for="label-editkey" class="label">{LabelEditKey} </label>
<input type="text" name="{NameValueEditKey} " id="label-editkey" value="{FormValueEditKey} ">
</p>
<!--Captcha-->
{block:Captcha}
<p>
<label for="label-captcha" class="label">{LabelCaptcha} <img src="{CaptchaImageUrl} " class="captcha-img"></label>
<input type="text" name="{NameValueCaptcha} " id="label-captcha" value="{FormValueCaptcha} ">
</p>
{/block:Captcha}
<!--cookie-->
<p>
<label class="label">
<input type="checkbox" name="{NameValueCookie} " id="input-cookie" class="checkbox" value="{FormValueCookie} "{CheckedCookie} >
<span id="label-cookie">{LabelCookie} </span>
</label>
</p>
</div>
<script>
//Validate
{block:RequiredName}
$('label[for="label-name"]').addClass('required');
$('#label-name').attr('required', 'true');
{/block:RequiredName}
{block:RequiredMail}
$('label[for="label-mail"]').addClass('required');
$('#label-mail').attr('required', 'true');
{/block:RequiredMail}
{block:RequiredHome}
$('label[for="label-home"]').addClass('required');
$('#label-home').attr('required', 'true');
{/block:RequiredHome}
{block:RequiredFile}
$('label[for="label-file"]').addClass('required');
$('#label-file').attr('required', 'true');
{/block:RequiredFile}
{block:RequiredFloat}
$('#label-float').addClass('required');
{/block:RequiredFloat}
{block:RequiredComment}
$('label[for="label-comment"]').addClass('required');
$('#label-comment').attr('required', 'true');
{/block:RequiredComment}
{block:RequiredEditKey}
$('label[for="label-editkey"]').addClass('required');
$('#label-editkey').attr('required', 'true');
{/block:RequiredEditKey}
{block:RequiredCaptcha}
$('label[for="label-captcha"]').addClass('required');
$('#label-captcha').attr('required', 'true');
{/block:RequiredCaptcha}
{block:RequiredCookie}
$('#label-cookie').addClass('required');
$('#input-cookie').attr('required', 'true');
{/block:RequiredCookie}
</script>
{/block:New}
<!--Reply form-->
{block:Res}
<!--name-->
<p>
<label for="label-name" class="label">{LabelName} </label>
<input type="text" name="{NameValueName} " id="label-name" value="{FormValueName} ">
</p>
<!--Email-->
<p>
<label for="label-mail" class="label">{LabelMail} </label>
<input type="email" name="{NameValueMail} " id="label-mail" value="{FormValueMail} ">
</p>
<!--home-->
<p>
<label for="label-home" class="label">{LabelHome} </label>
<input type="url" name="{NameValueHome} " id="label-home" value="{FormValueHome} ">
</p>
<!--comment-->
<p>
<label for="label-comment" class="label">{LabelComment} </label>
<textarea name="{NameValueComment} " id="label-comment">{FormValueComment} </textarea>
</p>
<div class="flex foot">
<!--edit key-->
<p>
<label for="label-editkey" class="label">{LabelEditKey} </label>
<input type="text" name="{NameValueEditKey} " id="label-editkey" value="{FormValueEditKey} ">
</p>
<!--Captcha-->
{block:Captcha}
<p>
<label for="label-captcha" class="label">{LabelCaptcha} <img src="{CaptchaImageUrl} " class="captcha-img"></label>
<input type="text" name="{NameValueCaptcha} " id="label-captcha" value="{FormValueCaptcha} ">
</p>
{/block:Captcha}
<!--cookie-->
<p>
<label class="label">
<input type="checkbox" name="{NameValueCookie} " id="input-cookie" class="checkbox" value="{FormValueCookie} "{CheckedCookie} >
<span id="label-cookie">{LabelCookie} </span>
</label>
</p>
</div>
<script>
//Validate
{block:RequiredName}
$('label[for="label-name"]').addClass('required');
$('#label-name').attr('required', 'true');
{/block:RequiredName}
{block:RequiredMail}
$('label[for="label-mail"]').addClass('required');
$('#label-mail').attr('required', 'true');
{/block:RequiredMail}
{block:RequiredHome}
$('label[for="label-home"]').addClass('required');
$('#label-home').attr('required', 'true');
{/block:RequiredHome}
{block:RequiredComment}
$('label[for="label-comment"]').addClass('required');
$('#label-comment').attr('required', 'true');
{/block:RequiredComment}
{block:RequiredEditKey}
$('label[for="label-editkey"]').addClass('required');
$('#label-editkey').attr('required', 'true');
{/block:RequiredEditKey}
{block:RequiredCaptcha}
$('label[for="label-captcha"]').addClass('required');
$('#label-captcha').attr('required', 'true');
{/block:RequiredCaptcha}
{block:RequiredCookie}
$('#label-cookie').addClass('required');
$('#input-cookie').attr('required', 'true');
{/block:RequiredCookie}
</script>
{/block:Res}
<button class="button">Submit</button>
</form>
{/block:PlugSubmitForm}
|
{FormTitle} |
title |
{FormMes} |
message |
{Action} |
action in form tag |
{Method} |
method in form tag |
{Enctype} |
enctype in form tag |
{HiddenTag} |
Hidden tag for system |
{Message} |
Error message |
Form type block |
{block:New} {/block:New} |
Block new submission form |
{block:Res} {/block:Res} |
Block reply form |
label |
{LabelName} |
Name label |
{LabelTitle} |
Title label |
{LabelMail} |
Email label |
{LabelHome} |
Home label |
{LabelFile} |
File label |
{LabelFloat} |
Text wrap label |
{LabelEditKey} |
Edit key label |
{LabelCookie} |
Cookie label |
{LabelFree1} to
{LabelFree6} |
Labels for free items 1 to 6 |
{LabelComment} |
Comment label |
{LabelCaptcha} |
Image authentication label |
{LabelPostKey} |
Post key label |
{LabelCategory} * Can be used only within the block of the new submission form |
Category label |
name value |
{NameValueName} |
Name value in the name input field |
{NameValueTitle} |
Name value of title input field |
{NameValueMail} |
Name value in the email input field |
{NameValueHome} |
Name value of home input field |
{NameValueFile} |
Name value of file input field |
{NameValueFloat} |
Name value for character wrap selection |
{NameValueEditKey} |
Name value in edit key entry field |
{NameValueCookie} |
Cookie checkbox name value |
{NameValueFree1} to
{NameValueFree6} |
Name value of free field 1 to 6 input field |
{NameValueComment} |
Name value of comment input field |
{NameValueCaptcha} |
Name value of image authentication input field |
{NameValuePostKey} |
Post key name value |
{NameValueCategory} * Can be used only within the block of the new submission form |
Category name value |
Values remaining in the form due to errors or cookies |
{FormValueTitle} |
Value remaining in title input field |
{FormValueName} |
Value remaining in name input field |
{FormValueMail} |
Value remaining in email input field |
{FormValueHome} |
Value left in home input field |
{FormValueEditKey} |
Value remaining in edit key entry field |
{FormValueCookie} |
Cookie sent value |
{CheckedCookie} |
Cookie checkbox state |
{FormValueFree1} to
{FormValueFree6} |
Value remaining in the input fields for free items 1 to 6 |
{FormValueComment} |
Value remaining in comment input field |
{FormValueCaptcha} |
Value remaining in image authentication input field |
{CaptchaImageUrl} |
Image URL for image authentication |
{FormValuePostKey} |
Value remaining in post key field |
Used only with block variables |
{block:Success} {/block:Success} |
Successful transmission block |
{block:RequiredTitle} {/block:RequiredTitle} |
Required title block |
{block:RequiredName} {/block:RequiredName} |
Required name block |
{block:RequiredMail} {/block:RequiredMail} |
Required block for email address |
{block:RequiredHome} {/block:RequiredHome} |
Home required block |
{block:RequiredFile} {/block:RequiredFile} |
Required file block |
{block:RequiredFloat} {/block:RequiredFloat} |
Required block for character wrap selection |
{block:RequiredFree1} {/block:RequiredFree1} to
{block:RequiredFree6} {/block:RequiredFree6} |
Mandatory designated blocks for free items 1 to 6 |
{block:RequiredComment} {/block:RequiredComment} |
Required block for comments |
{block:RequiredPostKey} {/block:RequiredPostKey} |
Required block for post key |
{block:RequiredEditKey} {/block:RequiredEditKey} |
Mandatory block for edit key |
{block:RequiredCaptcha} {/block:RequiredCaptcha} |
Required block for image authentication |
{block:RequiredCookie} {/block:RequiredCookie} |
Required cookie block |
{block:RequiredCategory} {/block:RequiredCategory} * Can be used only within the block of the new submission form |
Mandatory block for category |
What to use in select and radio |
{No} |
Numbering of elements in loop |
{Value} |
Sent value |
{Name} |
Select element |
{Selected} |
Selection state remaining in the select element due to errors, cookies, etc. |
{Checked} |
Selection state remaining in the radio element due to errors, cookies, etc. |
These variables can be used in the loop variables of "Category, character wrap, free items 1 to 6", and each loop variable is as follows.
Categories(* Can be used only within the block of the new submission form)
[For select element]
{loop:PlugSubmitFormCategorySelect}
{/loop:PlugSubmitFormCategorySelect}
[For a radio element]
{loop:PlugSubmitFormCategoryRadio}
{/loop:PlugSubmitFormCategoryRadio}
Character wrap
[For select element]
{loop:PlugSubmitFormFloatSelect}
{/loop:PlugSubmitFormFloatSelect}
[For a radio element]
{loop:PlugSubmitFormFloatRadio}
{/loop:PlugSubmitFormFloatRadio}
Free items 1 to 6
[For select element]
{loop:PlugSubmitFormFree1Select}
{/loop:PlugSubmitFormFree1Select}
to
{loop:PlugSubmitFormFree6Select}
{/loop:PlugSubmitFormFree6Select}
[For a radio element]
{loop:PlugSubmitFormFree1Radio}
{/loop:PlugSubmitFormFree1Radio}
to
{loop:PlugSubmitFormFree6Radio}
{/loop:PlugSubmitFormFree6Radio}
|
The following is an installation example of elements that do not exist in the actual example, please refer to it.
Post key installation example |
(1) A post key entry field is set in the new post form {block:New}. (Same procedure for reply form)
{block:PostKey}
<p>
<label for="label-postkey" class="label">{LabelPostKey} </label>
<input type="text" name="{NameValuePostKey} " id="label-postkey" value="{FormValuePostKey} ">
</p>
{/block:PostKey}
(2) Write the following description for validation in <script> of {block:New}. (Same procedure for reply form)
{block:RequiredPostKey}
$('label[for="label-postkey"]').addClass('required');
$('#label-postkey').attr('required', 'true');
{/block:RequiredPostKey} |
* If a syntax error is displayed during setting, check the following.
(1) Temporarily switch to "Normal" in "Preferences> Customize mode switch".
(2) If the item you want to use in "New Post Form Layout" of "Detailed Settings> Post Form" is unused, move it to "Top" or "Bottom" and save the settings.
(3) Return to “Pro mode” by “Preferences> Customize mode switch”.
In Pro mode, it is designed to ignore items that are "unused", so such a procedure is necessary in advance.
comment
The comment plugin is divided into a
{block:PlugCommentForm}
to
{/block:PlugCommentForm}
block, which is the comment form part, and a
{block:PlugComment}
to
{/block:PlugComment}
block, which is the posted comment article part.
Variable name |
Description |
Illustration |
Form part:General |
{block:PlugCommentForm}
<section id="comment-form" class="mb2 mt2">
{block:FormTitle}
<h3>{FormTitle} </h3>
{/block:FormTitle}
<form action="{Action} " method="{Method} ">
{HiddenTag}
{block:FormMes}
<p class="message mb6">{FormMes} </p>
{/block:FormMes}
{block:Error}
<div id="comment-error" class="error mb6">
<div class="head">Your input is incorrect</div>
<ul>
{loop:Message}
<li>{Message} </li>
{/loop:Message}
</ul>
</div>
<script>window.onload = function() { scrollTo('#comment-error'); }</script>
{/block:Error}
{block:Success}
<p id="comment-success" class="success">Submission completed</p>
<script>window.onload = function() { scrollTo('#comment-success','fadeOut'); }</script>
{/block:Success}
<p>
<label for="label-name" class="label">{LabelName} </label>
<input type="text" name="{NameValueName} " id="label-name" value="{FormValueName} ">
</p>
<p>
<label for="label-comment" class="label">{LabelComment} </label>
<textarea name="{NameValueComment} " id="label-comment">{FormValueComment} </textarea>
</p>
<div class="flex foot">
<p>
<label for="label-editkey" class="label">{LabelEditKey} </label>
<input type="text" name="{NameValueEditKey} " id="label-editkey" value="{FormValueEditKey} ">
</p>
{block:Captcha}
<p>
<label for="label-captcha" class="label">{LabelCaptcha} <img src="{CaptchaImageUrl} " class="captcha-img"></label>
<input type="text" name="{NameValueCaptcha} " id="label-captcha" value="{FormValueCaptcha} ">
</p>
{/block:Captcha}
<p>
<label class="label">
<input type="checkbox" name="{NameValueCookie} " id="input-cookie" class="checkbox" value="{FormValueCookie} "{CheckedCookie} >
<span id="label-cookie">{LabelCookie} </span>
</label>
</p>
</div>
<button class="button">Submit</button>
</form>
</section>
<script>
//Validate
{block:RequiredName}
$('label[for="label-name"]').addClass('required');
$('#label-name').attr('required', 'true');
{/block:RequiredName}
{block:RequiredComment}
$('label[for="label-comment"]').addClass('required');
$('#label-comment').attr('required', 'true');
{/block:RequiredComment}
{block:RequiredEditKey}
$('label[for="label-editkey"]').addClass('required');
$('#label-editkey').attr('required', 'true');
{/block:RequiredEditKey}
{block:RequiredCaptcha}
$('label[for="label-captcha"]').addClass('required');
$('#label-captcha').attr('required', 'true');
{/block:RequiredCaptcha}
{block:RequiredCookie}
$('#label-cookie').addClass('required');
$('#input-cookie').attr('required', 'true');
{/block:RequiredCookie}
</script>
{/block:PlugCommentForm}
{block:PlugComment}
<section id="comment">
{block:PlugTitle}
<h3>{PlugTitle} </h3>
{/block:PlugTitle}
{loop:Comment}
{block:Comment}
<div id="rno{ResNo} " class="section mbs5">
{Body}
<ul class="foot flex right">
<li>{block:Name} {Name} {/block:Name} </li>
<li><time datetime="{YYYY}-{MM}-{DD} {HH}:{II}">{YYYY}/{MM}/{DD} {HH}:{II}</time></li>
<li><a href="{BaseUrl}/?mode=edit&no={No} &rno={ResNo} #comment-form" class="edit" rel="nofollow"><span>Edit</span></a></li>
<li><a href ="{BaseUrl}/?pagename=delRes&no={No} &rno={ResNo} " class="del modal-open" rel="nofollow"><span>Delete</span></a></li>
</ul>
</div>
{/block:Comment}
{/loop:Comment}
</section>
{/block:PlugComment}
|
{FormTitle} |
title |
{FormMes} |
message |
{Action} |
action in form tag |
{Method} |
method in form tag |
{HiddenTag} |
Hidden tag for system |
{Message} |
Error message |
Form part:label |
{LabelName} |
Name label |
{LabelTitle} |
Title label |
{LabelMail} |
Email label |
{LabelHome} |
Home label |
{LabelEditKey} |
Edit key label |
{LabelCookie} |
Cookie label |
{LabelFree1} to
{LabelFree3} |
Labels for free items 1 to 3 |
{LabelRate} * Available only at Novell Gallery |
Rating label |
{LabelComment} |
Comment label |
{LabelCaptcha} |
Image authentication label |
{LabelPostKey} |
Post key label |
Form part:name value |
{NameValueName} |
Name value in the name input field |
{NameValueTitle} |
Name value of title input field |
{NameValueMail} |
Name value in the email input field |
{NameValueHome} |
Name value of home input field |
{NameValueEditKey} |
Name value in edit key entry field |
{NameValueCookie} |
Cookie checkbox name value |
{NameValueFree1} to
{NameValueFree3} |
Name value of free field 1 to 3 input field |
{NameValueRate} * Available only at Novell Gallery |
Evaluation name value |
{NameValueComment} |
Name value of comment input field |
{NameValueCaptcha} |
Name value of image authentication input field |
{NameValuePostKey} |
Post key name value |
Form part:Values remaining in the form due to errors or cookies |
{FormValueName} |
Value remaining in name input field |
{FormValueTitle} |
Value remaining in title input field |
{FormValueMail} |
Value remaining in email input field |
{FormValueHome} |
Value left in home input field |
{FormValueEditKey} |
Value remaining in edit key entry field |
{FormValueCookie} |
Cookie sent value |
{CheckedCookie} |
Cookie checkbox state |
{FormValueFree1} to
{FormValueFree3} |
Values remaining in the input fields for free items 1 to 3 |
{FormValueRate} * Available only at Novell Gallery |
Value remaining in the evaluation column |
{FormValueComment} |
Value remaining in comment input field |
{FormValueCaptcha} |
Value remaining in image authentication input field |
{CaptchaImageUrl} |
Image URL for image authentication |
{FormValuePostKey} |
Value remaining in post key field |
Form part:Used only with block variables |
{block:Success} {/block:Success} |
Successful transmission block |
{block:RequiredTitle} {/block:RequiredTitle} |
Required title block |
{block:RequiredName} {/block:RequiredName} |
Required name block |
{block:RequiredMail} {/block:RequiredMail} |
Required block for email address |
{block:RequiredHome} {/block:RequiredHome} |
Home required block |
{block:RequiredFree1} {/block:RequiredFree1} to
{block:RequiredFree3} {/block:RequiredFree3} |
Required block for free items 1 to 3 |
{block:RequiredRate} {/block:RequiredRate} * Available only at Novell Gallery |
Required block for evaluation |
{block:RequiredComment} {/block:RequiredComment} |
Required block for comments |
{block:RequiredPostKey} {/block:RequiredPostKey} |
Required block for post key |
{block:RequiredEditKey} {/block:RequiredEditKey} |
Mandatory block for edit key |
{block:RequiredCaptcha} {/block:RequiredCaptcha} |
Required block for image authentication |
{block:RequiredCookie} {/block:RequiredCookie} |
Required cookie block |
Form part:What to use in select and radio |
{No} |
Numbering of elements in loop |
{Value} |
Sent value |
{Name} |
Select element |
{Selected} |
Selection state remaining in the select element due to errors, cookies, etc. |
{Checked} |
Selection state remaining in the radio element due to errors, cookies, etc. |
These variables can be used in the "free items 1-3, evaluation" loop variables, and each loop variable is as follows.
Free items 1 to 3
[For select element]
{loop:PlugCommentFormFree1Select}
{/loop:PlugCommentFormFree1Select}
to
{loop:PlugCommentFormFree3Select}
{/loop:PlugCommentFormFree3Select}
[For a radio element]
{loop:PlugCommentFormFree1Radio}
{/loop:PlugCommentFormFree1Radio}
to
{loop:PlugCommentFormFree3Radio}
{/loop:PlugCommentFormFree3Radio}
Evaluation(* Available only for Novell Gallery and select element)
{loop:PlugCommentFormRateSelect}
{/loop:PlugCommentFormRateSelect}
|
Comment part |
{PlugTitle} |
Plugin title |
{Name} |
name |
{Title} |
title |
{Home} |
home |
{Mail} |
Email |
{Free1} to
{Free3} |
Free items 1 to 3 |
{Rate} * Available only at Novell Gallery |
Evaluation |
{ResNo} |
Comment No |
{No} |
Article No |
{Body} |
comment |
Categories
Free area 1 to 6
The free area 1 is
{block:PlugFreeArea1}
to
{/block:PlugFreeArea1}
, the free area 2 is
{block:PlugFreeArea2}
to
{/block:PlugFreeArea2}
, etc. Please change.
image