DESIGN IT YOURSELF.

BUROKI


top

blog

  • top
  • blog
  • wordpressでのwebサイト制作で個人的によく使用するプラグイン5選

wordpressでのwebサイト制作で個人的によく使用するプラグイン5選

design_thing

  • top
  • blog
  • wordpressでのwebサイト制作で個人的によく使用するプラグイン5選

wordpressでのwebサイト制作で個人的によく使用するプラグイン5選

2022.09.15.

スポンサーリンク

スポンサーリンク

もういまやwebサイトをつくるならブログツールである「wordpress(ワードプレス)」を使っての制作が当たり前になりましたね。

元々wordpressはブログをつくるためのツールだったこともあり、クライアントさま自身でwebページを投稿できるところが大きな特徴のひとつです。そしてwordpressはオープンソースなので決まった使い方の説明書などはなく、柔軟にアレンジすることができ、応用としてwordpressを用いてwebサイトを制作するようになり、そのwebサイトのひとつの機能としてブログをつける、というのが主流になりました。

そこからECサイト制作やメディアサイト制作もwordpressで構築するまでに発展し、webサイト制作には無くてはならないツールとなりました。

しかし、そんなwordpressにも標準では付いていない機能がたくさんあり、柔軟なwebサイト制作に対応するためにツールが必要になるケースがあります。そのツールが「プラグイン」です。

目的に沿ったいろんなプラグインをインストールすることで様々な機能をwebサイトに追加することができ、より柔軟にクライアントさまの要望に応えるwebサイト制作ができるようになります。

今回のブログでは、ボクが個人的にwebサイト制作時によく使用するプラグインを5つ紹介したいと思います。ぜひ参考にしてもらえたらと思います。

BUROKIアイコン

プラグインも今はかなりの数があるので、どれを使おうか迷ったりしますね。

plugin list

よく使うプラグインリスト

1. Custom Post Type UI

まずはこちらのプラグイン。
個人的にwebサイトを制作するときに必ずといっていいほど使用しています。

Custom Post Type UI

最近はブログだけではなく、お知らせや製品情報というように、複数のコンテンツを更新したいとおっしゃるクライアントさまが多くなってきました。

このプラグインを使うことでカスタム投稿としてブログ、お知らせ、製品情報といった風にそれぞれ独立させて投稿領域を持たせることができます。wordpressの標準では「投稿」のみしか存在せず、投稿するジャンルを分けたい場合には不便なんですよね。

そんなときはこのプラグインを使えば柔軟に対応できます。使い方は少し複雑で、専用のphpファイルも用意する必要があったりしますが、何よりも大切なのはクライアントさまとその先にいる訪問ユーザーにとって良いwebサイトにすること。使い方はネットで調べればいくらでも出てきますので、覚えて経験を積んでおいて損はないと思います。

ダウンロードや詳細は下記のリンクからどうぞ。

Custom Post Type UIを使用する場合はパーマリンクをカスタム投稿別に設定できる下記の「Custom Post Type Permalinks」もセットで使うようにしましょう。

2. Advanced Custom Fields

こちらもwebサイト制作に欠かせない、代表的なプラグインです。ご存じの方も多く、いまさら紹介するまでもないものですが・・。

Advanced Custom Fields

Advanced Custom Fields(略して「ACF」)は、wordpressの投稿ページや固定ページ、カテゴリ、コメント欄など任意の箇所へ入力欄を追加できるプラグインなんです。

このプラグインの何が一番いいかって、クライアントさま側でのページの更新が容易にできるところですね。厳密に言うとhtmlなどの専門的なスキルを身につけてもらう必要がなく、制作側がクライアントさまの更新をできるだけ簡単に行えるような構造にすることができる。

タイトル画像を表示させたり差し替えたり、文章を表示させたり修正したり、価格を表示したり・・。入力欄をあらかじめ用意し、phpのソースコードにも表示させるようにしておけば、そこに入力するだけでwebページ上も更新されるので非常に便利なんです。

使ってみるとけっこう多機能で面白いので、自分のサイトで試しながら覚えていくのもいいと思います。webサイト制作に絶対役立つはずです。

3. MW WP Form

webサイトに欠かせない問い合わせやエントリーなどに使用するメールフォーム。
制作するとき、フォームを設置しなかったことは無いというくらい毎回フォームを設置しています。

標準のwordpressにはフォームの機能がなく、フォームのプラグインを使用することでフォームをwebページに設置できるようになります。

代表的なフォームのプラグイン「Contact Form 7」

今回紹介しているのは「MW WP Form」というフォームのプラグインですが、一番有名なフォームのプラグインは「Contact Form 7」でしょう。おそらくほとんどのwordpressでつくられたwebサイトはフォームの設置にこのContact Form 7を使用しているはずです。

ボクは両方とも使用したことがあるのですが、操作性や利便性など考慮すると、個人的にはMW WP Formのほうが使いやすいですね。バリテーションルール(入力内容チェック)やページ遷移の操作性、送信完了画面の融通性などもこちらのプラグインのほうがいいと思っています。Contact Form 7はちょっとシンプルすぎるところが気になってしまいます・・。

これはあくまで個人の感想なので、自分に合ったプラグインを使ってみてください。

4. Password Protected

webサイトを制作するとき、制作途中のサイトがネット上の検索に引っかかってしまうのは良いことではないですよね。

なので通常はテスト用のサーバー環境を用意し、その場所にwebサイトをつくっていくか、webサイト自体にパスワードをかけて非公開にしてしまい、パスワードを知っている人だけがサイトを閲覧できるようにし、ネット検索には引っかからないようにするという手段があります。

このプラグインは後者のwebサイト自体にパスワードをかけるプラグインです。

webサイトを非公開にするプラグインはメンテナンス中という表記を出したりといろいろあるのですが、このプラグインは比較的簡単にパスワードを設定できて非公開にすることができます。

Password Protectedが有効になっているときのサイト表示
プラグインが有効になっているとこんな表示になります

パスワードの設定自体は設定画面から行えます。
そのときに管理者やログインユーザーはパスワード画面を表示させない設定にもできるので(毎回サイトの表示を確認するときにパスワードを入力してると面倒なので)、手軽に便利なところが個人的には気に入っています。

5. Easy Featured Images

最後はブログなどの投稿記事のサムネイル画像を設定するプラグイン「Easy Featured Images」。

サムネイル画像の設定方法はいろいろありますが、ボクはこのプラグインを使って投稿一覧画面や固定ページ一覧画面からワンクリックで設定しています。このBUROKI designにももちろん使っています。あまり知られているプラグインではないみたいですが・・。

記事一覧からサムネイル画像設定
赤い枠の部分から設定。けっこう便利なんですよ

ただ少し古いプラグインで、あまり更新アップデートなんかもされていないっぽいので(?)、いつまで使えるのか注意が必要ではあります。日本語対応の詳細ページも存在していないみたいです。

自分に合ったプラグインを使おう

今回はボクが個人的によく使うwordpressのプラグインを5つ紹介してみました。

ただ、今回挙げたものがすべてではありませんし、正解でもないと思います。制作者によってさらに良いプラグインを使っていることもあると思います。使いやすさは人によって違いますし、すべてを吟味することも不可能に近いですからね。

BUROKIアイコン

おすすめのプラグインあれば教えてください!
スポンサーリンク

BUROKI写真

BUROKI写真

はじめましてBUROKIです。

ベンチャー企業にて11年間webやグラフィックデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います(笑)

制作実績やインハウスデザイナーのことなど日々更新しています。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談ください。

ベンチャー企業でマスターデザイナーとして働いた後、フリーランスになりました。制作実績やインハウスデザイナーのことなど日々更新しています。制作のご依頼なども受け付けてますので、なんでもお気軽にご相談ください。

ご依頼・お問い合わせ

ご依頼・お問い合わせ

related contents

関連コンテンツ一覧
スポンサーリンク

文鳥とデザイナー

スポンサーリンク

blog list

ブログ一覧

design_thing

クライアントさま必見!webサイト制作にかかる費用を抑える5つの方法

webサイトをつくってもらいたいけど、予算があまり取れないことが理由で、webデザイナーに依頼することを断念または尻込みしている方もいらっしゃる…

2022.09.25.

design_thing

wordpressでのwebサイト制作で個人的によく使用するプラグイン5選

もういまやwebサイトをつくるならブログツールである「wordpress(ワードプレス)」を使っての制作が当たり前になりましたね。 元々wordpressはブロ…

2022.09.15.

design_thing

webメディア「フリーランスの攻略本」にてインタビュー記事が公開されました

先月末に「フリーランスの攻略本」というフリーランス向けのwebメディアサイトを運営されているユニークキャリアさまからインタビューの依頼があり、…

2022.09.06.

think

2022年8月の活動報告。8月はこんなデザイン制作をしていました

9月に入り、少しずつですが朝晩の暑さが和らいできましたね。 ボクは寝るときはクーラーをつけず扇風機で寝る派なのですが、徐々に寝苦しさがなくな…

2022.09.04.

private

八坂塔の真下にある「イル・ギオットーネ 京都本店 」で相方の誕生日を祝う

少し前のことですが、気になるお店があったので京都に行ってきました。 阪急河原町駅から徒歩で約10分ほど、日本最古の塔といわれている八坂の塔がす…

2022.08.26.

think

2022年7月の活動報告。7月はこんなデザイン制作をしていました

梅雨明けたかと思いきや意外と雨が降る時期が長引いたこともあり、このまま夏が過ぎ去っていくんじゃないかと思ったのですが・・日本の夏はそんなに…

2022.08.10.

blogをもっと見る

制作のご相談・お問い合わせはフォームから

デザインのご依頼や予算のご相談、お問い合わせなどお気軽にお問い合わせください。
また、書いてほしいブログのリクエストやファンレター(笑)もお待ちしております。

問い合わせフォームはこちら

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル