約1年ぶりにブログを再開しました。再開にあたり、これまでのデザインのままでも良かったのですが、心機一転ということでブログのテーマを変更しました。はてなブログのテーマは色々素晴らしいデザインのものがありますが、私が選んだのは「ZENO-TEAL」というテーマです。私はIT企業で働いているもののWeb系の知識はてんで疎いのですが、たまたま、「はてなブログテーマ「ZENO-TEAL」をテーマストアに投稿しました」という記事を目にしたとき「これだ!」と思い、次にテーマを変えるときはこのテーマにしようと思っていました。ZENO-TEALの良いところトップページの記事一覧がカード型で表示される!ZENO-TEALが良いなと思った一番の理由は、トップページの記事がカード型で表示されるところです。なんだか上級者のページみたいですよね。調べてみると、Wordpressの「ストーク」という人気テーマに似ているらしいですね。私はWordpressは挫折した口なので、かっこいいデザインを簡単に自分のブログで採用できるようになるなんて良い時代になりました。トップページ上部におすすめの記事を5つ(スマホは2つ)表示できる!ZENO-TEALでは、トップページ上部におすすめの記事を5つ表示させることができます。記事のURLと画像のURLをそれぞれデザインCSSにコピペするだけなのでとても簡単でした。スマホにも表示されるのも良いですね。レスポンシブデザイン対応でスマホもPC版と変わらぬ美しいレイアウト!通常、はてなブログはPC版とスマホ版で表示されるレイアウトが異なりますが、ZENO-TEALではレスポンシブデザイン対応といって、すべてのデバイスで同じレイアウトで表示可能です。ためしに通常設定の場合とレスポンシブデザイン設定の場合の画像を比べてみました。レスポンシブデザインの方が見た目が良いですね。□レスポンシブ設定ZENO-TEALの残念なところ記事作成時の記述ルールがある記事を書くときに記述のルールを守らないと、カード型のトップページのレイアウトが崩れてしまいます。具体的には、1画像を記事の最初に持ってくる2次に文章を書く3トップに表示させたいところで(続きを読む)設定するの流れを守らないといけません。面倒だったのは過去の記事の修正でした。記事が多い人は苦労するかもしれません。□作成ルールを守らないとおかしなことにはてなproじゃないと広告がトップに表示されてしまうはてなブログproに登録していない状態だと、カード型の記事一覧部分に広告が出てしまうようです。私はずいぶん前にはてなproになっていたので問題なかったのですが、そうではない場合注意が必要ですね。)導入前後にやったカスタマイズ基本的なカスタマイズについては、テーマを作成された方のブログで公開されていますので、それを参考にしました。いずれもCSSのサンプルコードが公開されていますので初心者でも特に迷うことなく対応出来るかと思います。zeno-teal.hatenablog.coスマホ表示でアドセンスはみ出る問題もともとは記事下に横2つを並べていたのですが、レスポンシブ設定によりスマホ表示ではみ出てしまう問題が発覚したのですが、それは以下の記事を参考に対処しました。単純に縦に並べる設定で対応しました。www.sugatareiji.com(6.25追記)orefolderご本人様からコメントを頂き、レクタングルの縦表示はアドセンスの規約違反になるとのことで、アドセンスの配置を見直しました。まとめZENO-TEALを使っている他の人と比べるとまだまだ貧弱なデザインではありますが、少しは見れるレベルになったかなあと思います。ほんとZENO-TEAL作成者のorefolderさまさまです。更新頻度があまり落ちすぎないよう、モチベーションを保ちながらこのブログを続けていければと思います。娘が生まれてから早6ヶ月が経とうとしている。妻と娘と3人暮らしのアラサー。ITの会社でPMOとかコンサルやってます。最近はグローバル案件がメイン。妻も同業で共働き(育休中)。来年武蔵小杉に引越し予定で今は元住吉に住んでいます。・子供のこと2016年12月に娘が誕生し、ライフスタイルが一変。した日々の中で感じたことや体験したこと。・英語のこと数年前にTOEIC865点を取得。関わらず、英語でコミュニケーションがとれないことに絶望し、DMM英会話と瞬間英作文で特訓中(子育てにより休止中)。き家計のマネーハックなど。(8)注目記事スポンサーリンクはてなブログをはじめよう!nacrieさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。