こんにちは、にわです。
WordPressのテーマを変更しようかな…と思ったことはありませんか?
目次
WordPressのテーマ変更
いいなあと思うブログと同じようなデザインにしたい!
でもテーマを変更するとデザインが崩れたり、いろいろ再設定が必要になりそう…。
私もだいぶ悩みましたが、思い切って変更してみたので、自分の備忘録と、テーマ変更を検討している方の参考に、事前に準備しておけばよかった…と思った点や、変更が発生したところ、しなかったところ、どういうテーマを購入すればよかったのか、など、実際に実施してみて気がついた点を以下に記載したいと思います。
結論から言うと、思っていたよりはデザインの崩れやエラーはマシだったものの、手を入れなくては読んでもらうのは難しい…という程度には見た目が変わってしまいました…。
まだ以前のテーマで投稿していた時の記事はほぼ未修正なので、2020年10月上旬時点では、変更前後の状況がご確認いただけるかと思います…。
- WordPressのテーマ変更を検討している方
- どういうテーマを選択すれば後悔が少ないか迷っている方
- テーマを変更するとどこがどう変わるのかが知りたい方
…などの参考になればよいなあと思っています。
この投稿を書いている人
私のブログ歴は、こんな感じです。
Google の無料ブログサービスBloggerで初めて投稿したのが約2年前。
レンタルサーバとドメイン名を契約してWordPressで試行錯誤し始めて約1年強。
Googleにインデックスされない問題を長々放置してしまい…インデックスされたのがつい1か月前くらい。
月7桁収入を目指しているわけではなく、ひとまず数万円、そのうち今の会社に勤められなくなっても食べていけるくらいの収益が出せるようになりたい…と、まだまだPVや収益などは全然な、初心者ブロガーです。
どういうテーマを選べば後悔が少ないか
私がもともと使っていたテーマは、Emanon Businessというテーマでした。今も、別のブログではEmanon Businessを使用しています。
- 金額は最上位版のBusinessで12,800円 (2018年9月当時)
- 複数サイトで使用可能なライセンス
- Emanonのサイトイメージが好みだった
ことなどが主な選択理由です。
複数サイトで使用可能なライセンスか否か
Emanon Businessを購入した頃は、ストークという別のテーマに惹かれていたのですが、複数サイトで使用可能なライセンスではないことがわかり、複数サイトで使用可能なテーマで探していたところ、検索でひっかかったのがEmanonでした。
最近ようやく知ったのですが…複数サイトで使用可能なライセンスのテーマはほかにもたくさんありました…。今回乗り換えたAFFINGER5も複数サイトで使用可能なライセンスのテーマのひとつです。
1つのブログしか運営していない方や、お金は気にならない、という方は、ライセンスの問題は気にしなくてもよいと思います。
金額
スタンダードな機能のテーマは、だいたいどれも1万円前後、という印象です。一度購入すれば、基本的にそのままずっと使用可能です。追加のプラグインは、別途費用が必要な場合があるようです。
例えばEmaon Businessの場合、私が購入したあとに、吹き出しアイコンを簡単に設定できるプラグインが追加販売されました。販売当初は特別価格で、しばらくするとちょっと金額アップ(定価販売)されていました。
買い切りとばかり思っていた…。
プラグインが出るたびに購入していたら予定外の出費がかさみそうだから購入は見送ろう…。
結局、吹き出しアイコン( ↑ のようなもの)やテキストボックスの挿入はデフォルトの機能として提供されているAFFINGER5に乗り換えたため、購入しなくてよかったです。今もEmanonを使っている別のブログでは吹き出しを使う予定はないので。
ほかにも、コピーライト表示を削除するプラグインなど、拡張プラグインは、2千円から4,5千円くらいの価格帯で販売されています。
拡張プラグインを別売りする、というのは、一般的な手法のようです。AFFINGER5にも別売りのプラグインは存在しました。
購入するテーマ本体に何が含まれるのか?は購入前に確認した方がよいと思いました。例えば、コピーライト表示を削除するプラグインはEmaonでは有償ですが、AFFINGER5では、標準機能としてついており、管理画面から削除を選択することができました。
自己責任ですが、Emanonも footer.phpファイルを直接編集すれば、コピーライトを編集することは可能です。
標準機能で自分がやりたいことができるか
「金額」のところで記載した内容とやや重複しますが、
標準機能で自分がやりたいことができるか?
も、事前に確認しておけばよかった…
と、2つ有料テーマを購入して思ったことのひとつです。
例えば、吹き出しアイコンやカラーのテキストボックスの挿入が簡単にできるかどうか、テーマによって違いがあるとは思いませんでした…。Emanonはプラグインを追加購入することで簡単に対応できますが、購入した当初はそのような機能はありませんでした。
これを自力で実装しようと思うと結構な手間暇がかかると思います。少なくとも私はかかります…。これが別のテーマではメニューからササっと対応できる、となると、記事を書くためにかけられる時間が変わってきます。
こう書いていると、Emanonがいまいちな印象を与えてしまっているかもしれませんが…、機能を使いこなせていない私でも、気に入っていた点は複数あります。
例えば、フロントページ/ファーストビュー(最初に表示される画面)の記事一覧にタグを表示させることができました。私はタグをサブカテゴリ的に使っていたので、記事一覧のタグをクリックすることで同じタグをつけた記事一覧ページに遷移できるのは便利でした。
AFFINGER5はデフォルトではカテゴリしか表示されなくて、タグの表示もできるのかは目下調査中です…。
Emanonでは、投稿ページのタイトルのすぐ下に、カテゴリとタグが表示される(設定画面で非表示にもできる)ところもよかったです。
AFFINGER5ではデフォルトでは、投稿ページの一番下にタグが表示される仕様でした。インターネット検索すると、phpファイルを編集して上に配置させるように変更できるようですが、ファイルの直接編集による対応は個人的には気が進みません。
自分のブログにはどういう機能がほしくて、その機能は標準で対応できるのか否か、事前に確認することをおすすめします。すべての好みを標準で満たすテーマはなかなかないかもしれませんが、自分が重視したいものが標準で対応できそうなテーマを選ぶと、設定で悩む時間も少なく済んで、後悔が少ないと思います。
フロントページ/ファーストビュー(最初に表示される画面)のデザイン
「AFFINGER5ってこんなに優秀」…というようなブログを複数見て、今回AFFINGER5にテーマ変更したわけですが、「AFFINGER5ってどんなテーマなのだろう?」と思ってインターネット検索すると、たいてい、よい点を紹介したサイトが複数ヒットします。
「メリット・デメリット」の両方が記載されているサイトもありますが、書かれているデメリットは、あまりデメリットらしいデメリットではないことが多いように感じます…。
テーマのデモページやサンプルページなどで紹介されているイメージが、自分がつくりたいページとどれだけ近いものがあるか?で選ぶと、導入した後のつまずきが少ない、と2つのテーマ(プラスWordPressに標準設定されている無料テーマ)を使ってみて思いました。
最初のページの見た目が自分好みに仕上がると、見るたびにうれしい気持ちになるし、満足度が高まるので、ここを重視してテーマを選ぶと後悔が少ないと思います。
デモやサンプルで紹介されているページデザインは、テーマ独自の管理画面またはWordPressの画面から設定可能なことが多いようなので、設定に迷ったり時間がかかるリスクも少ないかと思います。
逆に、ここはちょっとイメージと違うけど、このくらいなら自分で対応できるだろう、と気軽に考えていると、コードを直接修正しなくてはならなかったり、結局、どう対応すればよいのか、いくら検索してもわからなかったり…少々面倒なことになるので、あらかじめ、「これと同じデザインのページをつくりたい」と思うようなページサンプルが表示されているテーマを買うと、デザインに時間を取られず、記事の構成やライティングに時間をかけることができるかと思います。
フロントページ/ファーストビュー(最初に表示される画面)だけでなく、投稿ページのデザインも気になる…。
…という方もいるかもしれませんが、投稿ページは画像を挿入したり、改行を調整したり、フロントページ/ファーストビューに比べて、自分で簡単に対応できることが多いので、サイトの顔となるフロントページ/ファーストビューでテーマを選ぶ、というのは個人的にはおすすめです。
率直に言って、どのテーマを選ぼうが、ある程度の試行錯誤は避けられないと思いますので、自分にとって重要な8割が標準的に満たされるテーマを選び、あとの2割は余裕のあるときに少しずつ調べながら対応する、という方針で選びましょう!
・・・と過去の自分に言いたいです。
【Emanon Business】から【AFFINGER5】に変更して変わってしまったところ
いまだ細かく確認できていないのですが、現時点で対応した点・気づいている点は以下です。
ヘッダーエリアのデザイン・画像
サイト名やキャッチコピーなどはそのままでしたが、ヘッダーエリアに設定していた画像は表示されなくなっていました。ヘッダー画像の再設定を試みましたが、思ったようにサイズ調整できず、断念しました…。
Emanon Businessではあまり画像のサイズで悩むことはなかったので、少々想定外でした。
グローバルメニュ(ヘッダエリアのメニュ)
モバイルとPCとそれぞれ見た目が変わってしまっていたため、再設定しました。
記事一覧のサムネイル画像のサイズ
これが一番大きく変わった点かと思います。
Emanonは、記事一覧で表示される画像が大きく、元画像のサイズがバラバラであっても、同じ大きさで表示されるのですが、AFFINGER5は、Emanonと比べるとだいぶ小さく、元画像のサイズによって、サムネイルのサイズもバラバラになってしまって揃わないので、ぱっと見、すごく汚く見えます…。
いまだ修正完了できていないのですが…息子の絵を使った画像では、いい感じにサイズを合わせることが難しそうなので、この機会にフリー素材の画像に変更して見た目のイメージをそろえる予定でいます。
サムネイル用の画像サイズを一括変換するプラグインも以前使用したことがあるのですが、思ったような結果にならなかったので、今回は使わず、手動でひとつずつ変更していく予定です。
記事一覧のカテゴリとタグの表示
Emanonでは記事一覧のサムネイル画像の上のカテゴリ、投稿タイトルの上にタグ、が表示されていたのですが、AFFINGER5ではサムネイル画像の上には何も表示されず、投稿タイトルの上にカテゴリが表示されました。
変更できるのか現時点ではわかっていません。個人的にはタグは結構重宝しているので、なんとかしたいです。
投稿ページ内の画像サイズ
Emanonで画像を挿入したときは、挿入後に手動でサイズを整えていたのですが、AFFINGER5にテーマを変更したら、指定していた画像サイズがすっかりクリアされてしまっていて、これまた汚い印象の見た目となってしまいました…。
これもまだ修正完了できていませんが、息子の絵の画像は削除して、サイズのそろったフリー素材の画像を使うなどして対応しようと思っています。すでに135投稿くらいしているので…時間かかりそうです。
息子の絵の画像は、自分の癒し用途として、ギャラリーページでもつくってまとめて配置しようかな…。
フォントや行間のサイズ
AFFINGER5にテーマを変更後、Emanonで投稿していたページを見ると、フォントや行間が思っていた感じになっていません。何かが変わってしまったようなのですが、何が変わってしまったのかわからず…。
AFFINGER5のデフォルトのフォントサイズや行間の空き具合は、あまり好みではなかったので、インターネット検索をして変更している皆さんの情報を参考に変更してみたものの、まだしっくりきていないため、しばらく試行錯誤する予定です。
AFFINGER5では、専用の管理画面から、フォントや行間のサイズを変更することが可能です。でもなんだか思ったようにならない…。
フッターエリアのデザイン
フッターエリアの見た目も、テーマの変更によりすっかり変わってしまっていました。
メニューの配置は変わっていないように思います。ヘッダーエリアより気にならないだけかもしれません。
ブログ村のパーツが消えてしまった…
投稿ページの下に、ブログ村のPVランキング表を貼っていたのですが、これがすっかり消えてしまっていました…。
事前にコードをメモしておけばよかったです。しばらく前のことで、どうやって対応したのか全く思い出せず、インターネット検索してブログパーツのコードの取得や挿入方法を改めて調べることになってしまいました。
まだアクセス数が大してないもので…投稿するとPVランキングがあがって、投稿しないとPVランキングが下がるのをみると、読者さんがいるのかも…と励みになっています。
Amazon・楽天・Yahooショッピングなどの購入ボタンのデザイン
こちらもしばらく前に実施していたので、カスタムCSSでデザインを変更していたのをすっかり忘れており、消えてしまいました…。
どなたの手法を参考にカスタムCSSを追加したのかも覚えておらず、未だ対応できていません。これも事前にコードをメモしておけばよかったことのひとつです。
これからテーマ変更される方は、カスタムCSSの事前メモをお忘れなく!
まとめ
念のため、テーマを変更する前に、バックアップは取得していますが、見た目以外のページ内容については、データベース内に保持されているため、テーマの変更によって投稿内容が消えてしまうようなことはありません。そこは心配しなくて大丈夫です。
テーマの変更なので、影響を受けるのはあくまで見た目の部分です。
メニューやカテゴリ、パーマリンク設定など、WordPressの機能で設定しているような値も変更はされませんでした。(ただしパーマリンク設定は再保存するようAFFINGER5では指示がありました。)
100記事を超えてからテーマを変更するのは、変更後の対応がそこそこ大変な印象です。記事数が少ない段階でのテーマ変更は負担が少ないし、何がWordPressの機能で、何がテーマに依存しているのか、複数使ってみることでわかってくることもあるので、記事数が少ない段階で、有料テーマを2つくらい試しておけばよかったかなあと思いました。
2020年10月吉日