はてなブログで記事を書くときには、「見たままモード」、「はてな記法モード」、「Markdownモード」の3種類の編集画面(編集モード)を選択できます。さらに有料プラン「はてなブログPro」に登録すると、「HTMLモード」が利用できます。
4つのモードでは、フォントの大きさや色を変えたり、見出しや箇条書きなどのスタイルを適用したり、リンクを貼ったりする際に、それぞれの画面に応じた方法で編集できます。
見たままモード
「見たままモード」は、ブログ開設時に設定されるデフォルトの編集モードです。記事中でフォントを変更したり、見出しや箇条書きなどを適用した際に、文章のどこがどのスタイルになっているかを見たままで確認できます。
はてな記法モード
Webページを簡単に記述できる「はてな記法」を利用できます。HTMLタグも「編集」画面にそのまま記述できます。記事中でフォントを変更したり、見出しや箇条書きなどを適用した際に、編集画面上では簡易記法やHTMLで表示されます。
写真や装飾が少なく、長い文章を記述するときには、とくに簡単に記事を作成できます。
詳しくはヘルプ「はてな記法とは」を参照してください。
Markdownモード
GitHubやTumblrなどでも利用されている「Markdown(マークダウン)」でブログ記事を記述できます。
Markdownのエスケープに関する注意
数式など記号を多用する文章を記述する際に、Markdownで使われる記法(_
で囲むとイタリック体になるなど)と文章中の記号が衝突するときがあります。
その場合には、記号を\
でエスケープして、\_
などと記述してください。エスケープ記号自体を記述したいときには\\
とします。
HTMLモード(Pro機能)
「HTMLモード」は、はてなブログを書く上で、見出しやリストといった装飾や写真の挿入をHTMLで記述できる上級者向けの編集モードです。
「見たまま」モードの「HTML編集」タブとの使い分け
「見たまま」モードの「HTML編集」タブでも、記事をHTMLとして編集することができますが、「見たまま編集」タブでの操作などにより、さまざまなHTMLタグが自動で挿入・置換されてしまう場合があります。そこで、いちからHTMLで執筆した記事がすでにある場合などはHTMLモードが便利です。
また、HTMLの細部にまで思い通りに記述できるため、固定ページなど、特別なページを編集する際にもおすすめです。
HTMLモードについて、さらに詳しく知りたい場合ははてなブログ開発ブログ「記事編集画面の編集タブで「HTML」モードを選択できるようにしました(はてなブログPro)」を参照してください。
編集モードの設定
記事編集画面におけるデフォルトの編集モードを変更したい場合は、基本設定画面の「編集モード」で設定できます。編集モードは、「見たままモード」、「はてな記法モード」、「Markdownモード」の中から選択可能です。
編集モードと記事編集画面
編集モードは、記事編集画面の左上の「編集」タブから選択できます。また、編集モードに関連した編集機能や操作を利用できます。詳細は、ヘルプ「記事編集画面の「編集」タブ」などを参照してください。
関連項目
- ブログの設定(基本設定画面)
- 記事を書く
- 編集モード
- はてな記法とは
- はてな記法一覧
- はてなブログの記事編集画面
- 記事編集画面の「編集」タブ
- 記事編集画面の「プレビュー」タブ
- 入力補助ツールバー
- リンクの挿入とコンテンツの埋め込み
- 編集サイドバーを利用して記事を書く
- 記事の公開と更新、下書き保存
- はてなブログPro(有料プラン)
関連記事(はてなブログ開発ブログ)
- 2017-05-25 記事編集画面の編集タブで「HTML」モードを選択できるようにしました(はてなブログPro)
- 2013-09-25 はてな記法モードで改行の自動挿入を見直し、付加すべきでない箇所ではbr要素を挿入しないようにしました
- 2013-03-27 記事を分割する「続きを読む」記法をリリースしました
- 2012-09-19 Markdown記法に対応しました