Like New

レイアウトを大胆に、でもどこか上品に仕上げました

!『Like New』をインストールした際にやってほしいこと!
ブログのヘッダにFontawesomeを読み込むことを強く推奨いたします。詳しいやり方についてはコチラからどうぞ。

見出し


『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』をよろしくお願いいたします。