2018.02.17はてなブログのテーマを「Blooklyn」から「Minimalism」に変更しました。「ひつじの雑記帳」のこどみすさんのテーマです。シンプルで美しいはてなブログの新テーマ「Minimalism」を公開しました。※当テーマの紹介する際は、テーマ配布ページではなくこの記事のURLを使用してください。Flat」を公開しました。レイアウト的に少し扱いにくい...hitsuzi.hatenablog.com前々から変えてみたいと思っていたのですが、やっと実行することができました。今までに追加したCSSはリセットされますまとめブログテーマを「Blooklyn」から「Minimalism」へはてなブログのテーマは、このブログをはじめて以来、ずっと「Blooklyn」を使っていました。レスポンシブにも対応していて、とてもいいテーマだったのですが、個人的に次の点が気になっていました。パソコンでみると、記事の横幅が広く感じるスマホやタブレットでみると、画面の端が窮屈に感じるいろいろ調べながら修正を試みたのですが、レスポンシブ時の切り替え(ブレイクポイント)に癖があるのか、ボックスの組み方なのか、なんかうまくいかない・・・。いうのって、気にしだすとすごく気になりますよね・・・。ブログテーマを変えたらどうなる?そんなわけで、テーマの変更を考えはじめたのですが、大きな難関がありました。はてなブログはテーマを変更すると、今までに追加したCSSが全部消えてしまいます。カスタマイズしたところも、リセットになります。コードのバックアップをとっておけばいいのですが、万が一、やらかした時のことを考えるとかなり勇気がいります。そんなわけで「変えたいけれど、怖くて変えられない」状態がずっと続いていたのですが、このままではずるずるいってしまうと思い決心しました。実際にMinimalismに変えてみたら、簡単すぎてびっくりでした。Minimalismは、初期設定がおそろしく簡単です。作者のこどみすさんのサイトに書いてある通りにやれば、すぐに形ができてしまいます。前のテーマで気になっていた点もクリアです。ほどよい余白があって見やすい行間の広さなど、細かい調整はこれからですが、コード貼りも含めて30分ほどで移行ができました。今までに追加したCSSはリセットされますさて、問題のCSSですが、やはり今までに追加したCSSは全部リセットされていました。追加しなおしていくわけですが、やっていて気づいたことがあります。それは、コードに注釈(コメントアウト)をつけておくのは必須ということです。*/といった注釈を常につけるようにしておくと、貼りなおす時にかなり楽です。テンプレートのカスタマイズのコードは、なるべくまとめて書くようにしておくと、区別がつきやすくなります。まとめそんなわけで、Minimalismへの移行が完了しました。行間などの調整はこれからなので、レイアウトが安定するまでに、もうしばらくかかるかもしれません。それまでは、ぎくしゃくしているところがあるかもしれませんが、ご容赦くださいね。へなちょこな体験談でしたが、もし迷っている方がいたら、ぜひ参考にしてみてくださいね。ブログスポンサーリンクシェアするTwitterFacebookはてブPocketLINEコピーyuzumochiをフォローするこの記事を書いた人yuzumochiゆずもちろぐ。へんてこなものやかわいいものが大好き。yuzumochiをフォローするyuzumochiゆずもちろぐ。関連記事ブログ画像のURLがわからない!はてなブログデビューで大苦戦このブログでは、タイトル画像をオリジナルのものにしています。実は、はてなブログをはじめて最初につまづいたのがこの設定です。画像を使うときはURLがわかると便利なのですが、はてなはそれがちょっとわかりにくい仕様になっています。...カスタマイズはてなブログのSNSシェアボタンを簡単カスタマイズ!「AddThis」の使い方はてなブログにちょっぴりおしゃれなSNSボタンを設置しました。「AddThis」という海外のサービスです。過去記事を見直していたところ、ブログカードの下に表示されるURLが妙に気になり始めました。みればみるほど、なぜこんなところにURLが入っているのか不思議になってきます。「んん?」と思いながらみているうちに「あれ、前からこんなとこ...ブログさくらのレンタルサーバでWordPressを使う手順WordPressを使うには、サーバーを借りてWordPressをインストールする必要があります。今回は、さくらのレンタルサーバでWordPressを使う手順について書いていきます。1.サーバコントロール画...ブログはてなブログのプロフィール画像を大きくする方法はてなブログをはじめて、やってみたかったことの2つめは「プロフィール画像を大きくする」でした。プロフィール画像を大きく表示するには、はてなフォトライフで前準備が必...ブログ【はてなブログ】独自ドメインでwwwなしでもアクセスできるようにする方法はてなブログProにすると、独自ドメインを使うことができます。はてなブログは少し特殊で、独自ドメインを設定しても「www」なしではアクセスできない仕様になっています。ゆずもちゆずもちろぐ。へんてこ・かわいいもの好き。ゆずもちゆずもちろぐ。へんてこ・かわいいもの好き。ゆずもちゆずもちろぐ。へんてこ・かわいいもの好き。ゆずもちゆずもちろぐ。へんてこ・かわいいもの好き。今までに追加したCSSはリセットされますまとめタイトルとURLをコピーしました。