3カラムレイアウト対応のはてなブログテーマ「Focus」を公開しました。して働くための生産性↗向上Hacksスマートフォン用の表示で見るワクワクして働くための生産性↗向上Hacksワクワクは最強のライフハックなのです。3カラムレイアウト対応のはてなブログテーマ「Focus」を公開しました。2017-10-233カラムレイアウト対応のはてなブログテーマ「Focus」を公開しました。WEB・デザインどうも!Ganapatiです。何かを達成するというのはとても気持ちが良いです。した成功体験を通じて、人というのは成長していくのだと思うのです。美しい3カラムさるわかさんのWordpressテーマを意識したプリセット手を抜かないデザイン。ご紹介くださいはてなブログテーマ「Focus」を公開しましたずっと考えていた「はてなブログテーマ」が完成し、公開にこぎつけました!構想1か月、作業開始から10日ほどで完成しました。(≧▽≦)幾つかの人気ブログテーマを参考に色々パクりまくったテーマですが、他にはないテーマに仕上がったと個人的には思います。ご利用いただければと思います。ストアこのブログも10月中にはFocusに移行します。美しい3カラムFocusの最大の特徴は3カラムレイアウト対応ということです。3カラムレイアウトはユーザーの滞在時間などで2カラムに劣るといわれていますが、数多くのWEBサイトがある中で一定以上のニーズがあるのも間違いありません。はてなブログのテーマで3カラムレイアウトを特徴としているものは私が調べた中でも1つしかなく、しかもそれはデザイン的には私の好みではありませんでした。それなら自分で作ってしまえばよいじゃないか!と考えたのが開発のきっかけ。しやすい3カラムレイアウトでありながら、読み手にストレスをできるだけ与えないようなシンプルなデザインを心がけました。さるわかさんのWordpressテーマを意識したプリセットはてなブログテーマの多くは「後からカスタマイズ」しやすいように余計なCSSは入っていないものが多いのですが、それはそれでテーマインストール後のカスタマイズのために時間がかかる原因にもなるんですよね。そこでFocusでは、ブログ運営で代表されるようなアセットに対してあらかじめCSSを用意しました。「ヨメレバ・カエレバ」のデザイン。他にも各種ボックス系デザインなどを予め用意したうえで、利用者にはコピペで使用できるようにしています。※アセット類のデザインはこちらからfocus3.hatenablog.com手を抜かないデザイン。はてなブログでテーマを作るなら徹底的にこだわりたい。HTMLもCSSもまともに勉強したことがない私ですが、ネットで調べることだけは得意。そんな状況でとにかくこだわりぬいたデザインにしてみました。はてなニックネームの下線は消す目次は開閉式にサムネイル画像も画面幅に応じて変化するようにスマートフォンで見たときにサイドバーのモジュールのせいで「超縦長」にならないように記事一覧では最新の投稿が目立つようになどなど、いろいろ工夫を凝らしてみました。利用者がカスタマイズしやすいようにできるだけコード内にコメントを記入しました。ご紹介くださいまだまだ課題も多いFocusですが、もし気に入っていただけたらご紹介いただけますと幸いです。14:573カラムレイアウト対応のはてなブログテーマ「Focus」を公開しました。「ワクワクこそ最強のライフハック」を合言葉にワクワクするネタ探しの日々。(2)関連記事2018-01-31はてなブログの常時HTTPS化に関する考察2018-01-31はてなブログを常時HTTPS化するまでの全手順(2/1修正:検証中)2018-01-30はてなブログをHTTPS化できた!2017-10-24非エンジニアの私がはてなブログテーマを公開するまでやった全工程2017-09-06はてなブログのフォントを今どきのものに変えてみました。2017年おススメ設定はこれ。▲はてなブログをはじめよう!ganapati55さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。