WordPress導入後に入れておくと超便利な3つのプラグイン!

Wordpress記事作成便利ツール編

こんんちは、こんばんは、ごりょんさんです。

先日はWordPress導入におけるSEOの設定をしましたが、今回からはいよいよSimplicityの初期設定を行って行きます。

前記事➝All In One SEO Packの設定~WordPress導入後に入れておきたいプラグイン

最初はブログの記事を作成していく上であれば非常に便利なプラグインを3点紹介します。

スポンサーリンク

AddQuicktagでよく使用する単語やコードを登録しておく

見出しに使いますH2タグなどはビジュアルエディタにありますが、いちいち切り替えるのも面倒です。

かといって毎回手書きしていては手間がかかります。 

他にはWordPressで記事を作成していますと何回も同じ言葉を書き込むときがあります。「WordPress」「Simplicity」「クリックします。」など。

これらを登録しておいてコード1つで呼び出せるようにしておくと記事作成にかかる時間が短縮されます。

そんな時に便利なプラグインAddQuicktagを使ってあらかじめよく使合う単語やHTMLコードを登録しておきます。

AddQuicktagのインストールと有効化

ダッシュボード➝プラグイン➝新規追加と進みます。プラグインの検索窓に「AddQuicktag」と記入しENTER。

「今すぐインストール」をクリックしてインストール後に有効化しておきます。

ダッシュボードの「設定」欄にAddQuicktagが表示されましたのでクリックします。

addquicktagの導入

単語とHTMLコードの登録

必要なHTMLコードと名前を登録していきます。

44

  • ボタン名   タグの名前
  • ラベル名   ボタンの説明文。これは必要ないかも。
  • 開始タグ   HTMLタグの開始部分。
  • 終了タグ   HTMLタグの終了部分。
  • アクセスキー これは空白で。
  • 順番     ボタンの表示順。

こんな感じになります。

addquicktagの導入3

「WordPress」を登録する時はこんな感じに記入します。

addquicktagの導入2

こんな感じで登録されました。なんかごちゃごちゃですが、これでクリック1つで見出しタグを挿入できます。

addquicktagの導入3

Table of Contents Plusで目次の導入

WordPressのブログ記事に目次を導入して記事内の状態を分かり易く書き出してくれるプラグインです。

上の方にあるこれの事です、ハイ。

addquicktagの導入9

ダッシュボード➝プラグイン➝新規追加と進みます。プラグインの検索窓に「Table of Contents Plus」と記入しENTER。

「今すぐインストール」をクリック。インストール後に有効化しておきます。

次に「設定」をクリックします。

50

変更点はとりあえず2点ほどあります。

デフォルトでは表示条件が4つからになっていますので2に変更しておきます。

以下のコンテンツタイプを自動挿入」ではpost(通常記事)にチェックを変更しておきます。

addquicktagの導入7

最後に「更新」をクリックすれば設定の完了です。

addquicktagの導入8

フリー素材サイト「pixabay」を記事作成内で検索できるプラグイン「pixabay images」


pixabay-868437_640

上の画像は著作権フリーで画像を使用できるサイトpixabayから頂いてきた物です。

いちいちpixabayまで画像を探しに行きますと手間ですので、WordPress記事作成ページから直接ダウンロードできるというプラグインpixabay imagesを導入します。

pixabay imagesのインストールと有効化

ダッシュボード➝プラグイン➝新規追加と進みます。

プラグインの検索窓に「pixabay images」と記入しENTER。「今すぐインストール」をクリック。インストール後に有効化しておきます。 

pixabay imagesの設定

ダッシュボード➝設定➝pixabay images

基本的に1か所チェックを外すだけです。

addquicktagの導入5

「Attribution」にチェックが入っていると、ダウンロードした画像にクレジットが明記されます。

pixabay imagesの使い方

当方の環境(Internet Explorer11)ではsearchボタンを押しても反応がありませんでした。Google Chromeをお勧めします。

使い方は簡単です。「pixabay 」をクリックします。

56

英語で記入します。ここでは「cat」と記入、「search」で検索します。

57

検索結果でたくさんの画像が表示されました。サムネイル画像にカーソルを合わせると大きな画像が表示されますので、サイズを選んでクリック。

58

ここでは「配置」と「サイズ」を決めます。最後に「投稿に挿入」をクリックします。

59

こんな感じでカッコよく挿入できました。

Cat

strongタグを蛍光ペンで書いたみたいに装飾する方法

最後にプラグインではありませんがCSS(スタイルシート)を使った便利ツールの紹介です。

強調(strong)タグ、ここで言えば「b」ですね。普通は太字になるだけですが、CSS(スタイルシート)にコードを貼り付けて装飾してやります。

ピンク色ペン

こんにちは、ごりょんさんです。

黄色ペン

こんにちは、ごりょんさんです。

青色ペン

こんにちは、ごりょんさんです。

ダッシュボード➝外観➝テーマの編集でスタイルシートに貼り付けて「ファイルの更新」をクリックします。

addquicktagの導入4

こんな感じで基本的に子テーマのCSS(スタイルシート)にコピーしたコードを張りつけるだけなので楽チンです。

まとめ

今日はWordPressにおける初期設定で便利なツールを紹介しました。

いずれもプラグインもしくはCSS(スタイルシート)を使用しますのでブログを開設したばかりの初心者でも比較的簡単に導入できる方法です。

次回からはいよいよブログのカスタマイズ編に入りたいと思います。

次記事➝WordPress導入後にしておきたい初期設定【Simplicityカスタマイズ編】
 

スポンサーリンク

フォローする

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です