2013 Green Sequenceテーマを使ってみた

広告

気さくなブログ
(※2013年12月10日現在の記事です)

先日このブログ(気さくなブログ)のサイドバーに300×600px幅の広告を貼った時もそうだけど、「Twenty Thirteen カスタマイズ」で検索するとよくヒットするfutapapaさんのサイトを読んでいたらテーマの配色に興味を持ってしまった。

”TwentyThirteen”のカラーカスタマイズのスタイルシートとヘッダーを無料で提供しています。(ヘッダーのPNGを今回利用させて頂きました)

引用元: TwentyThirteen簡単カスタマイズ【カラー・カスタマイズ】【TwentyThirteen/Sora-iro 】 | futapapa.

 

なんとTwenty Thirteenのテーマとして色々な配色を提供している人が居るんですって!

アチキが気にったのは以下の「2013 Green Sequence」 何やら作者のページはMcAfeeサイトアドバイザーが反応したので、一応WordPress のテーマサイトにリンクしてます。

Green color scheme for Twenty Thirteen, alternates colors sequentially instead of per post formats.

引用元: WordPress › 2013 Green Sequence « Free WordPress Themes.

 

WordPressのテーマから直接インストールできるんだけど、アチキはダウンロードしてテーマの中身を見てみた。するとファイルが少ない。どうやらTwenty Thirteenの子テーマっぽく作ってるらしい。たぶん。

こりゃいいや、アチキが先日作ったstyle.cssの引用部分などをコピペしたり、
footer.php
header.php
sidebar.php
ファイルなどを「2013-Green-Sequence」フォルダにコピーしてFTPソフトでアップロードすると、以前アチキが編集したフォントの変更部分などが反映されてる。
2013-12-10_17h32_51.jpg

アチキはWordPressのダッシュボード→外観→テーマから「2013 Green Sequence」を選択して「保存して有効化」する方法にした。Twenty Thirteenのインストールは必須。
2013-12-10_18h20_22.jpg

でも実際インストールしてみると思ったのとチョッチ違った。個別ページのように白色背景だと思っていたんだけど、複数の記事を表示してるTOPページでは記事ごとに色が変わってるんやね。

…まあイイや。変更方法が分からないし、面倒だし、このまま使おう :mrgreen:

あとfutapapaさんのサイトを参考にしながらスマホで見る時のヘッダー高さを小さくしたつもりなんだけど、子テーマでの編集方法が分からなかった(※1)ので画像高さを低く編集してアップロードした。パソコンやタブレットで見た時に変に切れているのはそのせい。見逃して 😳
※1:後日style.cssを編集して解決した。

1386663291705.jpg

2013.12.12追記:あれこれ格闘しながらヘッダー高さやスマホで閲覧する時の文字大きさなどを変えた。
その様子を次のページに追加しました。

広告