Like New

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

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

タイトル下ナビゲーション


タイトル下ナビゲーションは既に設置してある通りとなっております。

設置方法

ブログの管理画面から、【デザイン】→【タイトル下】をクリックします。 そこに以下のコードをコピペしてください。

<nav id="main-nav">
    <div id="main-nav-inner">
        <ul>
            <li><a href="#">Menu</a></li> <!-- ナビゲーションの数を増やしたい場合はこの行を複製してください --!>
            <li><a href="#">Menu</a></li>
            <li><a href="#">Menu</a></li>
            <li><a href="#">Menu</a></li> 
        </ul>
    </div>
</nav>

ブログに反映されたのがわかると思います。

リンク先を変更したい場合は、[#]の部分にURLを入れてください。
リンク名を変更したい場合は、[Menu]の部分をお好きな文字に変更ください。



CSSコードは以下の通りに設定してあります。
!すでに組み込んであるので、初期設定を変えたい場合以外はコピペ不要です!

#main-nav {
	width: 100%;
	padding: 0;
	border-top: 1.5px solid #aeaeae; /* 上の線の色を変えたい方は[#]以下を変更してください */
	border-bottom: 1.5px solid #aeaeae; /* 下の線の色を変えたい方は[#]以下を変更してください */
	margin-bottom: 12px;
}

#main-nav-inner ul {
	margin: 0;
	padding-left: 30px; /* 文字数が多い場合やリンク数が多い場合は数字を下げて調節してください */
}

#main-nav-inner li {
	display: inline-block;
	margin: 0;
	line-height: 30px;
      font-size: 18px; /* 文字数が多い場合やリンク数が多い場合は数字を下げて調節してください */
	padding: 15px 30px; /* 文字数が多い場合やリンク数が多い場合は数字を下げて調節してください */
}

#main-nav-inner li:hover {
      background-color: #f9f9f9; /* ホバーの色を変えたい方は[#]以下を変更してください */
}

#main-nav-inner a {
	color: #000000; /* 文字の色を変えたい方は[#]以下を変更してください */
}

#main-nav-inner a:hover {
      color: #a3b9e0; /* ホバー時の文字の色を変えたい方は[#]以下を変更してください */
}


!『Like New』のカスタマイズに関して!

『Like New』は定番カスタマイズをデフォルト化し(初期設定として組み込まれています)、文字通りコピペたった一回ですむようにしてあります。

これもデフォルト化してほしい!、こんな風にカスタマイズしたい!などなどのご要望がありましたら、お気軽にご連絡ください。
このブログのコメント欄、もしくはTwitterにて受けつけております!

黒音セシルTwitter

広告を非表示にする