技術は楽するために

日々の開発で作ったプログラムの一部を公開していきます。

「続きを読む」を10分でお手軽カスタマイズする方法

本ブログに「続きを読む」を挿入しました。
デザインを少しだけ改変したので、備忘録も兼ねて公開します。


「.entry-content .entry-see-more」を編集するとできます。

.entry-content .entry-see-more {
    background-color: rgba(34, 137, 142, 0.86); /*背景色*/
    border-radius: 2px; 
    box-sizing: border-box;
    color: #e6e6e6; /*文字色*/
    display: inline-block;
    font-size: 0.975em; /*文字サイズ*/
    line-height: 35px;
    min-width: 100px;
    text-align: center;
    font-weight: bold;
    /* text-decoration: none; */
}

背景色、文字色、文字の大きさなどを変えました。
続きを読むを挿入すると記事がすっきりするので、個人的におすすめです!