ブログ
ブログでは、攻略メモや環境考察など、サイト運営者からの読み物を掲載しています。 モンスター一覧や継承玉ツールとは別のページです。
記事一覧(/blog/)
- 公開中の記事だけが並びます。下書き中の記事は表示されません。
- カードをタップすると個別記事へ進みます。サムネイルは hero 画像があれば表示されます。
- カテゴリ・タグ・公開日が分かる行になっています。
目次パネル(記事冒頭)
導入の直後などに、HTML で目次を置けます。クラス名は blog-toc-panel(推奨)または toc-panel です。
## 見出し には自動で id が付くので、リンク先は見出しテキスト(空白なし)と揃えてください。
<div class="blog-toc-panel">
<p class="blog-toc-title">この記事の内容</p>
<ul>
<li><a href="#はじめに">はじめに</a></li>
<li><a href="#設定URLの取り込み">設定URLの取り込み</a></li>
</ul>
</div>
タブ切り替え(育成判定表など)
Markdown 内に HTML で書きます。blog-tab-container 〜 blog-tab-active を使います。初期表示は blog-tab-active を付けたタブ(5000歩族など)にしてください。
<div class="blog-tab-container">
<div class="blog-tab-bar">
<button type="button" class="blog-tab-label blog-tab-active" data-blog-tab="step-5000">5000歩族</button>
<button type="button" class="blog-tab-label" data-blog-tab="step-7000">7000歩族</button>
<!-- 10000 / 13000 / 18000 も同様 -->
</div>
<div class="blog-tab-content blog-tab-active" data-blog-tab-panel="step-5000">
<div class="blog-tab-table-wrap">
<table>...</table>
</div>
</div>
<div class="blog-tab-content" data-blog-tab-panel="step-7000">...</div>
</div>
タブ内の表は HTML の <table> で書いてください(MD の表記法はタブ内では使えません)。
data-blog-tab(ボタン)と data-blog-tab-panel(中身)の値は完全一致させてください(例: どちらも step-5000)。
個別記事(/blog/article/…/)
- 本文は Markdown から変換された HTML です。表や画像、サイト内へのリンクを含むことがあります。
- コピーしたい文字列(設定URLなど)は、MDで ``` で囲んだコードブロックにすると、記事上に「コピー」ボタンが付きます。
- 記事下の「シェア」から X(旧 Twitter)や LINE で共有できます。
- 画面上部の「← 記事一覧」で一覧に戻れます。
下書きプレビュー(管理者)
管理画面の「プレビュー」から、公開前でも本番と同じ記事ページで確認できます。
下書きを一般公開しないため、プレビュー URL だけ /import/ や管理画面と同じ Basic 認証(.secure/nakamon_auth.php)がかかります。ID/パスワードは管理画面と同じです。
- URL 例:
/blog/article/記事slug/preview/ - 検索エンジン向け
noindex、シェア・コメント欄はオフ - MD 取り込みのみの未保存原稿はプレビュー不可(一度 DB に保存してから)
コメント
- コメントが有効な記事だけ、投稿フォームが表示されます。
- 「内容を確認」→「この内容で送信」の2段階で投稿します。
- 投稿後は管理者の承認があるまで一覧には出ません。荒らし対策のためです。
- お名前はこのブラウザに記憶されます(localStorage)。
コメントは非公式サイト上の掲示板です。ゲーム内の通報・公式サポートの代替にはなりません。
他の機能との関係
ブログ記事から 継承玉一覧 や モンスター一覧 へリンクしている場合があります。 ツールの詳しい使い方は、各画面ヘッダーの「ガイド」や サイトガイド を参照してください。