ボタン1つで登録したタグが挿入でき、非常に便利なので導入すると記事作成が楽になります。

まずは、AddQuicktagのプラグインを追加します。

プラグイン新規追加と有効化がわからない場合は、下記を参照してください。

それでは、設定について解説していきます。

プラグイン一覧画面からaddquicktagを探して設定をクリックします。

タグは自由に追加できます。

ダッシュアイコンラベル名は記事の投稿画面に表示される項目名です。

開始タグと終了タグの部分に挿入したいタグを入れます。

範囲選択をしている時の選択した部分の前半に開始タグ、後半に終了タグが入ります。

アクセスキーは無視して大丈夫です。
順番は、投稿画面のタグの並び順になります。

開始タグと終了タグ、順番を入力したら右端のチェックマークの下のチェックボックスにチェックを入れます。

※このチェックはどの投稿タイプで表示させるかを決める項目なので全部にチェックを入れて問題ありません。

変更を保存をクリックすると、タグが追加されました。

あとは同じ要領で追加が可能です。

デフォルトのクイックタグも表示と非表示を自由に決めれるので、使わないものはチェックを外しておくとすっきりします。

このように任意のタグが追加されていればOKです。

初期状態では.こんなふうにタグが出ています。

が、編集するとこれだけすっきりしました。

ちなみに、登録したタグはインポート・エクスポート機能を使って他のブログにもそのまま使うことが可能です。

Addquicktagの設定ページ一番下にあるエクスポート・インポートという項目で、設定ファイルをエクスポートして、別のWPでファイルをインポートすればOKです。

以上です。

プラグインの解説をする時に、追加手順は正直必要ないと思うので、
省略できるように、別記事で解説することにしました。

プラグインの追加は、サイドメニューの「プラグイン」→「新規追加」から可能。

インストールしたいプラグイン名を右上の検索窓に入力。

入力すると大体、マッチするものが左上に出てきます。

インストールしたいプラグインの「今すぐインストール」をクリック。

これでインストールは完了ですが、
この段階ではまだWordPressの中に保存しただけ。

実際に使うためには、「有効化」をクリックします。

後で使うつもりの場合は、ここで有効化しなくても後からできます。

有効化が完了すると、インストール済みのプラグイン一覧ページに飛びます。

ここから、先ほどインストールしたプラグインの名前を探して、
「設定」「Setting」などのメニューを選択。

この画面はWordPressのプラグインによって変わります。

インストールするだけでOKなプラグインもありますが、
細かい設定が必要な場合は、ここから詳細な設定を行う流れです。

インストール済みのワードプレスプラグインは、
サイドメニューの「プラグイン」→「インストール済みプラグイン」で、
先ほど一覧画面に行くことができます。

「プラグイン編集」はHTML自体をいじることになるので、
知識がない場合は基本的に触ることはありません。

以上です。

PNGファイルのサイズを圧縮できる「TinyPNG」というWEBサービスの、
WordPressプラグイン版なので非常に便利です。

わざわざページにアクセスしなくてもプラグインを追加して、
簡単な設定をしておくだけで自動で圧縮してくれるので、
忘れないように導入しておきましょう。

アップロード時に画像を自動で圧縮する手順・設定

まずは、「Compress JPEG & PNG images」で検索して追加します。

追加したら有効化。

プラグインを利用するためにはAPIキーが必要なため取得しなくてはいけません。
プラグインの設定画面から1分で終わる作業です。

「インストール済みプラグイン」から「Compress JPEG & PNG images」を探し、
設定メニューに進みます。

TinyPNGのアカウントを登録することでAPIキーが取得できるので、
左側に名前とアドレスを入力してResistAccountをクリック。
（適当でも特に問題はありません。）

すでにアカウントを持っている場合は、右側にAPIキーを入力すればOK。

アカウントを登録して、上記の画面になればOKです。

今月圧縮した枚数が記載されています。
（プラグインでは月に500枚までしか圧縮できません。）

※特に見る必要はないのですが、入力したアドレスにメールも届いています。

「Change API key」を押すとAPIキーを変更することもできます。

月の上限500枚を超えないようにやっておくべき設定

APIキーの取得が終わったら、次は設定をしていきます。

「File compression」は、どのタイプの画像にたいして圧縮をかけるか選ぶ項目です。

ここが重要なのですが、普段使っているサイズにだけチェックを入れて、
それ以外の画像サイズのチェックは外しておきましょう。

というのも「Compress JPEG & PNG images」で圧縮できる画像は、月500枚が上限。

500枚というと全然余裕そうに感じるかもしれませんが、
実はWordPressでは画像をアップロードした時に、
いくつかのサイズの画像を自動で作成してしまいます。

そのため、自動で作成した画像にたいしても圧縮をかけてしまうと、
あっという間に上限の500枚を超える危険があるため、
不要なファイルは圧縮しない方がいいのです。

ちなみに、そもそも使わないサイズの画像を作成されても、
サーバーの容量を圧迫するだけで何もいいことはありません。

WordPressで勝手にサイズの違う画像を作成しないように設定することも可能なので、
もしやっていなければ、下記を参考に設定しておきましょう。（1分で終わります。）

WordPressで複数サイズのメディア画像生成を止める方法 | アフィリエイト初心者のつまづきを解決するブログ

「File compression」で「Original image」にチェックを入れている場合は、
「Original image」の項目を別途設定できます。

「Resize and compress the original image」で上限を設定すれば、
上限を超えた画像をアップした時に自動でリサイズしてくれます。

ただ、指定した上限以上のサイズの画像をアップできなくなるので、
別プラグインでリサイズするか、リサイズしたものをアップした方がいいでしょう。

Imsanityというプラグインが割と便利で、
投稿画面からアップロードした画像にのみ上限を設定できたりするのでオススメです。

その他の項目は私はやっていないので解説は省略します。

もしそれでも、月に500枚圧縮して上限になってしまった場合は、
プラグインではなくWEBのTinyPNGを活用するか、
これから解説する手動で圧縮する方法を利用して、
月が変わった後に圧縮することで対応可能です。

WEBのTinyPNGの使い方についてはこちらを参考にしてください。

TinyPNGの仕組みと使い方。画質は劣化するのか。 | アフィリエイト初心者のつまづきを解決するブログ

アップロード済みの画像を手動で圧縮する手順・設定

「Compress JPEG & PNG images」は画像アップ時に自動で圧縮してくれますが、
プラグインを入れる前の画像は勝手に圧縮はされません。

ただ、手動で圧縮はできるのでその手順を解説していきます。

まずは、サイドのメニューからメディア一覧に移動します。

画像の表示がサムネイルのみだと圧縮可能かわからないので、
「すべてのメディア」の左にあるマークから表示方法を変更します。

表示を切り替えて、このようになればOKです。

少し見にくいですが、画像の右端に圧縮状況が書いてあります。

「1 sizes compressed」は１つのサイズの画像を圧縮したということです。
その下に圧縮することで何％カットできたか記載されています。

「Detail」から各サイズの圧縮状況が見れます。

このように、どのサイズに対して圧縮をかけているかわかります。

圧縮対象にならないようにチェックを外していると、
「Not configured～」というメッセージになり圧縮されません。

「Not present」は存在しないため圧縮できなかったという意味です。

圧縮したい画像にチェックを入れたら、プルダウンから「compress Images」を選択。

適用を押すと圧縮してくれます。

一括で圧縮したい場合は、サイドのメニューから、
「メディア」→「Bulk Optimization」を選択します。

圧縮できる画像がある場合は、（左上の3種類の数字の真ん中に数が表示）
「START Optimization」というボタンが真ん中あたりにでているので、
それを押すと順番に圧縮していってくれます。

圧縮が終わると、真ん中の数字が０になりました。

以上です。

＜p＞タグとは段落を意味するタグなので、
このような感じで、全体を１つの段落として囲んでしまうと、
HTMLの文章構造として不自然になってきます。

（＜p＞タグの中に＜div＞などが入っていたり、段落が1つだけになったり。）

これはプラグインを少し編集すれば解決するので、その方法を紹介します。

WPのメニューから「プラグイン編集」をクリック。

右側のプルダウンから編集するプラグインを選べるので「brBrbr」を選択。

このようになっていれば選択できています。

上記の箇所を探します。

見つけたら、先頭に「//」を追加します。これだけでOKです。

編集したら保存します。上記メッセージが出ていれば完了です。

ページのソースを見ると、＜p＞タグが消えているのがわかります。
すでに投稿済みの記事もまとめて反映されているはずです。

改行自体も特に問題なくできていますね。

以上で「brBrbr」でPタグの自動挿入を防ぐ方法は終了です。

ちなみに、brBrbrは自由度が少し低いので、WordPressで連続改行をしたいなら、
下記のPタグを使った方法が慣れると簡単ですしオススメです。

WordPressでプラグインを使わずPタグで超簡単に複数改行をする方法。 | アフィリエイト初心者のつまづきを解決するブログ

ぜひ試してみてください。

しかし、改行が1行だと行間が迫りすぎて見にくいです。

訪問者が読みやすくするためには、
やはり必要に応じて行間を確保した方がいいので、
その方法を紹介しようと思います。

紹介といっても、一瞬で終わってしまうのですがｗ

ちなみに、「brBrbr」という有名なプラグインもありますが、
記事全体をPタグで囲ってしまう問題があります。

Pタグ内に<div>などのタグが入ることになると、
HTMLの記述構造がおかしくなってしまうのです。

※訪問者の見た目には問題ないのですが、
検索エンジンが読みづらくなってしまうデメリットがある。

また、そこまで影響は出ていないようですが、
SEO的な視点でBRタグの多用は良くないとも言われます。

※このあたりたいして重要ではないので、深く考えずに
使わないに越したことはないと思ってください。

設定をいじれば記事全体をPタグで囲まないようにもできるので、
「brBrbr」を使ってもいいのですが、
Pタグで設定する方法がシンプルで個人的にはオススメです。

さて。

具体的にすることは１つだけで、
まず下記の記述を辞書ツールなどに登録します。

<p style=”margin-top:3.0em;”></p>

そして、記事作成時に広めに改行したい場所の、
次の文章の先頭に挿入するだけです。

例えば、このように記載すると、

実際の記事では少し感覚が広くなっていますよね。

タグ記述内の「3.0em」が広さなので、この数値で微調整可能です。

試しに、5.0emに変更したら…

さっきより広くなっていますよね。

ちなみに、HTMLがわかる人向けですが、marginではなpaddingでも可です。

また、topの部分をbottomに変えると、Pタグの下のスペースを広げられます。

さっきの記述のtop部分をbottomに変えると、

下にスペースが空きました。

なお、この方法は厳密には複数改行ではなく、
空白スペースをCSSの記述で広く取っているのですが、
行間を広めに取るという目的は達成できるはずです。

それでは。