cloud_upload ここにファイルをドロップしてアップロード

description ページヘルプ

add 新規作成
編集・プレビュー公開設定IDタイトル更新表示順カテゴリ
index 2026-03-24 0
404
404
2026-03-30 -1
podcast001 2026-04-09 0 podcast
sample-DB 2026-04-01 0 sample
coffee/index 2026-03-08 10 coffee, sample
coffee/gallery 2026-03-08 20 coffee, sample
coffee/gallery1 2026-03-08 21 gallery_item, sample
coffee/gallery2 2026-03-08 22 gallery_item, sample
coffee/gallery3 2026-03-08 23 gallery_item, sample
coffee/menu 2026-03-08 30 coffee, sample
test_markdown 2026-03-25 100 test
test_tags 2026-03-27 101 test
test_draft 2026-03-25 102 test
test_hier 2026-03-25 103 test
test_hier/child 2026-03-25 104 test
test_hier/child/deep 2026-03-25 105 test
test_data_block 2026-03-25 106 test
test_data_list 2026-03-25 107 test
test_product_a 2026-03-27 200 商品
test_product_b 2026-03-27 201 商品
test_product_c 2026-03-27 202 商品

save サイトヘルプ

管理メモ

静的サイト生成 (SSG)

サイトをHTMLファイルとして書き出します。高速でセキュアな静的サイトとして公開できます。

CSVインポート

CSVデータをサイト内で利用できるデータベースの形に変換します。
CSVの1行目をフィールド名として読み込みます。フィールド名は半角英数字で記述してください(大文字・小文字を区別)。
変換結果をコピーしてページの本文に貼り付けてください。

サイト共通設定

OGP画像の推奨サイズ: 1200 x 630 px

MCP APIキー

ClaudeなどのAIとMCPで連携するためのAPIキーです。生成したキーをClaude Desktopの設定に貼り付けてください。

言語

パスワードの変更

バックアップ

サイトの全データ(JSON)と、アップロードしたメディアファイル(jpg,svgなど)をZIPでダウンロードします。定期的な保存を推奨します。

AI用プロンプト

AIにページ制作を依頼する際に、mikanBoxの仕様を正しく理解させるためのベースとなる「命令文」を保存・コピーできます。

widgets デザインヘルプ

add 新規作成
編集コンポーネントIDタイプタグ名
_ai ページ
_layout ページ
coffee_layout ページ
_footer パーツ
_global_head パーツ
_header パーツ
_nav_card パーツ
coffee_footer パーツ
coffee_header パーツ
nav_responsive パーツ
sample_card_data パーツ
sample_card_design パーツ
test_scope パーツ

デザインコンポーネント新規作成ヘルプ

コンポーネントの識別記号です。半角英数字とアンダースコアが使用できます。
通常はONを推奨します。CSSが他の部分へ影響することを防ぎます。
ページ全体のレイアウトを担うコンポーネントに使用します。{{CONTENT}} タグを含め、ページ本文の出力位置を指定してください。

利用可能なタグ(本文・CSS)

標準情報
  • {{TITLE}} : ページタイトル
  • {{FULL_TITLE}} : ページタイトル - サイト名
  • {{UPDATE_DATE}} : 更新日 (YYYY-MM-DD)
  • {{UPDATE_DATE:JP}} : YYYY年M月D日 形式
  • {{UPDATE_DATE:SLASH}} : YYYY/M/D 形式
  • {{IS_NEW:30}} : N日以内 new、それ以外は空
  • {{DESCRIPTION}} : ページ概要
  • {{KEYWORDS}} : キーワード
  • {{OGP_IMAGE}} : サムネール・OGP画像URL
  • {{PAGE_URL}} : ページのフルURL
  • {{SITE_URL}} : サイトの公開ルートURL
  • {{SITE_NAME}} : サイトのタイトル
  • {{SITE_DESCRIPTION}} : サイトの共通説明
  • {{SITE_OGP_IMAGE}} : サイト共通OGP画像URL
ページWrapper専用
  • {{CONTENT}} : 本文の出力位置
  • {{HEAD_CSS}} : CSS集約出力
  • {{COMPONENT:_global_head}} : 共通headセクション
  • {{COMPONENT:_header}} : ヘッダー
  • {{COMPONENT:_footer}} : フッター
コンポーネント・ナビゲーション
  • {{COMPONENT:ID}} : コンポーネントを埋め込む
  • {{IMAGE:ファイル名}} : 静止画を表示
  • {{AUDIO:ファイル名}} : 音声モジュールを挿入
  • {{VIDEO:ファイル名}} : 動画を表示
  • {{POST_MD:pageID}} : 内部のページの内容を埋め込む
  • {{EXT_MD:url}} : 外部のマークダウン文書を埋め込む
  • {{NAV_LINKS:category}} : リンク一覧 — li.active
  • {{NAV_CARDS:category:componentID}} : カード型一覧
  • NAV_LINKS、NAV_CARDSは、categoryを「all」にすると全ページのリスト、未設定にするとカテゴリのないページのリストを表示。順番はページの表示順。表示順が0より小さい場合は表示しない。
  • {{PAGE_URL}} {{TITLE}} {{DESCRIPTION}} {{OGP_IMAGE}} {{UPDATE_DATE}} {{IS_NEW:N}} {{POST_MD::key}} {{POST_MD::#rowID:key}}
  • {{IS_ACTIVE}} : 現在のページなら active、それ以外は空
データベース

  • {{DATA:key}}値{{/DATA}} : データ定義(表示)
    {{DATA:key:GHOST}}値{{/DATA}} : データ定義(非表示)
    key・rowIDは半角英数字・アンダースコアのみ。値は日本語OK。

  • {{DATAROW:rowID}}
    {{DATA:key}}値{{/DATA}}
    {{/DATAROW}}
  • {{POST_MD::key}} : ページ内のデータを表示
  • {{POST_MD:pageID:key}} : IDページのデータを表示
  • {{EXT_MD:url:key}} : 外部ページのデータを表示
  • {{POST_MD::#rowID:key}} : ページ内のテーブル系形式のデータを表示
  • {{POST_MD:pageID#rowID:key}} : IDページのテーブル系形式のデータを表示
  • {{EXT_MD:url#rowID:key}} : 外部ページのテーブル系形式のデータを表示
  • DATAROWの内部は、ページ内ではすべて非表示。
  • ページの公開設定を「DB」にすると、JSON APIとして公開できる。

image メディアヘルプ

対応: jpg, png, gif, webp, svg, mp3, m4a, mp4
最大ファイルサイズ: 1G / POST最大サイズ: 1G (サーバー制限)

表示方法: Markdown記法では、ファイル名をそのまま使用できます。HTMLコードで指定する場合は、images/ファイル名 のようにURLを指定してください。
リサイズ: 「リサイズ...」をクリックし、幅(W)または高さ(H)のどちらか一方を入力して実行すると、縦横比を維持したまま変更されます。
music_note
mikanBox_podcast_001.m4a
M4A
gallery1.jpg
gallery1.jpg
JPG (640x640)
リサイズ...
×
gallery2.jpg
gallery2.jpg
JPG (640x640)
リサイズ...
×
gallery3.jpg
gallery3.jpg
JPG (640x640)
リサイズ...
×
hero.jpg
hero.jpg
JPG (640x640)
リサイズ...
×
mikanBox.jpg
mikanBox.jpg
JPG (1024x541)
リサイズ...
×
mikanBox_plan1.jpg
mikanBox_plan1.jpg
JPG (265x265)
リサイズ...
×
mikanBox_plan2.jpg
mikanBox_plan2.jpg
JPG (265x265)
リサイズ...
×
mikanBox_plan3.jpg
mikanBox_plan3.jpg
JPG (265x265)
リサイズ...
×