SIRIUSのHTML独自タグ一覧

HTML独自タグ一覧

SIRIUSで使えるHTMLの独自タグ(iPhone、携帯テンプレートの専用タグは除く)のリストと説明です。バージョン1.5まで対応。載っていないタグがありましたらお問い合わせよりご連絡ください。

 

 


サイト全体設定

 

独自タグ 独自タグの説明 出力される内容
<% siteTitle %> サイト全体設定の【サイト名】 (サイト名)
<% siteDescription %> サイト全体設定の【サイト説明】 (サイト説明)
<% headerText %> サイト全体設定の【ヘッダーテキスト】 (ヘッダーテキスト)
<% metaKeywords %> サイト全体設定の【METAキーワード】 (METAキーワード)
<% metaDescription %> サイト全体設定の【META説明文】 (META説明文)
<% siteUrl %> サイト全体設定の【サイトURL】 (サイトURL)
<% accessAnalyzer %> サイト全体設定の【アクセス解析タグ】 (アクセス解析タグ)
<% pageHeaderImage2 %> サイト全体設定の【ヘッダー画像】(ページ別対応) <img src="./img/header.jpg" alt="(サイトオプションから設定した「ヘッダー画像のalt属性の値」)">
<% pageHeaderImage %> サイト全体設定の【ヘッダー画像】(全ページ共通) <img src="./img/header.jpg">
<% googleSitemapTag %> サイト全体設定の【Googleサイトマップ】 (Googleサイトマップ)

 

H1テキストについて

サイト全体設定の【H1テキスト】に使用されている独自タグはテンプレートによって異なります。

 

テンプレート 独自タグ
旧テンプレート <% pageTopic %>
新デフォルトテンプレートと新角丸テンプレート <% pageTopic3 %>
新ビジネステンプレート <% pageTopic4 %>
NOVAテンプレート <% h1text %>

 

独自タグ 独自タグの説明 出力される内容
<% pageTopic %> H1テキスト <h1>(H1テキスト)</h1>
<% pageTopic2 %>
  1. 「logo.png」ファイルが存在する場合はロゴ画像を表示(altタグにH1テキスト)
  2. 「logo.png」が存在しない場合は「H1テキスト」の内容を表示
  3. H1テキストが設定されていない場合は「ページタイトル」の内容を表示
  1. <h1><img src="./img/logo.png" alt="(H1テキスト)"></h1>
  2. <h1>(H1テキスト)</h1>
  3. <h1>(サイト名(ページ名))</h1>
<% pageTopic3 %>

<% pageTopic2 %>と違いロゴ画像にトップページへのリンクが挿入されるタグ

  1. 「logo.png」ファイルが存在する場合はロゴ画像を表示(altタグにH1テキスト)
  2. 「logo.png」が存在しない場合は「H1テキスト」の内容を表示
  3. H1テキストが設定されていない場合は「ページタイトル」の内容を表示
  1. <h1><a href="./"><img src="./img/logo.png" alt="(H1テキスト)"></a></h1>
  2. <h1><a href="./">(H1テキスト)</a></h1>
  3. <h1><a href="./">(サイト名(ページ名))</a></h1>
<% pageTopic4 %>

<% pageTopic3 %>と違いロゴ画像を表示させないタグ

  1. 各ページの「H1テキスト」の内容を表示
  2. H1テキストが設定されていない場合は「ページタイトル」の内容を表示
  1. <h1><a href="./">(H1テキスト)</a></h1>
  2. <h1><a href="./">(サイト名(ページ名))</a></h1>
<% h1text %> H1のテキストのみ (H1テキスト)

エントリー、カテゴリーページ設定

 

 

【H1テキスト】は「サイト全体設定」と同じです。

 

独自タグ 独自タグの説明 出力される内容
<% pageTitle %> ページ設定の【ページ名】 (ページ名)
<% pageDescription %> ページ設定の【ページ説明】

(改行不可)

(ページ説明)
<% pageDescription2 %>

ページ設定の【ページ説明】
(改行可能)

(説明1行目<br>説明2行目)
<% headerText %> ページ設定の【ヘッダーテキスト】 (ヘッダーテキスト)
<% metaKeywords %> ページ設定の【METAキーワード】 (METAキーワード)
<% metaDescription %> ページ設定の【META説明文】 (META説明文)
<% permaLink %> ページ設定の【ファイル名】 ./(ファイル名).html
<% pagePublicDate %> ページ設定の【公開日時】 <time>(公開日時)</time>
<% pagePublicDate | parseDatetime(yyyy/MM/dd HH:mm:dd) %> 【公開日時】の表記制御 <time>(年/月/日/時/分/秒)</time>
<% displayTitle %> ページ設定の【メニュー上の表示】 (メニュー上の表示)
<% pageHeaderImage2 %> ページ設定の【ヘッダー画像】(ページ別対応) <img src="./img/header.jpg" alt="(サイトオプションから設定した「ヘッダー画像のalt属性の値」)">
<% pageHeaderImage %> ページ設定の【ヘッダー画像】を背景画像として使用

 


<div class="header-bg" <% pageHeaderImage %>></div>

 style="background-image:url(./img/(画像名));"

 


<div class="header-bg" style="background-image:url(./img/(画像名));"></div>

<% pageThumbnail %> ページ設定の【サムネイル画像】 (サムネイル画像)
<% categoryListTitle %> カテゴリー設定の【エントリーページ一覧の見出し】 <span>(エントリーページ一覧の見出し)</span>
<% pageColumns %> 旧テンプレートの上級者向け設定の【カラム数の設定】

現在のテンプレートではid="columnX"を書き換える

(カラム数)

URL・リンク取得

独自タグ 独自タグの説明 出力される内容
<% siteUrl %> サイトの絶対URL (サイトURL)
<% pageUrl %> ページの絶対URL (ページURL)
<% pageDepth %> ページの1つ上の階層 ./
<% permaLink %> ページの相対パス <% pageDepth %>(ファイル名).html
<% rssFeedUrl %> RSSのURL (サイトURL)rss.xml
<% PRLink %> リンク集ページへのリンク <a href="(リンク集ページURL)">(リンク集ページタイトル)</a>
<% sitemapPageLink %> サイトマップページへのリンク <a href="(サイトマップページURL)">サイトマップ</a>

メニュー

独自タグ 独自タグの説明 出力される内容
<% siteMenu %> サイドメニュー

<h4>(見出し)</h4>
<div class="menubox">
<ul id="menu1">
<li><a href="(ページURL)">(ページ名)</a></li>
</ul>
</div>

<% siteMenu2 %> サイドメニュー

(menuitemで囲める)

<nav>
<div class="menuitem">
<h4>見出し</h4>
<div class="menuboxmenulist">
<ul id="menu1">
<li><ahref="(ページURL)">(ページ名)</a></li>
</ul>
</div>
</div>
</nav>

<% topMenu %> メニュー編集の【上部メニュー】

<div id="topmenu"> 
<span><a href="(ページURL)">(ページ名)</a></span>
</div>

<% topMenu2 %> メニュー編集の【上部メニュー】(リスト表記)

<div id="topmenu">
<ul>
<li><ahref="(ページURL)">(ページ名)</a></li>
</ul>
</div>

<% subMenu %> メニュー編集の【サブメニュー】

<ul id="submenu"> 
<li><ahref="(ページURL)">(ページ名)</a></li>
</ul>

<% footerMenu %> メニュー編集の【フッターメニュー】

<div id="footermenu">
<span><a href="(ページURL)">(ページ名)</a></span>
</div>

ページ内容

独自タグ 独自タグの説明 出力される内容

<% textTitle1 %>~
<% textTitle10 %>

ページの【記事タイトル1~10】

<h3>(記事タイトル1)</h3>~
<h3>(記事タイトル10)</h3>

<% textBody1 %>~
<% textBody10 %>

ページの【記事本文1~10】

<div id="text1">(記事本文1)</div>~
<div id="text10">(記事本文10)</div>

<% pageBody %> ページの【記事本文1】 (記事本文1)
<% articleStart %>~<% articleEnd %> 内容が単体で完結するセクションであることを示す構造化タグ <article>~</article>
<% pageNavigation %> ページのパンくずリスト <div id="siteNavi"><a href="<% pageDepth %>">(トップページ) > (ページ名)</a></div>
<% sitemapNavigation %> サイトマップ用パンくずリスト <div id="siteNavi"><a href="./">(トップページ)</a> > サイトマップ</div>
<% searchNavigation %> サイト内検索用パンくずリスト <div id="siteNavi"><a href="./">(トップページ)</a> > 検索結果</div>
<% whatsNew %> 更新履歴

サイトオプションの【更新履歴(トップページ)の設定】

<ul>
<li><span>(更新日時)</span>(エントリーページへのリンク)</li>
</ul>

<% siteNewEntry %> 最新記事

サイトオプションの【最新記事(サイドメニュー)の設定】

<h4>(最新記事の見出し)</h4>
<div class="menubox">
<ul id="newEntry">
<li><a href="./entry4.html">ページ名</a></li>
</ul>
</div>

<% pickupEntry %> 不明、今後の機能追加などで利用する独自タグ

<% if:siteMode(normal) %>
<% else %>
<% /if %>

通常モード開始タグ
ブログモード開始タグ
モード終了タグ

<% AQCategories %> カテゴリー一覧を出力 <% AQCategories %>~<% /AQCategories %>
<% AQEntries(10) %> 記事一覧を出力(記事数)

<% AQEntries %>で全記事出力

<% AQEntries(10) %>~<% /AQEntries(10) %>
<% AQNewEntries(10) %> 記事一覧を公開日が新しい順で出力(記事数)

<% AQNewEntries %>で全記事出力

<% parentPageList %> 当該ページが属するカテゴリーへのリンク

(直接の親カテゴリーのみ)

<a href="(カテゴリーページURL)">(カテゴリーページ名)</a>
<% parentPageList_all %> 当該ページが属するカテゴリーへのリンク

(すべての親カテゴリー)

<a href="(カテゴリーページURL)">(カテゴリーページ名)</a>

<a href="(カテゴリーページURL)">(カテゴリーページ名)</a>

<% entryList_n %> エントリー関連記事

(旧テンプレート)

<div id="entrylist">
(サイトオプションの【エントリーリストの見出し】)
<dl>
<dt><span class="entry_title"><a href="(ページURL)">(ページ名)</a></span></dt>
<dd>(エントリー説明)</dd>
</dl>
</div>

<% entryList2 %> エントリー関連記事

(サムネイル付き)

<div id="entrylist">
(サイトオプションの【エントリーリストの見出し】)
<dl>
<div>
<dt>
<span class="entry_thumb"><a href="(ページURL)"><img src="(サムネイル画像)" alt="(ページ名)" class="hoverZoomLink"></a>
</span>
<span class="entry_title"><a href="(ページURL)">(ページ名)</a></span>
</dt>
</div>
</dl>
</div>

<% relNavigation1 %> 次の記事・前の記事ナビゲーション

<div id="relNavigate">
<a href="(ページURL)">≪前のページへ</a>  <a href="(ページURL)">次のページへ≫</a>
</div>

<% relNavigation2 %> 次の記事・前の記事ナビゲーション

(記事名表示)

<div id="relNavigate">
<a href="(ページURL)">≪ (ページ名)</a>  <a href="(ページURL)">(ページ名) ≫</a>
</div>

<% categorySitemap %> カテゴリーとその配下のページを一覧表示

<div class="cgybox">
<h2><span><a href="(ページURL)">カテゴリー</a></span></h2>
<ul>
<li class="ent"><a href="(ページURL)">(ページ名)</a></li>
</ul>
<h2><span><a href="(ページURL)">サブカテゴリー</a></span></h2>
<ul>
<li class="ent"><a href="(ページURL)">(ページ名)</a></li>
</ul>
</div>

<% sitemaps2 %> サイトマップページ

<div id="sitemaps">
<ul>
<li class="l1"><a href="(ページURL)">(ページ名)</a></li>
<li class="l2"><a href="(ページURL)">(ページ名)</a></li>
<li class="l3"><a href="(ページURL)">(ページ名)</a></li>
</ul>
</div>

%%%result%%% サイト内検索ページ

<dl>
<dt><a href="(ページURL)">(ページ名)</a></dt>
<dd>(ページ説明)</dd>
</dl>

%%%keywords%%% サイト内検索キーワード (検索キーワード)
<% linkList %> リンク集ページ

<dl id="linklist">
<dt><a href="(ページURL)">(ページ名)</a></dt><dd>(ページ説明)</dd>
</dl>

<% linkPageTitle %> リンク集ページのタイトル <h3>(リンク集ページのタイトル)</h3>

 

挿入型タグ

記事本文やフリースペースに右クリックメニューから挿入できるタグです。

 

独自タグ 独自タグの説明 出力される内容
<% module(モジュール名) %> モジュール

(フリースペースでは利用不可)

(モジュールの内容)
<% sitemaps %> 挿入型サイトマップ

(2項目ごとにsboxで分けられる)

<div id="sitemaps">
<ul class="sbox1">
<li class="l1"><a href="(ページURL)">(ページ名)</a></li>
</ul>
<ul class="sbox2">
<li class="l1"><a href="(ページURL)">(ページ名)</a></li>
</ul>
<br class="FloatEnd">
</div>

<pcc></pcc>
<mbc></mbc>
<ipc></ipc>
<pcc|ipc></pcc|ipc>
<mbc|ipc></mbc|ipc>

PCサイトのみで表示
携帯サイトのみで表示
スマホサイトのみで表示
PC・携帯用サイトのみで表示
携帯・スマホ用サイトのみで表示

<% QRコード %> QRコード <img src="<% pageDepth %>img/qr.gif" />
<% QRコード(説明文) %> QRコード

(説明文有り)

<img src="<% pageDepth %>img/qr.gif" /><br>当サイトは携帯からもご覧頂けます。<br>上のQRコードを読み取るか、<ahref="mailto:?body=(携帯サイトのURL)">こちらからURLをメールで送信</a>すると便利です。

<noReturn> 改行無視エリア

<p>タグや<br>タグを挿入させない

<noReturn>~</noReturn>
<noFixImage> 画像処理無視エリア

「サイト同時生成機能」で画像を「中央寄せ」に設定している場合、画像処理無視エリアのタグで囲むことで画像を回り込ませることが可能

<noFixImage>~</noFixImage>
<% pageBodySplitter %> 本文の分割

カテゴリーページの各エントリーの記事タイトルの下に表示される記事テキストを、このタグの挿入箇所以降を非表示にする

あいうえおかきくけこ

あいうえお<% pageBodySplitter %>かきくけこ

あいうえお

フリースペース

独自タグ 独自タグの説明 出力される内容
<% freeSpace1 %>

フリースペースの
【メインカラム上段】

<h3>(見出し)</h3>
<div id="space1">(内容)</div>

<% freeSpace2 %>

フリースペースの
【メインカラム下段】

<h3>(見出し)</h3>
<div id="space2">(内容)</div>

<% freeSpace3 %>

フリースペースの
【メインメニュー上段】

<h4>(見出し)</h4>
<div id="space3">(内容)</div>

<% freeSpace4 %>

フリースペースの
【メインメニュー下段】

<h4>(見出し)</h4>
<div id="spac4">(内容)</div>

<% freeSpace5 %>

フリースペースの
【サブメニュー上段】

<h4>(見出し)</h4>
<div id="space5">(内容)</div>

<% freeSpace6 %>

フリースペースの
【サブメニュー上段】

<h4>(見出し)</h4>
<div id="space6">(内容)</div>

<head>内タグ

独自タグ 独自タグの説明 出力される内容
<% googleSitemapTag %> サイト全体設定の【Googleサイトマップ】 (Googleサイトマップ)
<% pageStyles %> 上級者向け設定の【スタイル割り込み】 (スタイル割り込み)
<% headTag %> 上級者向け設定の【headタグ】 (headタグ)
<% rssFeedLink %> RSSのLINKタグ <link rel="alternate" type="application/rss xml" title="RSS" href="(サイトURL)rss.xml" />
<% mobileLinkDiscovery %> 検索エンジンにスマホサイトのURLを告知するタグ

<link rel="alternate" media="only screen and (max-width: 640px)" href="iPhoneサイトのページURL" />

 

自動振り分けの設定を「振り分けない」または「別URLによる振り分け」にしている場合
<link rel="canonical" href="PCサイトのページURL" />

<% scriptUrl %> 不明、今後の機能追加などで利用する独自タグ

その他

ヘッダー内のタグ

独自タグ 独自タグの説明 出力される内容
<% logoImage %> ロゴ画像 <img src="./img/logo.png">
<% logoImage | ifEmpty({独自タグ}) %> ロゴ画像がない場合に%siteTitle%であればサイトタイトルを表示
<% pageThumbnailUrl %> 当該ページのサムネイル画像の絶対URLを取得する。OGP設定で活用
<% fileName %> 例えば「http://aaa.com/abc.html」の「abc.html」だけを出力 (ファイル名).html
<% parentPageUrl %> 当該ページの親ページのURL出力 (親ページのURL)
<% parentPageTitle %> 当該ページの親ページ名の出力 (親ページ名)
<% thisYear %> 現在の年 2018
<% thisDate %> 当日の日付(サイト生成日) 2018年05月30日
<% searchTag %> サイト内検索の入力フォーム

<div id="searchbox">
<form name="search" id="search" method="get" action="./search.php">
<input type="search" class="skwd" placeholder="検索" name="keyword" size="20" value="">
<input type="submit" src="./img/searchbutton.jpg" alt="検索" value="検索">
</form>
</div>

<% publishCharset %> サイトオプションの【文字コード】 (UTF-8)など
<% XMLdeclaration %> サイトオプションの【XML宣言を記述する】

(NOVAや新テンプレートはHTML5なので不要)

<?xml version="1.0" encoding="Shift_JIS"?>