【ブログ備忘録】アルバトロスからハミングバードへ変更後のカスタマイズ

 

ブログ備忘録です。数日前に、アルバトロスをダウンロードしカスタマイズまでしたのに、どうしてもハミングバードのトップにあるスライダーが欲しくて、また新たにハミングバードを購入してしまいました。。。あー、出費ですぅ。。。。

そこで、今回はアルバトロスからハミングバードにお引越した後のカスタマイズ方法を覚書としてブログに乗っけちゃいます。まあ、デザイン元は同じですから、ちょっと近所に引っ越し程度ですね・・・。

なぜハミングバードのなのか

これは、個人的な趣味の問題ではないでしょうか。当然ながら、基本的には同じようなデザインで、カスタマイズは同じようにできるはずです。がしかし、これがた当然ながら多少違います。それがあたしにとっては、ハミングバードのトップにあるスライダーです。

アルバトロスでも、ピックアップしたスライダーを表示することが可能です。けれども、背景画像を入れないと個別のスライダーが出てきません。それも設定は4つなので、それ以上画像を入れたい場合はやはりテーマをかえないといけません。。。。

1) アルバトロスの配色を記録する

当然のことながら、アルバトロスの子テーマで設定したカスタマイズは失われることになります。ですので改めて、ハミングバードの子テーマでカスタマイズをしないといけません。アルバトロスでは、長い時間をかけて配色を設定したので、お引越し先のハミングバードでもそれを使いたい!!そこで、まずはハミングバードに引っ越す前にアルバトロスの配色を記録しておきます。

まずは、カスタマイズする画面から、サイトカラー設定を選び、それぞれの色番号を書き出してます。ノートに手書きでもいいですし、ノートアプリケーションを使ってあいクラウドで保存しておいても良いでしょう。

2) ハミングバードをインストールして有効化する

こちらは前回のように、購入画面からダウンロードできます。OPEN CAGEのサイトでも書いてあるように、子テーマではなく、親テーマをカスタマイズしてしまうと、親テーマがアップロードされたときにカスタマイズした部分が消えてしまうことになります。

まずは、親テーマを先にインストールして、子テーマを次にインストールしましょう。

そして有効化したものが、こちらで、すべてデフォルトの設定です。

 

前のアルバトロスのサイトテーマ

ここでまず気づくのが、サイトのロゴが消えていますねぇ・・・。そして、当然のことながら、このアルバトロスの配色設定を基本にハミングバードの配色をカスタマイズしていくことになります。

 

3) ハミングバードのカスタマイズ

1. サイトロゴを入れ直す

サイトロゴが抜けているので、カスタマイズ画面の『サイトロゴ・アイコン』から、ロゴを入れ直します。

 

2. 残しておいたアルバトロスのカラー配色を設定し直す

カスタマイズ画面の『サイトカラー設定』をクリックして、カラー変更できる箇所の『色を選択』をクリックしてアルバトロスのカラー設定から写しておいたカラー番号入力する。

やってみるとわかるのですが、アルバトロスとほとんど同様なので、特に問題なく変更ができるでしょう。

3. サイドバーの設定を直す

ハミングバードを有効化すると、アルバトロスとハミングバードのサイドバーの設定がかなり違うことがわかります。アルバトロスから引き継いだウィジェットをハミングバードの子テーマのカスタマイズからウィジェットを編集しようとしても、そのウィジェット自体が見つかりません。

そこでもう一度、アルバトロスの子テーマを再度有効化します。そこから『ウィジェット』を開き、全てのウィジェットを削除します。それからもう一度ハミングバードの子テーマを有効化します。これでハミングバードのウィジェット部分がクリアになり、改めて編集できるようになります。

まとめ

同じ会社でのデザインですからアルバトロスのカミングバードも、基本的な設定の仕方は同じです。ですから、全く違うデザインから引っ越すことよりも簡単に編集ができると思います。

ただ、両デザインはとっても有名なので、似通ったブログサイトになってしまわないように、カスタマイズには時間をかけたいものです。

このほかにも色々とカスタマイズをしたいので、その都度ブログ備忘録として残していきたいと思います。