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

関連記事

マークアップ

コーポレートサイトのアクセシビリティ、どこまで対応すべき?

コーポレートサイトにおける。 重要だと分かっていても、コーポレートサイトにどこまで反映すべきかは悩みどころではないですか? 今回は、現実的に取り組みやすい部分と、対応が難しい部分を整理してご紹介します。 一概にこれが正解、というわけではありませんが、悩んでいる方の参考になればと思います。 目次1 コーポレートサイトでの達成基準は?2 比較的対応しやすい部分2.1 画像に代替テキストを設定する2.2 見出し構造の整理(h1~h6の適切な使用)をする2.3 色や形だけに依存しない […]

Webサイト制作

はじめてのShraePoint 実践的活用事例3選【業務効率化・DX】

目次1 SharePointとは?1.1 高い機密性が特長2 SharePointの活用法2.1 1.社内マニュアルや手順書を整備する2.2 2.営業資料や契約書の保管と共有に活用する2.3 3.情報の回覧やアンケート、意見収集の場として活用3 SharePointで作成したポータルサイト4 まとめ5 8bit公式 YouTube Channelのご紹介 SharePointとは? SharePointはMicrosoftが提供する情報共有サービスです。WordやExcel、 […]

Webデザイン

【Premiere Pro】動画素材の音声を自動で文字起こしする方法

Premiere Proの機能を使って、動画素材の音声を自動で文字起こししてみましょう。起こしたテキストは、発話タイミングに合わせて字幕として表示することもできます。とても簡単にできるので、ぜひ試してみてください。 目次1 自動文字起こし機能の使い方1.1 1.テキストパネルから文字起こしを行う1.2 2.文字スタイルの変更2 8bit公式 YouTube Channelのご紹介 自動文字起こし機能の使い方 1.テキストパネルから文字起こしを行う 音声データを含んだ動画をタイ […]

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

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

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

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