シンプルで美しいはてなブログの新テーマ「Minimalism」を公開しました。シンプルで美しいはてなブログの新テーマ「Minimalism」を公開しました。2017-06-18シンプルで美しいはてなブログの新テーマ「Minimalism」を公開しました。デザイン※当テーマの紹介する際は、テーマ配布ページではなくこの記事のURLを使用してください。Flat」を公開しました。レイアウト的に少し扱いにくいテーマでしたが、思っていたよりたくさんの方に使ってもらえました。さんなど特におしゃれにカスタマイズされているので是非見てみてください。あれから約2ヵ月経った今、オリジナルのはてなブログテーマ第二弾「Minimalism」を公開しました!Minimalism(ミニマリズム)の特徴このテーマは、テーマ名「Minimalism」にある通り、デザインは最小限のみに抑えてあり、「美」をとことん追求しました。こどみすフラットとは違い、スマホ・タブレットにも対応した、レスポンシブ対応のテーマです。デモサイトをCheck!デザイン・見た目PC・タブレット・スマホから見たそれぞれの「Minimalism」の見た目はこんな感じです。PCタブレットスマートフォン・ミニタブレット現存のレスポンシブテーマは、スマホからみると文字が少し大きすぎたり、若干バランスがおかしくいものが多いですが、当テーマは「モバイルファースト」に作られているので、スマホからみても本当にレスポンシブテーマなのかっ思われるくらいデザインが整っているかと思います。当テーマは、ヘッダーの色を変えるだけでブログの雰囲気を一転できるように設計してあります。ベースはホワイトで出来ているため、基本的にどんな色でも合います。テーマを導入したらまずやること導入したら、まず以下のことをやってください。レスポンシブデザインに設定するデザイン→スマートフォン→詳細設定の「レスポンシブデザイン」にチェックをつけてください。PCとスマホを別々のデザインにしたいという方はやらなくてもOKです。スマホ・タブレットで上手く表示されなかったらレスポンシブデザインにチェックを入れても、スマホから見たときにPC表示のままだったり、上手く表示されない場合があります。そんな時は、はてなブログの設定→詳細設定→headに要素を追加に以下のコードを追加してください。トップページの表示形式(PC番)で一覧形式にチェックを入れます。ブログ名が全角(日本語)の場合ブログ名が全角(日本語)の場合、文字が大きすぎると感じる方も多いと思います。そんなときはデザイン→PC→デザインCSSに下記のコードを追加することで解決します。紹介したスライドメニューと同様のものが標準で用意されています。デザイン→PC→ヘッダ→タイトル下に以下のコードを追加し、アイコンやURL等の任意の部分を書き換えてください。アイコンにはFontAwesomeを使います。FontAwesomeの使い方が分からない方はこのサイトを参考にしてみてください。シェアボタンを設置するこのテーマには、シェアボタンのスタイルが標準で記述されています。よって以下のコードをデザイン→PC→記事上・下に挿入するだけで、シェアボタンが完成します。ヘッダーを好きな色に設定する上で紹介したように、このテーマではヘッダーを好みの色に設定することができます。以下のコードを追加します。見出しデザインについて当テーマはカスタマイズ性を考えて、敢えて見出しデザインをデフォルトのままにしてあります。自分好みの見出しデザインを選びましょう。見出しデザインを選ぶ際はこちらのサイトが参考になります。ストアカスタマイズの質問についてMinimalismに関するカスタマイズの質問ですが、諸事情によりお答えできないことが多くなってしまったためコメント欄自体を閉鎖しました。ご迷惑をお掛けしますが、ご理解ご協力の程お願いいたします。デザイン全体の修正及び調整Minimalism全体のデザインの修正・調整作業を行いました。url("https://codomisu.sakura.ne.jp/minimalism/old.css");に変更する。(URLの部分も全て変更してください)手順2.はてなブログの設定→詳細設定→headに要素を追加に以下のコードを追加する。以上の手順で、元のデザインに戻すことが可能です。19:45シンプルで美しいはてなブログの新テーマ「Minimalism」を公開しました。»プロフィールこどみす/codomisu身近な豆知識ネタからちょっとギークなプログラミングネタまでなんでもありなブログ。(4)月別アーカイブはてブ数ランキングスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。