おすすめの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を触るのが好きです。よろしくお願いします。

関連記事

プログラミング

【PHP】ソーシャルログインに対応したお話(LINEログイン編) ②

前回はLINE Developersでチャネル登録までを行いました。 今回は実際にPHPでログインを実装していきます。 目次1 初期設定を定数にする2 LINE ログインのURLを作成する3 コールバック時の処理4 最後に 初期設定を定数にする 最初にdefineでチャネル登録した情報やAPIのURLを定義します。 メールアドレスを取得したい場合はLINE_SCOPEに「email」を追記してください。 LINE ログインのURLを作成する LINEログインに利用するログイン […]

Webサービス

【PHP】ソーシャルログインに対応したお話(LINEログイン編) ①

今回はLINEログインです。 LINEログインは他のソーシャルログインと違って、電話番号必須なので、ユーザーがアカウントを無限に発行するということがなく、しかもOSに関係なくアカウントを使用できるので、特にB2Cサービスを考える場合には是非導入を進めたいと思います。 逆に法人サービスで使う場合、法人担当者が個人のLINEアカウントを使用することはないと思うので、あくまで個人向けサービスがよいかなと思います。 LINEログインについての概要はこちらに詳しく書いています。 htt […]

プログラミング

【PHP】ソーシャルログインに対応したお話(Apple ID編) ②

目次1 前回のおさらい2 実装に必要な情報3 PHPで実装してみる4 戻り先の処理4.1 composerでライブラリのインストール4.2 処理の説明4.3 実際のソース5 最後に 前回のおさらい 前回は「Appleでサインイン」を実装する前の下準備をまとめました。 今回は実際にPHPで実装をしたいと思います。 なお、ソーシャルログインについて実はFirebase上でできるぽいのですが、今回はそれを使わずに実装したいと思います。 実装に必要な情報 前回Apple Develo […]

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

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

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

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