その2：カッコ良すぎるBlogger最強の有料テンプレートGeek Pressを使い倒す

おすすめ記事ピックアップ

前回（http://www.furimuke.com/2014/05/bloggergeek-press.html）に続きまして、Geek Pressをインストールしてみたいと思います。機能説明をしようと思ったのですが、インストールすればわかるので飛ばします。

EnvatoというサイトからGeek Pressを購入します。購入方法は下記の記事を参考にしてください。
http://www.furimuke.com/2014/03/envat-template.html

購入するとZIPファイルをダウンロードできます。解凍します。「Documentation」は、マニュアルのフォルダーです。「Geek-Press-demo-blog-data」は、テスト用の投稿データです。「Geek-Press-template-xml」は、テンプレートフォルダーです。「Included-files」は、アイコンとかどうでもよいフォルダーです。

「Geek-Press-template-xml」を開くと、Bloggerのテンプレートデータが入っています。最新のバージョンを入れるようにしましょう。下記で言えば、2.1.3です。

テンプレートの取り込みは、テンプレート→バックアップから、入って。

「テンプレートをアップロードする」が推奨されていますが、これはあまりオススメではありません。きれいにテンプレートを更新できないことがあります。

おすすめの方法は、エディターでxmlテンプレート（中身はhtml）を開いて、全部コピーします。

「HTMLの編集」に入ります。

コードを全部削除して、先ほどコピーしたテンプレートのxmlを貼り付けて更新します。

こうすると綺麗にインストールすることができます。インストールは完了です。次回は設定について説明します。事前に「Documentation」の中の、index.htmlマニュアルを良く読んでおくと作業がはかどります。ブラウザーにドロップすることで、読むことができます。

テンプレートを入れたサイトはこんな感じになります。投稿が無い状態ならこんなんです。

投稿があるなら、こんな感じになるでしょう。不安になりますが、焦らなくてOKです。

レイアウトを見るとこんな感じです。

次回へ続く。
http://www.furimuke.com/2014/05/3bloggergeek-press.html


「Geek Press」は20＄の有料テンプレートです。購入すれば、ずーっと使えます。Live Previewを押せば動くデモみれます。
Geek Press - Responsive News & Magazine Template