TokoAruga.comで使っている、Genesis Frameworkの女性ブログ用子テーマGallery Proを紹介します。シンプルで洗練された大人な雰囲気のWordpressテーマです。
ブログテーマのカスタマイズって難しそう。おしゃれなテーマだけど、自分に使いこなせるかな？デモサイトのようなのって簡単にできるの？ってちょっと不安にもなりますよね。
とくに無料のブログサービスからWordpressに引っ越した人や、初めてのブログをWordpressで立ち上げたばかりでは、Wordpressに慣れるのも大変。
私も、いまでこそこうしてテーマの使い方なんて、えらそうに記事にしていますが、最初はWordpressの使い方すら知りませんでした。
今では「キレイなブログですね」とたまにコメントがもらえるように。うれしすぎます！
ブログデザインにこだわるのは、「お気に入りの気持ち良い部屋にしたくて少しずつ模様替えする」のと同じこと。ブログは時間をかけて書いた大切なひとつひとつの記事を飾る空間。
遊びに来た人が長くすごしたくなる気持ちのいい空間にしたくないですか？
私は、プログラマーでもウェブデザイナーでもないし、コードはいまだに苦手。専門的な知識がないので、カスタマイズしやすいテーマを使って「気持ちいい空間」をネット上に作るようにしています。
特に女性を対象にしているブログなら、ブログの雰囲気って大切です。
気持ちのいいブログを作りたいけど、実際はどうやってつくっているの？Genesis Frameworkに興味はあるけど、子テーマってどういう感じに使うの？
そんな人のために、TokoAruga.comで使っているGenesis Frameworkの子テーマのひとつGallery Proがどんな感じなのか紹介しますね。
(Disclosure:記事内のリンクの一部はアフィリエイトリンクです。詳しくはサイトポリシーサイトポリシーをお読みください。)
Genesis Frameworkって何？聞いたことないけどという人は、Genesisを使っている有名ブログの紹介記事とGenesis Frameworkのすごさを語った記事があるので、こちらの記事を先に読んでもらえるといいかなと。
Genesis Frameworkはその名のとおりフレームワーク。
基本となるテーマなのでそっけないくらいにシンプルなデザインです。これじゃあ、かわいくもなんともありませんよね。
このGenesisに子テーマをつかうとあっという間におしゃれなブログになります。
たとえば私が使っているGallery Proならこんな感じ。まるで洋服を着替えるようにテーマの雰囲気が変わるんです。
（注意！Gallery ProはGeneis Frameworkと一緒に使うテーマです。Gallery Pro単独では使えません）
その他の女性が使いやすいテーマは「女性におすすめ海外Wordpressテーマ5種類」でし紹介しています。もうすこし知りたい人は読んでみてくださいね。
Genesis Frameworkと子テーマの購入からインストールも日本のテーマと同じですなんですが、こちらの記事で説明しているので参考にしてください。
前置きが長くなりました。
さっそく私が使っている（2017年6月23日現在）Gallery Proの特徴を見てみましょう。
今日のトピック
Genesis FrameworkとGallery Proを選んだ理由
ハイ、ずばりデザインが気に入ったから。デモサイトの雰囲気に惚れました。見た目大切！
以前に使っていたXはカスタマイズがしやすくて気に入っていたんですが、アップデート後にデザインが崩れて直すのがめんどくさくなったこと。
あとXの次の新商品がイマイチブロガーよりじゃなかった。なんかね、会社の方向性が違う方を向いているというかさ。
それに加えて頻繁にあるGoogleのアップデートにビビったというのももう一つの理由。
ここは、SEOに強くて世界的にWordpress史上最高のテーマといわれているGenesis Frameworkを使って安心したかった。
いつもはデザイン重視でテーマを選んでいましたが、今回はテーマの実力や機能性も考えてGenesis Frameworkと子テーマを使うことにしました。
子テーマはまた変えたくなっても、Genesis Frameworkはよほどのことがない限り使い続けたいと思います。今度こそ、テーマジプシーを卒業できたはず😉
Gallery Proの特徴
１．デザインがシンプルすぎるぐらい
Genesis Frameworkの子テーマのひとつGallery Proの特徴は、全体のデザインがシンプルなこと。
これ以上は削れないぐらいにシンプルです。メニューバーとか、サイドバーのタイトルとかそっけないぐらいですよね。
Gallery Proのデモサイトで使っているのは全て無料で使える写真です。Unsplashのaverie woodardさんとBrooke Gagleさんの作品から多く使われています。
２．フロントページがフルスクリーンになる
デモサイトやTokoAruga.comのフロントページには、バックグランドイメージがフルスクリーンで入っています。これは、絶対にやりたかったことの一つ。イマドキ風のブログに見えません？
しかもヘッダーとして一番上にあるんじゃなくて、途中にフルスクリーンのセクションが何個か入れられるというのもポイント。
フルスクリーンのセクションはフロントページ用のウィジェットでいれています。
３．フロントページのカスタマイズが簡単
Genesis Frameworkの子テーマのフロントページのカスタマイズは、ウィジェットを使うことがあります。
これ、他のテーマではあまり見かけない方法です。
私は、最初はどうやってフロントページを作るのかわからなかったのでサポートに聞きました。
普通のブログでは新着記事だけがフロントページにのっているところに、ウィジェットでコンテンツを追加しているイメージです。
Gallery Proのデフォルトのウィジェットは10ヶ所。
メインのサイドバーが１つ、フッターは３つ、フロントページは5つ、ヘッダー上に一つです。
デモサイトも私のページもフロントページでは４つのウィジェットを使っています。
例えばTokoAruga.comのフロントページは、「海外でブログを仕事にするブログ」、「3年後を変えるために、うんちゃらかんちゃら」、「ごあいさつ」、と最後の「Facebook」がそれぞれ一つのウィジェットエリアでつくっています。
TokoAruga.comのフロントページを簡単に説明すると
- タイトル
- タイトル下のメニュー
- Front Page ウィジェット１
- Front Page ウィジェット２
- Front Page ウィジェット３
- 新着記事
- サイドバー
上のイメージでは切れてしまっていますが、下にFront Page ウィジェット４とフッターが続きます。
Front Pageウィジェット２は2段構成になっています。
上の段がフルスクリーン、その下はウィジェットに入れた項目に合わせてカラムが分かれます。下の段に3つのテキストを入れると、自動的に3カラムになります。
詳しくは次回にフロントページのカスタマイズ方法で紹介しますね。
Gallery Proのフロントページは、ウィジェットで設定するだけなのですごく楽でした。
詳しくは、次回にフロントページの作り方を説明しますね。
出来上がりのデザインは、Xでつくっていたフロントページとほぼ同じ。
Xのようにアニメーションをいれるとか、自由にデザインを変えたりするにはカスタマイズが必要です。Gallery Proのテンプレートのままで使うなら、Gallery Proの方が簡単に設定できました。
できることが少ない分、使い方が簡単なんですね。
４．個別記事のタイトルがフルスクリーンになる
これは好みが分かれるところですが、個別記事ではアイキャッチがフルスクリーンで表示されて、その上にタイトルが重なります。
もともとアイキャッチに文字を入れていたので、古い記事ではタイトルと被ってちょっと見づらくなっているところがちょっと気になるところ。
時間があれば、アイキャッチを入れ替えたいですが手がまわっていません。
ブログで使う写真にこだわっているので、写真が大きくキレイに表示されるのはすごくうれしいんですけど。
この設定を変更するのはカスタマイズが必要です。
フルスクリーンのタイトルがあまり好きじゃない人は、もう一つのおすすめテーマRefinedのほうがよいと思います。
５．その他の機能もたくさん
私のブログでは使っていない機能もあります。
メニューバーは、タイトル下の他、タイトル上、フッター上にもつくれますが、タイトル下しか使っていません。
アフィリエイト用のウィジェットは、ファッション系のブロガーさんには嬉しいですよね。ウィジェットからちょくせつアフィリサイトに飛ぶようなんですけど、イマイチよく分かっていません。
インスタグラムの表示やニュースレターのメール設定も簡単にできるので、これから使いたくなったら使おうかなと。
Genesis Frameworkを使っているので、カスタマイズしたくなったら何でもできそうな気がしています。いや、気のせいか？
６．デザイン会社Bloomの対応が親切
Gallery Proを作ったのは、デザインスタジオBloom。購入前にデモサイトではわからなかった仕様について質問したら、すぐに返事が来ました。
さらに、Gallery ProをStudioPress以外のサイトから購入した後で、実はStuioPressで買ったほうが安いことが判明！
ショックをうけつつダメ元で連絡したところすぐに差額を返金してくれました。これで印象アップです。
カスタマイズでわからないところも質問したらすぐに教えてもらえるので安心して使えます。
ただここのサポートドキュメントはちょっとあっさり気味。もう少し詳しく書いてあるといいなと思うことも。最低必要な情報はあるので何とかなります。
７．カスタマイズがほとんどいらない
Gallery Proを使って一番気になったのは、フォントサイズ。
日本語でみると、記事中のフォントは小さく、タイトル（H1）は大きく感じたので、CSSで好みのサイズに変えました。hタグと引用の表示もカスタマイズしています。
文字の装飾以外は、ほぼそのまま使っています。もう少し手を加えたいところもあるので、これからカスタマイズも楽しみたいと思います。
Genesis FrameworkとGallery ProはStudioPressから購入できます。Studiopressからテーマを購入する方法とインストール方法も記事にしているので参考にしてくださいね。
Gallery Proのまとめ
Genesis Frameworkの子テーマのひとつGallery Pro。Genesisを使っているのでSEOやセキュリティ対策はばっちり。
デザインはとにかくシンプルで写真がキレイに見えるテーマ。
使う写真でだいぶ雰囲気が変わると思います。私は大人かわいい系の写真がすきなので、ブログの雰囲気もそんな感じですね。
次回は、Gallery Proでフロントページの設定方法を紹介したいと思います。
Genesis Frameworkのことはこちらの記事
Genesis Frameworkのことをもっと知りたい人は
Genesisの購入から初期設定の方法はこちら
大人可愛い系のブログテーマやおすすめのテーマはこちら
海外テーマの選び方やテーマを変える手順が心配な人はこちらから