ブログデザイン春らしくなって少しずつ暖かくなってきましたね〜!というわけで、ブログデザインの春テーマを作りました(PC版のみ)。春の間の期間限定で公開してます。今回はテーマ作成にあたってのポイントやお世話になったサイトを紹介します!テーマは藤と桜!春ということで、藤と桜をテーマにデザインしました!スマホ版は作っていないので、PC版で見てくださいねー!お気に入りはactywayのあくちー(@actywav)さんが作成した桜のプラグイン!このテーマでは桜の花びらの色を変えて藤の花びらとして使用しています。藤の花が上から降ってくるイメージ。サイトに桜を降らせることができるあくちーさんのスクリプトはこちらで配布しています!あくちーさん素敵なスクリプトをありがとうございます〜!サムネイルサイズ変更にあたりPHPでデザインを切り替えて表示テーマ変更にあたり、サムネイルのサイズを大きくしました。すると、サムネイルまわりのデザインも変わってしまうんですよね...。画像が以前より小さくなる分にはサムネイルを切り出して再生成すれば済む話なんですが、大きくするとなるとそうはいきません。途中からPHPでデザインを切り替える必要が発生してしまいました。プログラムが苦手なため、テーマの途中からサムネイルサイズを切り替える作業にかなり苦戦しました。基本的には以下のような方法で、サムネイルサイズが変わった日を境に出力を切り替えています。表示したい内容をデータとして取得し、いったん変数に入れてから出力する感じですね。今までは公式のSNSシェアボタンを設置していましたが、オリジナルのボタンを設置してみました。以前にPHPでシェア数を取得してオリジナルSNSボタンを設置するという記事を書きましたが、これと同じ方法で実装できました!シェア数や記事URLの取得などはWordpress用の表記にする必要がありますが、基本的なやり方は同じです。和風っぽい雰囲気を出したかったので、日本語のフリーフォントをWebフォントとして表示してみました。Artさんの「はんなり明朝」。和風の明朝体なのに読みやすく、優しい雰囲気のフォントです。ArtWebフォントとしてフリーフォントを使用する際に、ライセンスの明示方法についてとても悩みました。調べたところ、こちらの記事にライセンスの解説や明示方法がわかりやすく記載されていました。ありがとうございます!はんなり明朝は「IPAフォントライセンスv1.0」に準じているため、以下の項目をcssのソースコードに記載しています。v1.0のURL具体的な表記方法は以下の記事が参考になります。ライセンスごとに明示方法がまとめられていて、とても助かりました。他のライセンスのWebフォントを使用する際、お世話になると思います!さいごにこのデザインは春の間のみということで、4月末くらいまでの期間限定テーマです。そのうち秋や冬など全季節のテーマを作れたらいいなと思っています。Color0件のコメントもし何かコメントをいただければ幸いです。ご指摘等も大歓迎です。