デザイン制作を行う際に記事ページにサンプルエントリーの内容を反映しますが、デザインに関するはてなブログMediaの仕様上の注意点を解説します。
編集モードを変更する
編集モードは「見たまま」「はてな記法」「Markdown」「HTML」の4つの種類があります。
用意しているサンプルエントリーは「Markdown」で記述されているので
記事編集画面にある上部メニューの編集モードを 「Markdown」に変更してから反映して下さい。
見出しデザイン制作時の注意点
サンプルエントリー内に <h1> 〜 <h6> の見出しがありますが
はてなブログMediaの記事編集画面からは <h3> 〜 <h5> までの見出ししか選択出来ません。
記事内で使用する見出しは <h3> が大見出しに当たる事を理解の上、デザイン制作をお願いします。
見たまま / はてな記法 |
Markdown / HTML |
|
h1 | ✖︎ | ◯ |
h2 | ✖︎ | ◯ |
h3 〜 h5 | ◯ | ◯ |
h6 | ✖︎ | ◯ |
<h1>、<h2>、<h6> は、MarkdownモードとHTMLモードの場合
記事内にHTMLタグの記述が可能なので、各見出しを表示する事ができます。
<h3> 〜 <h5> 以外の <h1>、<h2>、<h6> の CSS style も予めご用意をお願いします。
サンプルエントリーのテンプレート
https://hatenablogmedia.zendesk.com/hc/ja/articles/900003491086