おすすめのWordPressプラグイン集 part1

  • このエントリーをはてなブックマークに追加

こんにちは、工藤です。
今回はこのブログでも使っているWordPressのおすすめプラグインと、簡単ではありますが使い方をご紹介します。

手軽にブログの記事の装飾をしたい

Shortcodes Ultimate

Shortcodes-Ultimate01
Shortcodes Ultimate
ブログの記事を書いているとボタンなどの装飾やアコーディオンなどをつかいたい…けれどcssやjsに詳しくない…なんて時はないでしょうか。
その時役に立ってくれるのが『Shortcodes Ultimate』です。
なんと、40種類以上のショートコードを用意してくださっています。
このプラグイン1つでブログの記事内で使えそうな装飾をほぼまかなうことができます。

使い方
Shortcodes-Ultimate02

インストール後、投稿画面上に表示される『ショートコードを挿入』をクリック。
すると冒頭画像のように、ショートコードの一覧が表示されます。今回は『ボタン』を作成します。

Shortcodes-Ultimate03

こんな感じで、ボタンのスタイルやここには映っていませんがアイコンの設定なども行うことができます。
そして作成したボタンがこちら。

モノづくりブログへ

とても簡単にできました。


その他にも…
アコーディオンのタイトル
アコーディオンの中身
こんな感じのアコーディオンや

スライドなんかも作ることができます。

非常に汎用性の高い、おすすめのプラグインです。



ソースコードを記事で綺麗に表示させたい

Crayon Syntax Highlighter

crayon03
Crayon Syntax Highlighter
記事上でソースコードを綺麗に表示してくれるプラグインです。


使い方
crayon01

まず、インストール後に設定画面で基本のデザイン等を行います。

crayon02
そのあとは投稿画面上に現れる『crayon』で挿入画面を開きます。


crayon03

また、ここでも基本のデザインからこの場に合わせた調整を行うことができます。
設定が完了したら『挿入』をクリックでソースコードが表示されます。



ソースコードの表示といえば、こういう感じですよね。
簡単にできました。



デフォルトでアイキャッチを入れたい

Default Thumbnail Plus

Default Thumbnail Plus
Default Thumbnail Plus

テキストだけの投稿の時に、アイキャッチ画像の登録をせず投稿した際に活躍してくれるのがこのプラグインです。
登録はかなりシンプルで、管理画面から画像やそれを表示させるカテゴリなどを選択するだけです。
一番最初に表示されている『Any』に登録しておけばとりあえず全部の記事に適用されます。

使い方/設定について
下の方にも一応設定はあるのですが軽くご説明すると
  • Use image attachment if available
    ⇒記事に画像があったらそちらを優先させてアイキャッチに表示
  • Use embedded image if available
    ⇒記事に埋め込まれた外部画像を優先させて表示
  • Use embedded video thumbnail if available
    ⇒動画のサムネイルがあったらそちらを優先させて表示
  • Custom field
    ⇒カスタムフィールドの入力欄
  • Excluded posts
    ⇒除外する投稿のIDを入力
  • Cache and resize external images
    ⇒外部画像をキャッシュしてリサイズする
  • Filter post_thumbnail_html/Filter get_post_metadata
    ⇒プラグインフックの有効化・無効化の設定
だいたいこんな感じかと思います。お好みに合わせて設定してみてください。





今回は、このあたりで。
まだまだおすすめの物はあるので、そのうち機会がありましたらご紹介したいと思います。

執筆者:工藤[ WEBデザイナー ]

WEBデザイナー。 最近はWordPressを触るのが好きです。よろしくお願いします。

関連記事

プログラミング

SharePointではできないこと 4選

「これってSharePointでできないの!?」なんていう瞬間、開発やカスタマイズの現場では意外と多くあります。SharePointはとても柔軟なプラットフォームですが、実は“万能ツール”ではありません。「コードを書けば何とかなる」と思って構築を進めると、モダンページの仕様や制限に阻まれて苦い思いをすることもしばしば。今回は、実際のプロジェクトや運用の中で見えてきた「SharePointではできないこと」をまとめて紹介します。 目次1 1.CSSとJSが直接使えない1.1 ク […]

Webサイト制作

WordPress納品後にクライアントが安心して運用できる仕組みづくりをしよう

ホームページ制作において、更新機能を手軽に導入できるのがWordPressです。 専門知識がなくても記事の投稿やページ編集を行いやすい一方で、クライアントが自分で運用するには、が欠かせません。 今回は、そのための仕組みづくりについてご紹介します。 制作側の方はもちろん、クライアント側でホームページ運用を担当される方も、制作時のご相談などにぜひ参考にしてみてください。 目次1 管理画面のロゴを企業ロゴに変更する2 管理画面のURLを変更する・認証などを付けてセキュリティ面を強化 […]

Webデザイン

アプリのロゴアニメーションをAfter Effectsで作成→Lottieに変換【iOS/Android対応】

こちらは、当社でリリースしたアプリ「ピンピタ」で使用しているロゴアニメーションです。 スプラッシュ画面でロゴが動くと、ぐっとアプリらしい印象になりますし、作ってみたいですよね。 今回は、After Effects(以降AE)でロゴアニメーションを作成し、アプリに組み込むまでをご紹介します。 AEと聞くと難しい印象がありますが、PremiereやFlashなどを触った経験がある方なら、すぐに慣れます。 もう一度再生 目次1 作業フロー1.1 注意点:グラデーションが使用不可2 […]

株式会社8bit (エイトビット)

東京都目黒区でWebサイト制作、Webシステム開発などを行っております。
コーポレートサイトやWebサービスの企画・提案を得意としており、自社での経験を元にアイデアをカタチにするお手伝いをさせていただいております。

Web制作に関するご相談はお気軽にどうぞ

弊社に制作をご依頼いただく際の費用感をご確認いただける、
見積りシミュレーションをご用意いたしました。