実際の制作で使用中のプラグインをご紹介LoadingBrunoProfileWork制作の方針についてBrunoが生み出すWebサイトは、文章や写真を活かすためのデザインをご提供します。訪問者へアピールするためのコンテンツがメイン。この意識のもと、適切な見せ方を追求しながら制作しております。基本WordPressサイトの制作となりますが、ご希望に合わせてHTMLの静的サイトの制作ももちろんお請けさせていただきます。デザインだけやコーディングだけといった制作工程単位でのご依頼も対応しております。ある質問BrunoのWebサイト制作では、できるだけクライアント様にご不安を与えることなく、お問い合わせ時から制作完了時、その後の運用までサポートさせていただいておりますが、その際によく頂くご質問についてご紹介致します。制作実績これまでに制作させていただいてきたWebサイトの実績をご紹介致します。当制作の一番のウリはクライアント様ご自身での更新ですので、制作時と現在のデザインが異なる場合もございます。リンク先は参考程度にご覧ください。実際の制作で使用してるプラグインをご紹介WordPressプラグインを実際に使用する前に厳選することは大切です。いうのも、ただ単に欲しい機能だからと追加してしまうと、、サイトやデータベースに支障が出てくる可能性が出てくるから。そこで今回は、これまでの制作現場で実際に使用してきたWordPressプラグインを18個ご紹介します。InstallerWordPressプラグインを適用させる方法としては、管理画面の『プラグイン』の『新規追加』から追加するか、専用ページからダウンロードしてきて『plugin』フォルダにアップロードするのが従来の方法ですが、何気に手間のかかるものであったりします。制作期間中はできるかぎり手数を増やしたくないので、私は以下のWordPressプラグインを使用して一括でインストールしております。Installerは、WordPressプラグインを一括でインストールして適用できるWordPressプラグインです。これを知る前の私は、WordPressプラグインを一つずつインストールして適用して、というのを繰り返しておりました。時に10数回繰り返さないといけなかったので、正直嫌な作業の一つだったのです。このプラグインの存在を知ってからというもの、この作業を億劫に感じることが無くなりました。plugins』をクリックするだけで、一括でインストールと適用ができます。ちなみに、今回ご紹介するWordPressプラグインをすべて一括で適用するのであれば、以下をコピー&ペーストしてください。ControlまずはこのWordPressプラグインを用意し、これからご紹介するプラグインをインストール&適用していきます。目次へWordPressプラグインを厳選して決めた16個をご紹介ここでご紹介しているWordPressプラグインは、すべての制作現場で使用しているものではございません。一部は使用せず、必要性を感じてから適用しております。WordPressプラグインを多用すると表示が重くなったり、相性の悪いプラグイン同士でコンクリフトを発生させたりするケースもあります。あなたのWordPressブログに必要なものをピックアップしてからご利用ください。UIは多くのWordPressサイト制作で積極的に使用しております。カスタム投稿タイプを管理画面から追加できるプラグインです。カスタム投稿だけでなくカスタムタクソノミーの設定もできます。カスタム投稿やカスタムタクソノミーはfunctions.phpで設定すればいいことなのですが、簡単に追加できるこのプラグインを活用し、制作期間の短縮のためによくお世話になっております。他にも類似プラグインはありますが、細かな設定もできるし管理画面の使いやすさもあって、こちらを使用しております。Fieldsこちらも大変お世話になっているWordPressプラグイン。管理画面に専用の入力項目を追加することができ、入力したものをサイト上に表示させることができます。これは、投稿ページだけではなく、固定ページ、カスタム投稿ページなどにも設定できるので、記事やページ毎に専用の入力項目を用意して更新しやすい環境をご提供しております。他にも、カテゴリー一覧やタグ一覧ページといったアーカイブページにも設定できるので、一覧ページ毎に画像やテキスト等を表示させることも可能です。私の制作で今積極的に利用しているのが、美容室のヘアスタイルページ。複数の画像を表示させるように設定したり、ヘアスタイルに対するコメントや、このヘアスタイルが合うタイプをボタン形式で表示させたり、と色々と応用が効くのもおすすめの理由。Fieldsの機能を駆使して作成されたページです。Fieldsこちらもカスタムフィールド用のWordPressプラグインです。Fieldsでは有料のオプションである『カスタムフィールドを繰り返しして使える』機能を無料で実装できるプラグインです。料金ページなどで一つの項目に対してメニュー数を変更したい場合に、手軽に追加できるようになります。美容室サイトのメニューページであれば、制作時でのカットメニューは3つであった。運営途中でカットメニューを3つ追加して表示させたいというケースがあったりします。Fieldsを使えば、管理画面から手軽にカスタムフィールドを追加し、表示させることができます。Fieldsを使用して制作することでメンテナンス性を高めることができます。Fieldsでも有料で追加できる機能であるのでわざわざ追加しなくてもいいのですが、制作費用を少しでも抑えるためにこちらのプラグインを追加して制作しております。目次へAddQuicktagAddQuicktag投稿ページの本文入力を支援してくれるWordPressプラグイン。CSSスタイリングしておいたHTMLタグを、クリックだけで指定できます。『h2』『h3』『blockquote』『ul』等を設定しておき、入力したテキストに手軽にHTMLタグを記述できるようにしてます。HTMLについての知識があるサイト担当者は少ないので、私の制作には必須のプラグイン。Tags投稿の際に、既存のタグをクリックだけで設定できるWordPreseプラグイン。プラグインはあまり増やさない方が良いのですが、どのようなクライアントでも更新しやすくなるように入力を支援するための機能は最低限入れておくようにしております。Order投稿記事の表示順をドラッグ&ドロップで変更できるようになるWordPressプラグイン。固定ページやカスタム投稿タイプの順番も変更できるので、よく利用しております。スタッフ紹介のページをカスタム投稿で作成して一覧表示させる際などによく使用します。投稿順ではなく役職順などで表示したい、店長だけは一番目に表示したい、といった場合にドラック&ドロップだけで順番を変更できるので、クライアントが自分で変更しやすくなります。Checkerリンク切れや、画像が表示されていない箇所を探し出し、お知らせしてくれるWordPressプラグイン。ブログなどで他のサイトのページ紹介をしていると、リンク先のページが無くなってしまう事は何気にあります。更新してから数年経てばサイト自体が無くなってしまうケースも考えられるので、このプラグインは毎回適用してます。リンク切れを通知してもらう事がメイン。作業中に画像を間違って削除してしまうケースもあるので、それも考慮すると必須だと思います。7問い合わせフォームを簡単に作成できるWordPressプラグイン。フォーム内のHTMLを自由に直接記述することができるので、レイアウトやデザインを自由に変更することができます。私の制作では美容室などの予約フォームやオーダーメイドで制作する商品の注文フォームにも利用したりしてます。デフォルトではない送信完了ページを用意することも可能。これは必須プラグインです...が、最近他の問い合わせフォームプラグインにも興味あります。SitemapsGoogle用にxml形式のサイトマップを作成して、記事投稿後に通知してくれるWordPressプラグイン。Consoleを開かなくてもよくなり、一度設定してしまえばその後の運用がラクになります。Google検索を意識したサイト(ほどんどでしょうが...)は必須となるプラグインです。目次へPubSubHubbubPubSubHubbub記事投稿が完了するとすぐGoogleにプッシュ通知し、インデックスを促すことができるPubSubHubbub(パブサブハブバブ)のWordPress用プラグイン。訪問者にとって最良の記事を更新したとしても、他サイトにパクられてしまう可能性があります。この際、Googleは先にインデックスできた記事を優先し、遅くインデックスされた方をパクリ記事として認識してしまう場合があるのです。ならないよう、Googleへ早めにインデックスを促すためのプラグインです。OptimizerWordPressで投稿を投稿すると自動でPing送信がおこなわれ、さまざまなPingサイトへ更新通知を送ることができます。このWordPressのPing送信という機能、公開ボタンを押す度に送信されてしまいます。部分的な修正をして公開ボタンをクリック、を何度も繰り返して押していると、その分Ping送信してしまいスパム扱いされる可能性が出てきます。短時間でPing送信を何度もおこなわれないように制御してくれるのが、このWordPressプラグイン。WordPressに慣れないクライアントには必須です。ちなみに私が設定しているPing送信先は、以下のものです。http://blog.goo.ne.jp/XMLRPChttp://www.blogpeople.net/servlet/weblogUpdateshttp://ping.blo.gs/http://blogsearch.google.co.jp/ping/RPC2http://blogsearch.google.com/ping/RPC2http://rpc.reader.livedoor.com/pinghttp://ping.fc2.com/http://ping.feedburner.com/http://ping.rss.drecom.jp/http://wpdocs.sourceforge.jp/Update_Serviceshttp://rpc.pingomatic.com/http://ping.blogranking.net/http://ranking.kuruten.jp/pinghttp://www.blogstyle.jp/http://www.blogpeople.net/ping/http://ping.freeblogranking.com/xmlrpc/http://rpc.weblogs.com/RPC2http://services.newsgator.com/ngws/xmlrpcping.aspxhttp://ping.dendou.jp/http://blog.with2.net/ping.php/http://ping.cocolog-nifty.com/xmlrpchttp://ping.sitecms.nethttp://pingoo.jp/ping/http://taichistereo.net/xmlrpc/http://ping.blogmura.com/xmlrpc/hidmbp2r256f※このPing送信先はずっと有効なものではないと捉えて、時折エラーチェックをしてサーバーに余計な負荷がかからないようにしないといけません。Cache記事がシェアされた数を表示させるためのWordPressプラグイン。ソーシャルボタンは制作時には公式のものを利用するようにしますが、表示が遅くなってしまうケースがたまに出てきますので、その際はオリジナルボタンを作成してこのプラグインにて数値を表示します。ソーシャルボタンを設置しているページの表示速度を早くするためのプラグインでもあるのです。このプラグインを使用せずにオリジナルボタンでシェア数を表示させる可能です。ソーシャルボタンはこれまで数年に一度のペースで仕様変更をしてきているので、このプラグインを使用しないでシェア数を表示させていると、その度に修正作業に追われてしまう事になります。これが複数のクライアント分となると相当な作業量...。ならないためにもこのプラグインを利用して、新しい仕様に変更された場合でも対応できるようにしておきます。Cacheは、これまでの仕様変更にしっかり対応してくれております。TwitterやFacebookの仕様変更時も即座に対応してくれ、1ヶ月後くらいにはきちんと表示されているので、安心できるプラグインだと思います。ちなみにこのプラグインを適用にすると、すべての記事のシェア数を自動で取得してくれるので、運営途中にプラグインを使用しても正確な数値を表示してくれます。Optimizer画像サイズを自動で圧縮してくれるWordPressプラグイン。WordPressの表示速度の低下の原因として、画像サイズ(データ量)がよく挙げられます。このプラグインを適用しておくと、画像をアップロードする際にサイズを自動で圧縮してくれるので、記事更新がとても効率的になります。私のクライアントでも、記事にサイズの大きいの画像を複数枚掲載しているのが原因で、表示速度がかなり遅いブログがありました。このプラグインと後述するものを組み合わせて適用しましたら、表示速度がかなりアップして快適に閲覧できるようになりました。画像を多用するサイトには必須です。Optimizerが画像のデータ量を圧縮するのに対して、このImsanityは、画像の縦横幅のサイズを変更してくれるWordPressプラグインです。functions.phpなどで画像の縦横サイズを指定することは可能ですが、画像選択時にサイズの選択をしないとフルサイズ(画像の元々のサイズ)にて表示される場合があります。カメラで撮影した写真をそのままアップロードするとかなり大きいサイズになるため(カメラの設定にもよる)、あらかじめ画像のフルサイズをサイトに合わせた規定サイズ以下にリサイズしておく必要があります。それを画像アップロード時に自動でおこなってくれるのがこのプラグイン。設定したサイズより小さい画像はリサイズされないので、拡大されて画像が荒くなったりすることはありません。サイズの大きい画像のみリサイズしてくれるプラグインです。目次へWP-DBManagerWP-DBManagerWordPressで使用しているデータベース内のバックアップをしてくれるのが、このWordPressプラグイン。私の制作では、制作後の運用まではおこなっていないので、クライアントサイトのバックアップを定期的に保存しておくサービスは提供しておりません。何かあった時に怖いので、自動でバックアップをとっておいてくれるこのプラグインを使用しております。ControlWordPressのデフォルト機能の一つに、リビジョンというものがあります。記事投稿の際の変更内容を自動で保存してくれる機能です。間違えた内容で更新してしまい以前の状態に戻したい場合に、このリビジョン機能を使用することで復元できる、とても便利な機能です。記事内容を変更する度に何度も自動保存されるので、データベース内にリビジョン情報が溜まってしまいサーバーに負荷をかける場合があります。都度データベース内のリビジョン情報を削除していればいいのですが、結構手間だったりするのでいずれ削除作業が滞ることも...。Controlで、リビジョン保存数を制限しておきます。これを設定しておけばデータベースに無駄な負荷をかける心配は軽減されます。目次へ表示が遅い時のためのWordPressプラグインこれまでご紹介してきたWordPressプラグインは、サイト内容にもよりますが、ほとんどのサイト制作で適用してきた厳選プラグインです。プラグインはあまり多用したくない私でも、最低限これらだけは使用しております。サイトの状態によっては追加しているプラグインがありますので、一つだけご紹介しておきます。Cacheキャッシュ系の高速化プラグインを使用することは極力控えているのですが、どうしても表示が遅くなっているサイトにはこのプラグインを使用しております。Cache』などが挙げられます。サーバーや他プラグインとのコンクリフトがあったとの情報を多数見かけて、サイトによっては使用するのを躊躇しておりました(こういった事も原因でキャッシュ系プラグインはあまり使用していないのです)。制作後運用をしてみて表示が遅い場合は、まず画像サイズの最適化やテンプレートファイルの見直し、データベースのチェックなどをおこない、改善されない場合にこのプラグインを使用するスタンスにしてます。使い始めてそこまで経過していないので、試験的な使用に留めております。ちなみに、この記事投稿現在で、当サイトに適用しております。今のところ快適な状態になっておりコンクリフトも見かけないので、現在の状態であれば問題が生じないプラグインのようです。目次へWordPressプラグインの使用についての私の考え先述してありますが、私としてはWordPressプラグインをできるかぎり使用したくないと考えております。単純に、プラグイン一つ増えることでサーバーにプラグイン用のファイルが追加されますし、ものによってはデータベースに負荷をかけたりするケースもありますので、できるだけ使用しなくてもいい状態のサイトを制作するようにしております。WordPressプラグインを使用することで微弱な負荷等をかけつつも、それ以上の大きなメリットが生じるプラグインがあることも実体験で学んでおります。これはサイトの状態によって異なりますので、取捨選択をしながらサイトと運営者にとって最適なプラグインを用意していくことが大切です。「このサイトにはこのプラグインが絶対に必要だ。」と思うもののみをチョイスするようにし、訪問者にストレスをかけないサイト作りをぜひ心がけてみてください。!この記事が気に入ったら、フォローしませんか!更新情報を配信します。マサユキフリーランスWebデザイナー。個人事業者向けにWordPressを活用したWebサイトを制作。サイト運用に関するノウハウなどもご提供してます。moreflexbox[CSS3]で実践的なレイアウトを。moreWeb制作者が厳選したブックマークを晒してみる。Contactお問い合わせWebサイト制作に関するお問い合わせは以下のページからお願い致します。