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

関連記事

プログラミング

【phpdotenv】PHPで環境変数を取り扱うお話

PHPでサーバーの環境ごとに設定ファイルを用意する場合、config.phpなどのファイルにデータベースの接続情報やAPIのキーなどをdefineで登録すると思います。 これは昔からある一般的なやり方ですが、例えば「ローカル環境やテスト環境と本番環境で情報を出し分けたい」「GitHubやSubversionなどに接続情報を管理されたくない」ということがあるかと思います。 Linuxの場合は「.env」でユーザーごとの情報をあらかじめ設定することが可能ですが、PHPだとデフォル […]

Webサービス

【CAPTCHA系】reCAPTCHAの代替サービスを紹介するお話

みなさん、reCAPTCHAを使ってますか? CAPTCHAと呼ばれる機能は問い合わせフォームやログインフォームなどいわゆるbot系対策として有効で、その中でもreCAPTCHAは無料かつ簡単に導入できるたため、様々な場所で使われてます。 目次1 2024年4月から実質有料化?2 他にないのだろうか?3 アカウントを作る4 PHPでの実装5 最後に 2024年4月から実質有料化? しかし、2024年4月から今まで100万リクエストまで無料だったのが、1アカウント合計1万リクエ […]

Webサイト制作

Webアクセシビリティの基本を学ぼう!

近年Webサイト制作時に求められる『Webアクセシビリティ』。 正直なんだかよくわからない、ややこしそうだなあと思う方も多いと思います。 自分も勉強中ではありますが、今回は対応しやすそうな内容をなるべくわかりやすくまとめてみました。 一緒にWebアクセシビリティについて学んでいきましょう。 目次1 そもそもWebアクセシビリティってなに?2 基本的な対応内容2.1 色のコントラストをはっきりさせよう2.2 文字サイズを変更できるようにしよう2.3 できるだけテキストベースを心 […]

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

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

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

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