見出し
『Like New』の見出しデフォルトは下のようになっております。
大見出し
中見出し
小見出し
!注意!
小見出しをデフォルト通りに反映させるには、Fontawesomeを読み込む必要があります。詳しくはコチラから。
コードは以下のようになっております。
!初期設定としてすでに組み込んでいるので、変更したい場合以外はコピペ不要です!
.entry-content h3 { font-size: 140%; position: relative; padding: 0.6em; background-color: #dfdfdf; /* 色を変えたい方は[#]以下を変更してください */ } .entry-content h3::after { position: absolute; content: ''; top: 100%; left: 30px; border: 15px solid transparent; border-top: 15px solid #dfdfdf; /* 色を変えたい方は[#]以下を変更してください */ width: 0; height: 0; } .entry-content h4 { font-size: 130%; border-bottom: 3px solid #778899; /* 色を変えたい方は[#]以下を変更してください */ } .entry-content h5 { font-size: 110%; position: relative; padding-left: 1.2em; line-height: 1.4; } .entry-content h5::before{ font-family: FontAwesome; content: "\f00c"; position: absolute; font-size: 1em; left: 0; top: 0; color: #778899; /* 色を変えたい方は[#]以下を変更してください */ }
!『Like New』のカスタマイズに関して!
『Like New』は定番カスタマイズをデフォルト化し(初期設定として組み込まれています)、文字通りコピペたった一回ですむようにしてあります。これもデフォルト化してほしい!、こんな風にカスタマイズしたい!などなどのご要望がありましたら、お気軽にご連絡ください。
このブログのコメント欄、もしくはTwitterにて受けつけております!
黒音セシルTwitter
!お願い!『Like New』をインストールした際にやってほしいこと
『Like New』では小見出し、フォローボタン、シェアボタンなど、様々なところでFontawesomeを使っております。
このFontawesomeを使うには、ヘッダと呼ばれる部分にFontawesomeを読み込まなくてはいけません。
『Like New』の仕様が正しく反映されるよう、Fontawesomeを読み込むことを強く推奨します。
以下がそのやり方です。
管理画面から【設定】→【詳細設定】をクリックします。
【詳細設定】の画面を下へスクロールすると【headに要素を追加】という欄が出ていきます。
そこに以下のコードを貼りつけてください。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
既にFontawesomeを読み込んである方はこの手順は不必要です。
よく見ると、コードが少し違うと心配になる方がいらっしゃいましたら、下の写真の部分をチェックしてみて下さい。
下線部分がこのようになっていれば、以下数字が違っても問題なく動きます。
気になるようでしたら、すでに貼っていたFontawesomeのコードを上記のコードに置きかえればよいでしょう。
ちなみに、以下数字は、バージョンを指し、2017年3月15日現在は、4.7.0が最新です。
『Like New』をインストールされました際には、一番初めにやっていただければ幸いです。
!『Like New』のカスタマイズに関して!
『Like New』は定番カスタマイズをデフォルト化し(初期設定として組み込まれています)、文字通りコピペたった一回ですむようにしてあります。これもデフォルト化してほしい!、こんな風にカスタマイズしたい!などなどのご要望がありましたら、お気軽にご連絡ください。
このブログのコメント欄、もしくはTwitterにて受けつけております!
黒音セシルTwitter
『Like New』仕様カタログ
『Like New』の仕様一覧はこちらの記事で確認できます。
以下に記載しております仕様はすべて、デフォルト化してあります。(初期設定として組み込まれています)
ゆえに、たった一回、たった一か所のコピペで以下デザインを実装できます。
続きを読む
『Like New』をリリースしました!
このたび、はてなブログテンプレート『Like New』を作りました!
このテンプレートの最大の特徴は、
サイドバーが画面の縦幅いっぱいに固定されている
というところです。
この特徴の利点は、
- ページの下にいってもサイドバーを常に表示することができる。
- サイドバーが目立つので、読者に見てもらいたいバナーや情報を目立たせることができる。
また、HTMLやCSSの知識がない方でもカスタマイズがしやすいように、定番カスタマイズをデフォルト化してあります。(初期設定として組み込みました)
ゆえに、従来のカスタマイズでは、HTMLだの、CSSだの、コピペをするにしても、何か所も行ったり来たりしなければならなかったところを、たった一回、たった一か所のコピペだけですむようにしてあります。
初期設定を変えたい!
初期設定のパターンを増やしてほしい!
もういっそ自分の好みに合うようにカスタマイズしてほしい!
などなど『Like New』に関するカスタマイズがありましたら、お気軽にご相談ください。
このブログのコメント欄、もしくは、Twitterにて受けつけております。
是非、『Like New』をよろしくお願いいたします。