超簡単!WordPressテーマをハミングバードに変更する手順をまとめてみたよ

160221_eye

スポンサーリンク

今朝のブログ記事でお知らせした通り、「みやの宝箱」のデザイン(WordPressテーマ)をハミングバードに変更しました。

WordPress歴2ヶ月半ほどのド初心者が、HTMLやCSSなどのソースファイルを直接いじることなく1時間ほどでカスタマイズできちゃった過程をまとめておきたいと思います!

データのバックアップ

いつもより大きな変更作業なので、念のため作業直前のデータバックアップを取っておきました。

WordPressの無料プラグインBackWPupDropboxを利用すれば簡単にデータのバックアップを取ることが可能です。

参考:WordPressをDropBoxにバックアップできるプラグインBackWPup3の設定方法 | 経験知

テーマのインストール

テーマの購入〜サーバへのインストールについては、公式サイトでわかりやすく解説されています。公式ページの説明に沿って、子テーマもインストールしています。

参考:ご購入からテーマ導入までの流れ | OPENCAGE

テーマのテスト

すでに別のテーマでブログを稼働させている場合、いきなり新しいテーマに変更するのはリスキーです。

そこで、WordPressの無料プラグインTheme Test Driveを利用しました。このプラグインを利用すると、ブログの読者さんには従来通りのテーマを見せたまま自分(管理者)だけ新しいテーマを表示させることができます。

参考:WordPressの独自テーマを稼働中の本番環境でテストする方法 | 経験知

カスタマイズ

Theme Test Driveで特に問題がなさそうなことが確認できたので、早朝だったこともありそのままハミングバードを適用してカスタマイズを行いました。

ハミングバードの基本的なカスタマイズについては、公式サイトにわかりやすい解説があります。サイトカラーやロゴ画像、ウィジェットの設定については、このページを参考にしました。

参考:ハミングバードの使い方 | OPENCAGE

ハミングバードにオススメのWordPressプラグインをまとめたページも。(アルバトロスはハミングバードのひとつ前にリリースされたテーマですが、内容はハミングバードと共通しているようです。)

参考:アルバトロスのおすすめプラグイン | OPENCAGE

以下、わたしが実際に行ったカスタマイズについて簡単にまとめておきます。

Facebookページのいいねボタンを設置

このブログの記事下部を見ていただけばわかりますが、ハミングバード仕様のFacebookのいいねボタンを設置しました。

参考:記事下のFacebookページのいいねボタン | HUMMING BIRD

ソーシャルボタンにカウント設定を追加

こちらもこのブログの記事下部を見ていただけばわかりますが、ソーシャルボタン(FacebookやTwitterのシェアボタン)にシェア数等の数字が表示されるようになっています。

しかしこれはデフォルトでは表示されないので、WordPressの無料プラグインSNS Count Cacheをインストールする必要があります。このプラグインをインストールして有効化すれば、特に何もしなくても少しタイムラグがあったのち数字が表示されるようになります。

参考:ソーシャルボタンのカウント設定(SNS Count Cache) | OPENCAGE

GoogleAnalytics トラッキングコードの設定

ハミングバードではGoogleAnalyticsのトラッキングコードの設定をすることができます。ただし、別のプラグインでもトラッキングコードを設定していた場合にアクセス数を二重計測してしまう可能性がありますので注意が必要です。

参考:悲報…グーグル・アナリティクス(Google Analytics)のトラッキング・コードがダブっていた(泣) | チョコマシュブログ

ハミングバードの利用例

公式サイトにはハミングバードを適用したデモサイトも用意されており、ここでハミングバードの様々な利用例を確認することができるためとても参考になります。

参考:HUMMING BIRD | ブログ向けWordPressテーマ

例えば今朝の記事でも紹介したショートコードのサンプルもちゃんと用意されています。

参考:テーマ専用「ショートコード」の表示サンプル | HUMMING BIRD

マークアップ: HTML タグとフォーマットのサンプルも。

参考:マークアップ: HTML タグとフォーマット | HUMMING BIRD

サポート

有料なだけあって、サポートもしっかりなさっているようです。

わたしはまだ特に問い合わせてはいませんが、以下の方の記事を読むと開発者の矢野さんの人柄がうかがえます。

参考:ワードプレスのテーマは無料じゃなくて有料の時代?!惚れる美しさ「ハミングバード」に変更しました | ももねいろ

まとめ

ハミングバードを導入してまだ1日も経っていませんが、金額分の価値は十分あると感じています。

デザインが良いし、ショートコードも便利。公式サイトもわかりやすいし、何かあったらちゃんと問い合わせができる安心感もあります。これから少しずつカスタマイズもしていけるといいな。

このブログを見て興味を持たれた方は、ぜひ導入を検討されてみてはいかがでしょうか。かなりオススメです!

こちらの記事もいかがですか?

ハミングバードに一目惚れ!ブログのテーマを変更しました

2016.02.21

ブログのカテゴリーを見直して得た3つの気付き

2016.02.19

ロゴ、アイコン、ファビコンを変更しました!

2016.01.26

スポンサーリンク

160221_eye

「面白い」「参考になる」と感じたら、ぜひシェアしてください!