強調リンクの実装

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

黒音セシル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