独自タグサンプル

サイト情報タグ

• {{TITLE}} : 独自タグサンプル （ページタイトル）
• {{FULL_TITLE}} : 独自タグサンプル - 🍊mikanBox sample （ページタイトル - サイトタイトル）
• {{UPDATE_DATE}} : 2026-07-03 （更新日）
• {{UPDATE_DATE:JP}} : 2026年7月3日 （更新日・日本語）
• {{UPDATE_DATE:SLASH}} : 2026/7/3 （更新日・/区切り）
• {{IS_NEW:30}} : （N日以内 new、それ以外は空）
• {{DESCRIPTION}} :🍊mikanBox独自タグの使い方をご紹介します。 （ページ概要）
• {{KEYWORDS}} : test, tags （ページのキーワード）
• {{OGP_IMAGE}} : （ページのサムネール・OGP画像のURL）
• {{PAGE_URL}} : sample_tags.html （ページのフルURL）
• {{SITE_URL}} : . （サイトのルートURL）
• {{SITE_NAME}} : 🍊mikanBox sample （サイトタイトル）
• {{SITE_DESCRIPTION}} : （サイト共通の概要）
• {{SITE_OGP_IMAGE}} : （サイト共通のOGP画像のURL）

---

画像タグ　{{IMAGE:imageFileName}}

例：{{IMAGE:mikanBox.jpg}}：mikanBox.jpgを表示

ファイル名を指定するのみ、パスは意識する必要はありません。

カテゴリと画像

カテゴリで絞り込んだ状態で画像をアップロードすると、自動的にカテゴリ名の接頭辞が追加されます。（例:blog_mikanBox.jpg）
カテゴリごとに画像を整理して作業することができます。ただし、あらかじめ　_　が使われている場合は追加されません。

---

コンポーネント埋め込み　{{COMPONENT:componentID}}

CSSを含めて読み込み、スコープ化されていて、他に影響を与えません。

例：{{COMPONENT:_footer}}：footerコンポーネントを埋め込み

---

ナビゲーション（リスト形式のファイル一覧）NAV_LINKS

全ページ　{{NAV_LINKS:all}}

ページリストを「表示順」の順に表示ます。0より小さいものは表示しません。
現在のページには .active のclassが着くので、消したり、強調したりできます。ここでは、太字の赤で強調しています。

例：{{NAV_LINKS:all}}

• 🍊mikanBoxへようこそ
• ページ作成例
• お知らせ
• Markdownサンプル
• 独自タグサンプル

---

カテゴリ指定のないページのリンクのみ　{{NAV_LINKS}}

例：{{NAV_LINKS}}

• 🍊mikanBoxへようこそ

---

カテゴリ絞り込み　{{NAV_LINKS:category}}

例：{{NAV_LINKS:sample}}：sampleカテゴリのみ

• ページ作成例
• Markdownサンプル
• 独自タグサンプル

---

カード形式のファイル一覧　NAV_CARDS

全ページ　{{NAV_CARDS:all}}

「表示順」の順、0より小さいものは表示しません。
現在のページには .active のclassが着くので、消したり、強調したりできます。ここでは、オレンジの枠線で強調しています。

例：{{NAV_CARDS:all}}

---

カテゴリ絞り込み　{{NAV_CARDS:category}}

例：{{NAV_CARDS:sample}}：sampleカテゴリのみ

---

デザイン指定　{{NAV_CARDS:category:componentID}}

指定したパーツ・コンポーネントのデザインでカードを表示します。

例：{{NAV_CARDS:sample:sample_card}}

---

NAV_CARDS のコンポーネント内で使えるタグ

• {{TITLE}} : 独自タグサンプル （ページタイトル）
• {{UPDATE_DATE}} : 2026-07-03 （更新日）
• {{UPDATE_DATE:JP}} : 2026年7月3日 （更新日・日本語）
• {{UPDATE_DATE:SLASH}} : 2026/7/3 （更新日・/区切り）
• {{IS_NEW:30}} : （N日以内 new、それ以外は空）
• {{DESCRIPTION}} :🍊mikanBox独自タグの使い方をご紹介します。 （ページ概要）
• {{OGP_IMAGE}} : （ページのサムネール・OGP画像のURL）
• {{PAGE_URL}} : sample_tags.html （ページのフルURL）
• {{IS_ACTIVE}} : {{IS_ACTIVE}} （今見ているページかどうか）
• {{POST_MD::key}} : （埋め込まれたデータの表示）
• {{POST_MD::#rowID:key}} : （埋め込まれた表形式のデータの表示）

---

ここからは上級者向けなので、すぐに覚える必要はありません。

---

他ページのMarkdownの埋め込み　{{POST_MD:pageID}}

例：{{POST_MD:sample_md}}

↓この下の行から

他のページから読み込んだMarkDown

他のページから読み込んだMarkDownを表示できます。
お知らせ更新用のページを作っておき、トップページから読み取るというようなことも可能です。

↑この上の行まで

---

外部サイトのページのMarkdownの埋め込み {{EXT_MD:url}}

GitHubのデータなどを埋め込んで表示することができます。
セキュリティ上、JavaScriptは機能しません。

例：{{EXT_MD:https://raw.githubusercontent.com/yoshihik0/testData/main/md-test.md}}

GitHub のページ

↓この下の行から

GitHub の MarkDown

この部分は　GitHub 上の MarkDown ファイルのデータです。
GitHub でデータを更新すると、ここの文章も更新されます。
GitHub は AI とも相性がいいので、AI を活用した運用も行えます。

↑この上の行まで

---

データの定義　{{DATA:key}}値{{/DATA}}

WordPressのカスタムフィールドのように、項目名をもったデータを定義できます。

{{DATA:key}}値{{/DATA}} : データ定義（表示）
{{DATA:key:GHOST}}値{{/DATA}} : データ定義（GHOSTで非表示）

例：
### {{DATA:BOOK_TITLE}}Programming PHP{{/DATA}}
著者: {{DATA:AUTHOR}}山田太郎{{/DATA}}
{{DATA:ISBN:GHOST}}978-1234567890{{/DATA}}

という形式でデータを定義。ページでの表示は以下のようになります。
ISBNはGHOSTなので表示されません。
formタグのtype="hidden" のような機能です。

Programming PHP

著者: 山田太郎
価格: ¥2800

---

定義されたデータの表示

同じページ内のデータを表示　{{POST_MD::key}}

上記で定義したデータを表示します。

例：
{{POST_MD::BOOK_TITLE}} 
{{POST_MD::AUTHOR}}
{{POST_MD::ISBN}}

Programming PHP
山田太郎
978-1234567890

データ定義時にはGHOSTで非表示でも、データは定義されているので、データを読み出して表示することはできます。

---

他ページのデータを表示　{{POST_MD:pageID:key}}

sample_data ページで定義したデータを表示します。

例：
{{POST_MD:sample_data:AUTHOR}}
{{POST_MD:sample_data:BOOK_TITLE}}

Shakespeare
Macbeth

---

外部サイトのデータを表示　{{EXT_MD:url:key}}

例：
{{EXT_MD:https://raw.githubusercontent.com/yoshihik0/testData/main/data-test.md:BOOK}}
{{EXT_MD:https://raw.githubusercontent.com/yoshihik0/testData/main/data-test.md:AUTHOR}}

Frankenstein
Mary Shelley

GitHub のページ

---

データベースの定義

{{DATAROW:rowID}}　{{DATA:key}}値{{/DATA}}　{{/DATAROW}}

例：
{{DATAROW:menu1}}　　　　　：menu1というエクセルでいえば行
{{DATA:ITEM}}Pasta{{/DATA}}　：ITEM=Pasta　と定義
{{DATA:PRICE}}1200{{/DATA}}　：PRICE=1200　と定義
{{/DATAROW}}

{{DATAROW:menu2}}　　　　　：menu2というエクセルでいえば行
{{DATA:ITEM}}Soup{{/DATA}}　：ITEM=Soup　と定義
{{DATA:PRICE}}700{{/DATA}}　：PRICE=700　と定義
{{/DATAROW}}

---

データベースのデータを表示

同じページ内のデータベースのデータを表示　{{POST_MD::#rowID:key}}

例：
{{POST_MD::#menu1:ITEM}}
{{POST_MD::#menu1:PRICE}}
{{POST_MD::#menu2:ITEM}}
{{POST_MD::#menu2:PRICE}}

Pasta
1200
Soup
700

---

他ページのデータベースのデータを表示　{{POST_MD:pageID#rowID:key}}

例：
{{POST_MD:sample_data#1:GOODS}}
{{POST_MD:sample_data#1:PRICE}}
{{POST_MD:sample_data#2:GOODS}}
{{POST_MD:sample_data#2:PRICE}}

Apple
300
Banana
200

---

外部サイトのデータベースのデータを表示　{{EXT_MD:url#rowID:key}}

例：
{{EXT_MD:https://raw.githubusercontent.com/yoshihik0/testData/main/db-test.md#alpha:NAME}}

GitHub のページ

外部ファイルのDATAROW:alphaのデータ:

• 商品名: Wireless Mouse
• 価格: ¥2,980
• キャッチ: Simple and easy to use, a reliable standard

外部ファイルのDATAROW:betaのデータ:

• 商品名: Mechanical Keyboard
• 価格: ¥5,800
• キャッチ: Premium spec, a higher-end model