MENU
お気に入りを集めた楽天ROOM Click!

WordPressテーマ・プラグイン・レンタルサーバーの紹介【ブログ執筆環境展覧会】

WordPressテーマ・プラグイン・レンタルサーバーの紹介【ブログ執筆環境展覧会】
  • URLをコピーしました!

こんにちは、です。

当ブログは2018年からWordPressで運営しています。

WordPressでのブログ運営は、レンタルサーバーを借りたりテーマやプラグインをインストールしたりと、やることが本当に多いですよね。

特に始めたばかりの頃は、他のブログを見ながら同じデザインや動作を再現するにはどうしたらいいの!?と悩んでしまって文章を書くに至らなかったり、時間をたくさん無駄にしてきました!

つむり

大声で言うことじゃないですねw

ということで、本記事では当ブログの環境を紹介します。もしこのブログのデザインや動作でピンときたものがあれば、本記事で紹介するものを使えばわりと簡単に実現できますので、参考にしていただければ幸いです。

もくじ

CMS「WordPress」

前提として、当ブログはCMS(コンテンツ管理システム)であるWordPressを使って運営しています。

CMSとは要するにWebサイトの作成・管理を簡単にするシステムです。HTMLやCSSなどのWebサイトを作るための言語を覚えなくても、メールを書くのと同じ感覚でWebサイトを作ることができるようになりました。WordPressは数あるCMSの中で現在主流となっているものです。

つむり

昔は私もHTMLやCSSを手打ちしていましたし(2000年頃)、Movable TypeTextpatternなど他のCMSを使ったこともあります(2005年頃)が、時代はすっかりWordPressです

WordPressでブログを運営するには2つの方法があります。

  1. サーバーインストール型:WordPressのプログラムをサーバーにインストールして利用する(WordPress.org
  2. 会員登録型:アカウントを登録して利用する(WordPress.com

当ブログではサーバーインストール型のWordPressを使っています。ソフトウェアの更新、セキュリティの設定、バックアップなどメンテナンスの手間を許容できるかどうかの問題はありますが、自由にのびのびできていいですよ。

会員登録型のWordPressは基本無料で使えますが、サーバーインストール型に比べてやれることがかなり少なく、好きにやろうと思うと結局有料版になるので、あまりおすすめしません。WordPressの投稿画面の書き味を確かめるにはよいかも。

レンタルサーバー「エックスサーバー」

当ブログはレンタルサーバー「エックスサーバー」にWordPressをインストールして運営しています。

エックスサーバーを選んだ理由は、主にWordPressユーザーさんからの評判のよさ。高速・多機能・高安定性をウリにしているだけあり、サーバーに起因する不具合をただの一度も経験したことがありません。

WordPressの簡単インストール機能があるので、設定項目をいくつか入力してポチっとな!でインストールが完了します。

WordPress.orgからファイルをダウンロードして、サーバーにファイルをアップロードして、データベースを設定して……みたいな手間はありません。簡単!

料金は他のレンタルサーバーと比べて少し高い(と言っても、いちばん安いスタンダードプランで月額990円~)ですが、とにかくストレスなくブログを書きたい私にとって安定稼働に勝るものなしですし、乗り換える予定は当分ありませんw

エックスサーバー公式の「初心者のためのブログ始め方講座」もぜひ参考になさってください。

公式サイト

WordPressテーマ「SWELL」

当ブログではWordPressテーマ「SWELL」を利用しています。

WordPressテーマは、WordPressを利用したWebサイトのデザインを定義するもの。ブログの外観を変更するだけではなく、管理機能も強化してくれます。

なんでWordPressテーマが必要かというと、WordPressをインストールした直後のデフォルトテーマが白黒の超シンプルなものだから。

ブログの外観を好きに変更しようと思うと、HTMLやCSSなどWebサイトを記述するための言語を覚えてコードを触らなければなりませんが、大変ですよね?なのでWordPressテーマを変更してショートカットするというわけです。

WordPressは常時最新の状態を保つ必要があるので、テーマを選ぶときは外観だけではなく、継続的に開発されていること、公式の情報が充実していること、日本語での情報が多いことも重視したいもの。

SWELLはその点すべてをクリアしていて、HTMLやCSSを触らなくてもマウス操作で外観を柔軟に変えられる点が素晴らしい。文句なしでおすすめです!

なお、高機能なのでさすがに無料ではありません。17600円で購入して利用します。

公式サイト

無料テーマ「Cocoon」もおすすめ

SWELLに乗り換える前、無料テーマの「Cocoon」を4年ほど使いました。

なるべくお金を掛けずにブログを始めるなら、テーマはCocoonが第一選択でいいと思います。

継続的に開発されていること、公式の情報が充実していること、日本語での情報が多いことはクリアしています。一時期、開発者の体調不良により継続が危ぶまれたこともありましたが、SWELLとの業務提携により継続されるとのことで当面は安心かと!(参考

ということで、Cocoonの初期デザインや、同梱のスキン(着せ替えファイル)に好みのものがあれば、Cocoonでスタートするのが節約派のベストチョイス。WordPressをインストールしたらすぐにCocoonをお試ししてみることをおすすめします。

公式サイト

Cocoonの初期デザインや同梱のスキンから外観を変更するときにHTMLやCSSのコードを触る必要が出てくることもあるかと思いますが、そのときはサルワカさんぽんひろさんを見てみてくださいね。

ちなみにCocoonを推すわりにSWELLに乗り換えちゃった理由については、

つむり

単にSWELLの外観が好みで、Cocoonで外観を同じにするためにコードを触る手間を省きたかったからです!

単なるめんどくさがりによる乗り換えです。使い勝手には不満がなかったので、外観をSWELLに寄せたいと思わなかったらずっとCocoonを使っていたような気がしますね。

WordPressプラグイン

プラグインはWordPressの機能を拡張してくれるものです。当ブログでは以下のプラグインを使用しています。

  • BackWPup
  • Broken Link Checker
  • Category Order and Taxonomy Terms Order
  • Contact Form 7
  • Enable Media Replace
  • Jetpack
  • Pochipp(Rinkerから乗り換え)
  • PS Auto Sitemap
  • Redirection
  • Regenerate Thumbnails
  • SEO SIMPLE PACK
  • Show Article Map
  • UpdraftPlus – Backup/Restore
  • Useful Blocks&Useful Blocks Pro-Addon
  • Wordfence Security
  • WP External Links
  • WP Multibyte Patch
  • XML Sitemap & Google News
つむり

そんなにいろいろ入れていたつもりはなかったんですが……けっこう山盛り入ってましたw

前提:テーマとの相性がよく機能が重複しないプラグインを選ぶ

プラグインは便利ですが、テーマと相性が悪かったり機能が重複して不具合を起こすことがあり、最悪、ブログが表示されなくなることもあります。

そこで当ブログではWordPressテーマ「SWELL」の推奨プラグインを優先的に使っています。非推奨のものも使ってますがトラブルが起きれば最速で止める予定。

それでは、当ブログで使用しているプラグインをざっくり紹介していきます。

詳しい使い方については、各プラグインの説明の最後に外部サイトの解説記事にリンクしましたので、リンク先でご確認ください。

Broken Link Checker(リンク切れ検出)

Broken Link Checkerはリンク切れを検出するプラグインです。

Webの情報は流動的なので、せっかくリンクしても変わったりサイト自体が消滅することもしばしばです。このプラグインは、そんなリンクを放置しないために必須のものです。

こちらもチェック

Category Order and Taxonomy Terms Order(カテゴリの並べ替え)

Category Order and Taxonomy Terms Orderは、記事のカテゴリやタグを好きな順に並べ替えるプラグインです。サイドバーのカテゴリ一覧の並び順を調整しています。

WordPressの記事のカテゴリは基本的にはアルファベット順に並びますが、目立たせたいカテゴリを上にしたいとか、類似カテゴリは近くに並べたいとか、日本語名の順に並べたいとかあるじゃないですか?このプラグインはそういった地味なコダワリを叶えてくれます。

こちらもチェック

Contact Form 7(問い合わせフォーム)

Contact form 7は問い合わせフォームを作るためのプラグインです。当ブログの問い合わせページで使っています。

コメント欄を閉じているので、何にもないのもちょっとなぁと思って置いてます。

こちらもチェック

Enable Media Replace(メディアファイルの差し替え)

Enable Media Replaceは、WordPressにアップロードしたメディアファイル(画像など)を置換するためのプラグインです。

ファイルをアップロードした後に差し替えたいことってありますよね。WordPress本来の仕様では、同じファイル名のものをアップロードすると別名保存されてしまうので、元のファイルを削除してから新しいものファイルを差し替え版をアップロードする必要があり、元ファイルに設定していたタイトルなどを再入力したりと手間が多かったんです。

このプラグインを使うと、メディアファイルの編集画面からファイルを置換するたけで作業が完了するので楽チンですよ。

こちらもチェック

Jetpack(多機能)

つむり

私は入れてますけど、これ入れなくていいです。

JetpackはWordPress公式の多機能なプラグインで、アクセス解析、SNS連携、記事編集画面の機能追加、バックアップ、セキュリティなどを提供します。

が、高機能なテーマを使うと機能がかぶったり、有料版にしないと使えない機能が多かったり(しかも無料プラグインでまかなえたり)と、いまいち存在意義がよく分かりません。

じゃあうちは何で入れてるんやという話ですけど、Jetpackのアクセス解析が味わい深いから入れてます。これもGoogleアナリティクスやサーチコンソールでまかなえるので、Jetpackである必要はまったくありません。趣味の世界です。

こちらもチェック

Pochipp(商品リンク作成)

PochippはAmazon・楽天・Yahoo!ショッピングの商品へのリンクを簡単に作成・管理するプラグインです。こういうやつね↓

以前は類似プラグインRinkerを使っていましたが、テーマをSWELLに変更したので乗り換え。

SWELLの推奨プラグインであること、ブロックエディタに対応していること、ボタンの上にセール情報を表示できることが乗り換えの決め手でした。乗り換えプラグイン(Pochirin)のおかげで、乗り換えの手間がそこまでかからないのも大きかったですね。

さらに!有料版のPochipp Pro(月額400円)を使うと機能を拡張できます。

Pochipp proでできること
  • ポチップブロックのクリック率を計測
  • セール情報を複数設定・優先順位を変更
  • 商品画像を変更
  • Amazon・楽天・Yahooショッピングのセール情報を自動取得
  • サイトトップのお知らせバーにセール情報を表示

前々から、セール情報を自動取得する機能をブログに入れたかったんですが、以前使っていたRinkerの追加プラグインCOPIAは月額980円とお高くて躊躇していました。Pochipp proなら半額で実現できるところもありがたいなと思いました!

こちらもチェック

PS Auto Sitemap(サイトマップ作成)

PS Auto Sitemapは、人間のためのサイトマップを作成するプラグインです。当ブログではサイトマップのページで使っています。

ブログは全体像が分かりにくく、読みたいものが探しにくいので、一覧性に優れるサイトマップがあった方がユーザーフレンドリーなのではないかと思って。

こちらもチェック

Redirection(URL転送)

Redirectionは、ブログ内のURLを別のURLに転送するためのプラグインです。

先ほどWebの情報は流動的と書きましたが、当ブログもの記事のURLもちょいちょい変わっていて、リンク切れになることがあります。古いURLにアクセスした方を404エラーでガッカリさせないために新しいURLへの転送設定は必須だと思っています。

こちらもチェック

Regenerate Thumbnails(サムネイル再作成)

Regenerate Thumbnailsは、メディアファイルのサムネイルを再生成するためのプラグインです。

メディアファイルをアップロードすると、サムネイル画像が自動作成されます。ただしファイルを差し替えた場合なんかは自動作成されないようなので、このプラグインを使って手動で再作成させています。

こちらもチェック

SEO SIMPLE PACK(SEO対策)

SEO SIMPLE PACKはシンプルなSEO対策プラグインです。

検索エンジンが認識する情報の編集や、GoogleアナリティクスやGoogleサーチコンソールなどウェブマスターツールの設定ができます。

SWELLでGoogleアナリティクスやサーチコンソールを使うために必要なので入れています。

読まれるブログを作るならSEO対策はやっておけ!という空気があるので、とりあえず……という感じもありますが、ブログのメタ情報をきれいに編集すると検索結果が美しく表示されてよいですよ。

こちらもチェック

Show Article Map(リンク構造の視覚化)

Show Article Mapはブログ内部のリンク構造を視覚的に表示するプラグインです。

関連のある記事はなるべくリンクでつないであげた方がアクセスしやすいので、関連があるのに繋がっていない記事や完全なる離れ小島になっている記事を探すために使っています。

けっこう重たいプラグインらしいので、使うときだけ有効化してます。

こちらもチェック

UpdraftPlus – Backup/Restore(バックアップ)

UpdraftPlusは、WordPressのバックアップを取るためのプラグイン。

定期的に自動バックアップを行うほか、好きなタイミングで手動バックアップを取ることができます。

私が使っているエックスサーバーはサービスの一環として定期バックアップを取ってくれるで、絶対に必要というわけではない気はしますが、WordPressの更新前などは念のため手動でバックアップしたいので、やっぱり手放せないプラグインです。

こちらもチェック

Useful Blocks&Useful Blocks Pro-Addon(便利なブロック追加)

Useful Blocksはいけてるデザインの表などを簡単に設置できるプラグインです。

Useful Blocksで作れるもの
  1. 比較ボックス
  2. CVボックス
  3. アイコンボックス
  4. 棒グラフ
  5. 評価グラフ
この囲みがアイコンボックスです♡

Useful Blocks Pro-Addonは有料の追加機能。できることがものすごく増えるので、こだわり派におすすめです!

Pro版でできること
  1. 部位カラー変更(共通)
  2. アイコン設定
  3. コンテンツ自由配置(比較ボックス)
  4. 画像設定(CVボックス)
  5. パターン変更(アイコンボックス)
  6. アイコン画像登録(アイコンボックス)
  7. 棒グラフ配置変更(棒グラフ)
  8. 評価グラフ段階数設定(評価グラフ)
  9. 評価グラフ形状設定(評価グラフ)

こちらもチェック

Wordfence Security(セキュリティ対策)

Wordfence SecurityはWordPressが推奨するセキュリティプラグイン。

不正ログイン防止、スパムコメント防止、サイト内の点検を行ってくれます。二段階認証まで無料でできるのがすごい!

こちらもチェック

WP External Links(リンク設定の一括管理)

WP External Linksはリンク属性や動作をまとめて管理できるプラグインです。

私のこだわりとして、他サイトへのリンクは別窓、ブログ内へのリンクは同窓で開かせたいんですよ。WordPressにはリンクの動作をまとめて設定する機能がなく、リンクひとつひとつ設定するのが手間なので、このプラグインでまとめて管理しています。

つむり

別窓うっとおしい派のみなさまにはゴメンナサイ

こちらもチェック

WP Multibyte Patch(マルチバイト機能拡張)

WP Multibyte Patchは、WordPress 日本語版パッケージのためのマルチバイト機能の拡張プラグインです。デフォルトで入ってます。

WordPressは海外産CMSなので、マルチバイト文字の扱いが得意ではありません。日本語でブログを書くなら削除する理由は特にないのでそのまま置いておきましょう。

つむり

Movable typeに代わってWordPressが流行り始めた頃、日本語の文字化けは頭の痛い問題だった記憶(10年以上前の昔話)

こちらもチェック

XML Sitemap & Google News(XMLサイトマップ)

XML Sitemap & Google NewsはXMLサイトマップとGoogleニュースサイトマップを作るプラグインです。これもSEO対策の一環ですね。

PS Auto Sitemapが人間用のサイトマップを作るのに対し、このプラグインは機械用のサイトマップを作る点が大きな違いです。

こちらもチェック

function.phpに追加したもの

記事の更新日の修正

記事の更新日を変更・固定・削除する機能を追加するコードをfunctions.phpに追加しました。

プラグイン「WP Last Modified Info」はSWELLのブログパーツ機能と干渉するようで、有効化しているとブログパーツの編集画面が真っ白になり「予期せぬエラー」と表示されてしまいました。もしかするとプラグインの設定項目をミスってたのかもしれないけど、調べるのも手間だったのでプラグインを削除、コードを追加することにしました。

function.phpの編集をミスるとWordPress全体が機能しなくなることもあるので編集は慎重に。

こちらもチェック

画像編集「Canva」

Canvaはブラウザやスマホアプリで操作できる画像編集ソフトです。

画像、イラスト、フォント、テンプレートなどをCanva内で調達できるので、ブログ用の画像を作るときに素材を探す必要がなくなります。もちろん自分で用意した写真やイラストをアップロードしてもOK!ちょっとした色調補正も可能です。

Canvaには無料版の「Canvaフリー」と有料版の「Canva Pro」があります。趣味でブログを書く程度なら無料版で十分です。

有料版のCanva Proは使える素材がさらに増え、背景の削除やデザインのリサイズなど便利な機能が追加されるので、無料版で満足できなければ有料版のトライアルをしてみてもいいかも。

こちらもチェック

最後に

以上、当ブログの環境を紹介しました。参考になることがひとつでもあれば嬉しいです。

また、物理的な作業環境は別の記事にて紹介しています。あわせてご覧ください。

\応援クリック喜びます/

ブログランキング・にほんブログ村へ

\読者登録はこちら/

つむりのおと - にほんブログ村

\愛用品を掲載/

WordPressテーマ・プラグイン・レンタルサーバーの紹介【ブログ執筆環境展覧会】

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次
トップへ
もくじ
閉じる