WordPressの投稿画面なんて重い遅い！サクラエディタで快適にｈタグを打て！

こんにちは。ナガオカ（@boot_kt）です。

WordPressの管理画面って遅くて重いと思いませんか？
投稿画面も遅かったり重かったり、保存に少し時間がかかったりしてイライラすることありませんか？

ネットワーク通してるから当たり前っちゃぁ当たり前なんですけど、できるならブログ記事の執筆はサクサク軽く書きたいものですよね。

無料であるサクラエディタを使って、サクサク軽く記事を書ける執筆環境をご提案したいのですが、アレやコレやと沢山書くと、きっと読んでもらえないので（笑）、hタグに絞って説明しますね。

サクラエディタの関連記事
↓こっちの記事はサクラエディタの機能全体について解説しています。今回の記事でもっと詳しくサクラエディタを使いたくなったらこちらを併せてお読みください。
>> 君はサクラエディタの能力を引き出せているのか？絶対に使うべき７つの機能

この記事は以下のような人に向けて書いています

htmlタグを自分で書いてるけど、もうちょっとラクしたい
普段、WordPressをテキストモードで書いている
サクラエディタのマクロなんてさっぱり知らん！

本記事内のサクラエディタのマクロについて
サクラエディタのマクロを使ってはいますが、別にマクロを全く分からなくて大丈夫です。
マクロを読む必要無いですが、難しい命令は一切使っていませんので読めば内容は分かると思いますよ。

<h1>タグについて
使うことが無いだろうと思いますしので、<h1>タグについては書いていません。

Contents

準備編：まずはサクラエディタの準備をします
➊ hタグなんてショートカットキー一発でやっちゃえ！編
- 設定１：マクロの設定
'); // 文字入力 S_GoLineEnd(0); // 行末に移動(折り返し単位) S_InsText('
➋ アウトライン機能でhタグの順番をちゃんと見ましょう！編
- 設定
/// Lv2 /// Lv3 /// Lv4 /// Lv5 /// Lv6 設定は、(1)...ボタンをクリックしてルールファイルを選択します。 OKボタンアウトライン解析機能を使う前に、アウトラインウィンドウを出しましょうアウトラインウィンドウの出し方の操作は3パターンあります。どれを使ってもいいですが、F11キーを覚えておくと良いでしょう。検索(S) → アウトライン解析(L)... アウトライン解析...ボタン F11キーアウトラインウィンドウは独立したウィンドウで出る事もありますし、サクラエディタにドッキングして出る場合もあります。独立ウィンドウ状態からドッキングさせたい左下の▼ボタンをクリックしてください。こんなメニューが出ますので、お好きなドッキングを選択してください。（右ドッキング(R)とか）ドッキング状態から独立させたい青いタイトルバーの部分を掴んでドラッグすると、ウィンドウは外れます。アウトライン解析機能を使ってみましょう試しに、htmlファイルにタグを書いた文章を貼り付けてみましょう。君は柿ピーを知っているか？
- 柿の種派？
柿ピーはナゼ美味しいのか？
- 柿の種があるから？
WordPressへの投稿
さいごに、
- こちらの記事もあなたにオススメです！

準備編：まずはサクラエディタの準備をします

インストール

サクラエディタのインストール方法は別途検索してください。
インストールと言っても、インストーラーを起動して「次へ」ボタンを何度か押す程度のはずです。

インストール方法は省略しますね。

共通設定画面の出し方を覚えておいてね

共通設定画面を何度か出しますので、出し方を覚えておいてください。

設定(O) → 共通設定(C)... → マクロタブ
Ctrl + 6 → マクロタブ

どちらのパターンの操作でもOKです。
後者のショートカットキーを覚えておくとラクだと思いますよ。

共通設定画面のマクロタブの設定内容を控えておいてね

後で使いますので、共通設定画面のマクロタブの設定内容を控えておいてね。

もし何も書かれていなければどこかを指定しておいてください。
サクラエディタのEXEがある場所を指定してもOKです。

この後で『マクロパス』と書いてあったら、ここで控えたパスの事です。

➊ hタグなんてショートカットキー一発でやっちゃえ！編

さて、ここからが本編です。

h2タグやh3タグの入力ってどうしてますか？
手入力ですか？

hタグだけじゃないですけど、htmlタグの入力って面倒ですよね。
特にhタグは頻繁に入力するでしょうから、余計に面倒ですよね。

で、これをキー操作一発で入力できるようにしましょう。

どういうことかと言うと、以下のGIF動画を見てください。（クリックで動きます）

このGIF動画を手作業でやったら、こんな感じでしょうか？

HOMEキー
< h 2 > 入力
ENDキー
下矢印キー x 2回

HOMEキー
< h 3 > 入力
ENDキー
下矢印キー x 2回

　・
　・
　・

たくさんのキーを打つので面倒ですね。

しかし、このGIF動画では手入力はしていません。
Ctrl + 2やCtrl + 3等を押すことしかやっていません。
※Ctrl + 2等を押すことによりマクロが動いているだけ

以降の節でその設定をやってみましょう。

設定１：マクロの設定

上記ができるようになる設定方法を説明します。

マクロを書きます。

以下をコピってテキストファイル（拡張子はmacで）を作ってください。

//キーボードマクロのファイル
S_GoLineTop(0);     // 行頭に移動(折り返し単位)
S_InsText('');  // 文字入力
S_GoLineEnd(0);     // 行末に移動(折り返し単位)
S_InsText(''); // 文字入力
S_Down(0);          // カーソル下移動
S_Down(0);          // カーソル下移動

//キーボードマクロのファイル
S_GoLineTop(0);     // 行頭に移動(折り返し単位)
S_InsText('');  // 文字入力
S_GoLineEnd(0);     // 行末に移動(折り返し単位)
S_InsText(''); // 文字入力
S_Down(0);          // カーソル下移動
S_Down(0);          // カーソル下移動

//キーボードマクロのファイル
S_GoLineTop(0);     // 行頭に移動(折り返し単位)
S_InsText('');  // 文字入力
S_GoLineEnd(0);     // 行末に移動(折り返し単位)
S_InsText(''); // 文字入力
S_Down(0);          // カーソル下移動
S_Down(0);          // カーソル下移動

//キーボードマクロのファイル
S_GoLineTop(0);     // 行頭に移動(折り返し単位)
S_InsText('');  // 文字入力
S_GoLineEnd(0);     // 行末に移動(折り返し単位)
S_InsText(''); // 文字入力
S_Down(0);          // カーソル下移動
S_Down(0);          // カーソル下移動

//キーボードマクロのファイル
S_GoLineTop(0);     // 行頭に移動(折り返し単位)
S_InsText('');  // 文字入力
S_GoLineEnd(0);     // 行末に移動(折り返し単位)
S_InsText(''); // 文字入力
S_Down(0);          // カーソル下移動
S_Down(0);          // カーソル下移動

//キーボードマクロのファイル
S_GoLineTop(0);     // 行頭に移動(折り返し単位)
S_InsText('');  // 文字入力
S_GoLineEnd(0);     // 行末に移動(折り返し単位)
S_InsText(''); // 文字入力
S_Down(0);          // カーソル下移動

liタグ.macについては説明していませんが、他のhタグと設定方法や使い方は同じです。

マクロパスのフォルダに上記の6本のmacファイルを入れてください。
共通設定画面のマクロタブを表示
番号2のところをクリック

別に番号2のところじゃなくてもいいですけど、h2タグなので番号2、h3タグなので番号3と選んでおくと分かりやすいかな？ってだけです。
Fileの部分をクリックしてh2タグ.macを選択
マクロを実行するたびにファイルを読み込みなおす(L)をチェック
名前(N)に『h2タグ』と入力（自分が分かるならなんでもOK）
設定ボタン押します


設定ボタンの押し忘れをよくやっちゃうので気を付けてください。
以降、h3タグ.macやh4タグ.macも同じように設定してください。
OKボタン

設定２：キー割り当ての設定

こんな感じでキーを割り当てます。
割り当てるキーはなんでもいいです、初期設定ではCtrl + Alt + 2等には何も割り当たっていないはず。

キー	マクロ
`Ctrl` + `Alt` + `2`	h2タグ
`Ctrl` + `Alt` + `3`	h3タグ
`Ctrl` + `Alt` + `4`	h4タグ
`Ctrl` + `Alt` + `5`	h5タグ
`Ctrl` + `Alt` + `6`	h6タグ

共通設定画面のキー割り当てタブを表示
画面真ん中
Ctrlをチェック
Altをチェック
画面右側
Ctrl+Alt+2を選択
画面左側
1. 種別(K)：外部マクロ
2. 機能(F)：h2タグ
3. 割付(B)ボタンクリック
以降、h3タグやh4タグも同じように設定してください。

使い方

マクロの設定が終わりました。

Ctrl + Alt + 2～6を押すことで、割り当てられたマクロが実行されます。

やってみてください。

見出しを書く（見出しは一行であること）
先頭でも途中でも最後でもいいのでカーソルを見出しの行に置きます
Ctrl + Alt + 2～6を押します
行頭と行末にhタグが書かれます。

➋ アウトライン機能でhタグの順番をちゃんと見ましょう！編

hタグって順番に並べないといけないですよね。

で、アウトラインという機能を使うと確認しやすいですよ。

アウトラインが使えるようになるまでの手順を説明します。

設定

htmlファイルを作ってください
拡張子がhtmlのテキストファイルを作りますが、以下の手順が楽ですよ。
1. どこかのフォルダの中（デスクトップでもOK）で何も選ばずに右クリック
2. 新規作成(W)
3. テキスト文書(T)
4. 「新しいテキストドキュメント.txt」が出来ます
5. ファイル名はお好きに入力してください
6. 拡張子をhtmlにしてください
このhtmlファイルをサクラエディタで開いてください
ダブルクリックするとブラウザで開いちゃうので、ダブルクリックはしないでね
サクラエディタを起動して、サクラエディタにドラッグ＆ドロップすればOKです
タイプ別設定画面を開きます
1. 設定(O) → タイプ別設定(Y)...
2. Ctrl + 5
どちらのパターンの操作でもOKです。
後者のショートカットキーを覚えておくとラクだと思いますよ。

共通設定とタイプ別設定の違い
タイプ別設定は拡張子毎の設定です。
例えば、txtファイルはこんな色使いにしたいとかこんなフォントを使いたい、でもhtmlファイルは違う色使いで違うフォントで、折り返しの桁数とかも設定したいとか。

共通設定はサクラエディタそのものに関する設定です。
拡張子に関係なく必要な設定になります。

タイプ別設定と共通設定では、設定項目は違います。
タイプ別設定のスクリーンタブ
画面右側にアウトライン解析方法 → ルールファイル(D)があります。
ここにルールファイルを設定するのですが、ルールは準備しています。

以下をコピってテキストファイル（拡張子はtxtで）を作ってください。
```
 /// Lv2
 /// Lv3
 /// Lv4
 /// Lv5
 /// Lv6
```
設定は、(1)...ボタンをクリックしてルールファイルを選択します。
OKボタン

アウトライン解析機能を使う前に、アウトラインウィンドウを出しましょう

アウトラインウィンドウの出し方の操作は3パターンあります。
どれを使ってもいいですが、F11キーを覚えておくと良いでしょう。

検索(S) → アウトライン解析(L)...
アウトライン解析...ボタン
F11キー

アウトラインウィンドウは独立したウィンドウで出る事もありますし、

サクラエディタにドッキングして出る場合もあります。

独立ウィンドウ状態からドッキングさせたい

左下の▼ボタンをクリックしてください。
こんなメニューが出ますので、お好きなドッキングを選択してください。（右ドッキング(R)とか）

ドッキング状態から独立させたい

青いタイトルバーの部分を掴んでドラッグすると、ウィンドウは外れます。

アウトライン解析機能を使ってみましょう

試しに、htmlファイルにタグを書いた文章を貼り付けてみましょう。

君は柿ピーを知っているか？
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

柿の種派？
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

ピーナッツ派？
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

両方派？
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa


柿ピーはナゼ美味しいのか？
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

柿の種があるから？
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

ピーナッツがあるから？
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

両方あるから？
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

↓こんな感じで、アウトライン画面でhタグの階層構造が分かります。