![つむりのおと](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="180"><rect fill-opacity="0"/></svg>)
こんにちは、 @TsumuRi です。
当ブログは2018年からWordPressで運営しています。
WordPressでのブログ運営は、レンタルサーバーを借りたりテーマやプラグインをインストールしたりと、やることが本当に多いですよね。
特に始めたばかりの頃は、他のブログを見ながら同じデザインや動作を再現するにはどうしたらいいの！？と悩んでしまって文章を書くに至らなかったり、時間をたくさん無駄にしてきました！
大声で言うことじゃないですねw
ということで、本記事では当ブログの環境を紹介します。もしこのブログのデザインや動作でピンときたものがあれば、本記事で紹介するものを使えばわりと簡単に実現できますので、参考にしていただければ幸いです。
- CMS「WordPress」
- レンタルサーバー「エックスサーバー」
- WordPressテーマ「SWELL」
- WordPressプラグイン
- 前提：テーマとの相性がよく機能が重複しないプラグインを選ぶ
- BackWPup（バックアップ）
- Broken Link Checker（リンク切れ検出）
- Category Order and Taxonomy Terms Order（カテゴリの並べ替え）
- Contact Form 7（問い合わせフォーム）
- Enable Media Replace（メディアファイルの差し替え）
- Jetpack（多機能）
- Pochipp（商品リンク作成）
- PS Auto Sitemap（サイトマップ作成）
- Redirection（URL転送）
- Regenerate Thumbnails（サムネイル再作成）
- SEO SIMPLE PACK（SEO対策）
- Show Article Map（リンク構造の視覚化）
- SiteGuard WP Plugin（セキュリティ対策）
- Useful Blocks＆Useful Blocks Pro-Addon（便利なブロック追加）
- WP External Links（リンク設定の一括管理）
- WP Last Modified Info（更新日時の編集）
- WP Multibyte Patch（マルチバイト機能拡張）
- XML Sitemap & Google News（XMLサイトマップ）
- 画像編集「Canva」
- 最後に
CMS「WordPress」
前提として、当ブログはCMS（コンテンツ管理システム）であるWordPressを使って運営しています。
CMSとは要するにWebサイトの作成・管理を簡単にするシステムです。HTMLやCSSなどのWebサイトを作るための言語を覚えなくても、メールを書くのと同じ感覚でWebサイトを作ることができるようになりました。WordPressは数あるCMSの中で現在主流となっているものです。
昔は私もHTMLやCSSを手打ちしていましたし（2000年頃）、Movable TypeやTextpatternなど他のCMSを使ったこともあります（2005年頃）が、時代はすっかりWordPressです
WordPressでブログを運営するには2つの方法があります。
- サーバーインストール型：WordPressのプログラムをサーバーにインストールして利用する（WordPress.org）
- 会員登録型：アカウントを登録して利用する（WordPress.com）
当ブログではサーバーインストール型のWordPressを使っています。ソフトウェアの更新、セキュリティの設定、バックアップなどメンテナンスの手間を許容できるかどうかの問題はありますが、自由にのびのびできていいですよ。
会員登録型のWordPressは基本無料で使えますが、サーバーインストール型に比べてやれることがかなり少なく、好きにやろうと思うと結局有料版になるので、あまりおすすめしません。WordPressの投稿画面の書き味を確かめるにはよいかも。
レンタルサーバー「エックスサーバー」
当ブログはレンタルサーバー「エックスサーバー」にWordPressをインストールして運営しています。
エックスサーバーを選んだ理由は、主にWordPressユーザーさんからの評判のよさ。高速・多機能・高安定性をウリにしているだけあり、サーバーに起因する不具合をただの一度も経験したことがありません。
WordPressの簡単インストール機能があるので、設定項目をいくつか入力してポチっとな！でインストールが完了します。
WordPress.orgからファイルをダウンロードして、サーバーにファイルをアップロードして、データベースを設定して……みたいな手間はありません。簡単！
料金は他のレンタルサーバーと比べて少し高い（と言っても、いちばん安いスタンダードプランで月額990円～）ですが、とにかくストレスなくブログを書きたい私にとって安定稼働に勝るものなしですし、乗り換える予定は当分ありませんw
エックスサーバー公式の「初心者のためのブログ始め方講座」もぜひ参考になさってください。
公式サイト
- レンタルサーバー エックスサーバー
（10日間無料体験あり）
WordPressテーマ「SWELL」
当ブログではWordPressテーマ「SWELL」を利用しています。
WordPressテーマは、WordPressを利用したWebサイトのデザインを定義するもの。ブログの外観を変更するだけではなく、管理機能も強化してくれます。
なんでWordPressテーマが必要かというと、WordPressをインストールした直後のデフォルトテーマが白黒の超シンプルなものだから。
ブログの外観を好きに変更しようと思うと、HTMLやCSSなどWebサイトを記述するための言語を覚えてコードを触らなければなりませんが、大変ですよね？なのでWordPressテーマを変更してショートカットするというわけです。
WordPressは常時最新の状態を保つ必要があるので、テーマを選ぶときは外観だけではなく、継続的に開発されていること、公式の情報が充実していること、日本語での情報が多いことも重視したいもの。
SWELLはその点すべてをクリアしていて、HTMLやCSSを触らなくてもマウス操作で外観を柔軟に変えられる点が素晴らしい。文句なしでおすすめです！
なお、高機能なのでさすがに無料ではありません。17600円で購入して利用します。
公式サイト
無料テーマ「Cocoon」もおすすめ
SWELLに乗り換える前、無料テーマの「Cocoon」を3年ほど使いました。
なるべくお金を掛けずにブログを始めるなら、テーマは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
- SiteGuard WP Plugin
- Useful Blocks＆Useful Blocks Pro-Addon
- WP External Links
- WP Last Modified Info
- WP Multibyte Patch
- XML Sitemap & Google News
そんなにいろいろ入れていたつもりはなかったんですが……けっこう山盛り入ってましたｗ
前提：テーマとの相性がよく機能が重複しないプラグインを選ぶ
プラグインは便利ですが、テーマと相性が悪かったり機能が重複して不具合を起こすことがあり、最悪、ブログが表示されなくなることもあります。
そこで当ブログではWordPressテーマ「SWELL」の推奨プラグインを優先的に使っています。非推奨のものも使ってますがトラブルが起きれば最速で止める予定。
それでは、当ブログで使用しているプラグインをざっくり紹介していきます。
詳しい使い方については、各プラグインの説明の最後に外部サイトの解説記事にリンクしましたので、リンク先でご確認ください。
BackWPup（バックアップ）
BackWPupは、WordPressのバックアップを取るためのプラグイン。
定期的に自動バックアップを行うほか、好きなタイミングで手動バックアップを取ることができます。
私が使っているエックスサーバーはサービスの一環として定期バックアップを取ってくれるで、絶対に必要というわけではない気はしますが、WordPressの更新前などは念のため手動でバックアップしたいので、やっぱり手放せないプラグインです。
こちらもチェック
- プラグイン：BackWPup – WordPress Backup Plugin
- 【初心者向け】おすすめのWordPressバックアップ方法とは？簡単なバックアップの設定方法を解説
- WordPressをバックアップから復元！おすすめの方法も紹介
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円）を使うと機能を拡張できます。
前々から、セール情報を自動取得する機能をブログに入れたかったんですが、以前使っていたRinkerの追加プラグインCOPIAは月額980円とお高くて躊躇していました。Pochipp proなら半額で実現できるところもありがたいなと思いました！
こちらもチェック
- プラグイン：Pochipp
- 有料版：Pochipp pro
- 乗り換えプラグイン：Pochirin
- Pochippの使い方
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サーチコンソールなどウェブマスターツールの設定ができます。
読まれるブログを作るならSEO対策はやっておけ！という空気があるので、とりあえず入れてる感じですが、ブログのメタ情報をきれいに編集すると検索結果が美しく表示されてよいですよ。
こちらもチェック
Show Article Map（リンク構造の視覚化）
Show Article Mapはブログ内部のリンク構造を視覚的に表示するプラグインです。
関連のある記事はなるべくリンクでつないであげた方がアクセスしやすいので、関連があるのに繋がっていない記事や完全なる離れ小島になっている記事を探すために使っています。
けっこう重たいプラグインらしいので、使うときだけ有効化してます。
こちらもチェック
SiteGuard WP Plugin（セキュリティ対策）
SiteGuard WP PluginはWordPressの総合セキュリティプラグイン。多機能なのでこれひとつ入れておけば十分と言われています。
SWELLと一緒に使うと不具合が出ることもあるようなので、何かあれば別のものに変えます。
こちらもチェック
Useful Blocks＆Useful Blocks Pro-Addon（便利なブロック追加）
Useful Blocksはいけてるデザインの表などを簡単に設置できるプラグインです。
Useful Blocks Pro-Addonは有料の追加機能。できることがものすごく増えるので、こだわり派におすすめです！
こちらもチェック
- プラグイン：Useful Blocks
- 有料版：Useful Blocks Pro-Addon
WP External Links（リンク設定の一括管理）
WP External Linksはリンク属性や動作をまとめて管理できるプラグインです。
私のこだわりとして、他サイトへのリンクは別窓、ブログ内へのリンクは同窓で開かせたいんですよ。WordPressにはリンクの動作をまとめて設定する機能がなく、リンクひとつひとつ設定するのが手間なので、このプラグインでまとめて管理しています。
別窓うっとおしい派のみなさまにはゴメンナサイ
こちらもチェック
WP Last Modified Info（更新日時の編集）
WP Last Modified Infoは記事の更新日時を変更または固定するためのプラグイン。
WordPressの仕様では、記事のカテゴリを変えたり、リンク切れを直したり程度で、記事の更新日時が現在日時に変更されてしまいます。ほぼ変わってないのに最近更新したことになるのはなんだかなあと思い、記事の更新日時をWordPressに勝手に変更させないためにこのプラグインを使っています。
こちらもチェック
WP Multibyte Patch（マルチバイト機能拡張）
WP Multibyte Patchは、WordPress 日本語版パッケージのためのマルチバイト機能の拡張プラグインです。デフォルトで入ってます。
WordPressは海外産CMSなので、マルチバイト文字の扱いが得意ではありません。日本語でブログを書くなら削除する理由は特にないのでそのまま置いておきましょう。
Movable typeに代わってWordPressが流行り始めた頃、日本語の文字化けは頭の痛い問題だった記憶（10年以上前の昔話）
こちらもチェック
- プラグイン：WP Multibyte Patch
XML Sitemap & Google News（XMLサイトマップ）
XML Sitemap & Google NewsはXMLサイトマップとGoogleニュースサイトマップを作るプラグインです。これもSEO対策の一環ですね。
PS Auto Sitemapが人間用のサイトマップを作るのに対し、このプラグインは機械用のサイトマップを作る点が大きな違いです。
こちらもチェック
画像編集「Canva」
Canvaはブラウザやスマホアプリで操作できる画像編集ソフトです。
画像、イラスト、フォント、テンプレートなどをCanva内で調達できるので、ブログ用の画像を作るときに素材を探す必要がなくなります。もちろん自分で用意した写真やイラストをアップロードしてもOK！ちょっとした色調補正も可能です。
Canvaには無料版の「Canvaフリー」と有料版の「Canva Pro
」があります。趣味でブログを書く程度なら無料版で十分です。
有料版のCanva Proは使える素材がさらに増え、背景の削除やデザインのリサイズなど便利な機能が追加されるので、無料版で満足できなければ有料版のトライアルをしてみてもいいかも。
こちらもチェック
最後に
以上、当ブログの環境を紹介しました。参考になることがひとつでもあれば嬉しいです。
また、物理的な作業環境は別の記事にて紹介しています。あわせてご覧ください。
