Like New

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

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

強調リンクの実装


以下のような強調リンクもデフォルト化しています。

黒音セシルTwitter

実装方法

強調したいリンクを記事編集画面の【HTML編集】から、以下のコードで囲ってください。

<span class="linkBtn"><span>

例えば、黒音セシルTwitterのリンクに実装したい場合はこのような記述になります。

<span class="linkBtn"><a href="https://twitter.com/oto48_geranium">黒音セシルTwitter</a></span>


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

.linkBtn {
    text-align: center;
}

.linkBtn a {
    display: block;
    width: 75%;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white; /* 文字色を変えたい方は[#]以下を変更してください */
    background-color: #ff6666; /* 色を変えたい方は[#]以下を変更してください */
    border-radius: 5px;
    box-shadow: 3px 3px #eee;
    text-decoration: none;
    font-size: 20px;
    margin: 0 auto;
}

.linkBtn a:hover {
    box-shadow: none;
    color: #000000; /* 文字色を変えたい方は[#]以下を変更してください */
    text-decoration: underline;
    background-color: white; /* ホバーの背景色を変えたい方は[#]以下を変更してください */
    border: 2px solid #ff6666; /* ホバーの枠の色を変えたい方は[#]以下を変更してください */
}

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

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

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

黒音セシルTwitter

広告を非表示にする