アップデート情報
2016-12-08

【アップデート情報】LOVE LETTERの続きを読むリンク（moreタグ）のカスタマイズ方法

重要度★☆☆

テーマ「LOVE LETTER」をご利用の方にお知らせです。
WordPress4.7にアップデートしたら「続きを読むリンク」の背景色が出なくなった、
という報告がありましたので、以下に解決方法を解説します。

1）index.phpとcategory.phpからbt-moreクラスを削除

◎ダッシュボード＞外観＞テーマ編集＞メインインデックスのテンプレート(index.php)
◎ダッシュボード＞外観＞テーマ編集＞カテゴリーテンプレート (category.php)

<?php the_content('<div class="bt-more">続きを読む</div>'); ?>

↓

<?php the_content('続きを読む'); ?>

任意のclass名が付くようにしていたのですが、これを削除します。
WordPress本体から自動で.more-linkが付けられるので、そちらを利用します。

2）スタイルシート（style.css）に以下を追加

◎ダッシュボード＞外観＞テーマ編集＞スタイルシート（style.css）

スタイルシート内（どこでも大丈夫です）に以下の記述を追加します。

.more-link {
    font-size: 14px;
    letter-spacing: 0.1em;
    color: #fff;
    background: #ccc;
    text-align: center;
    padding: 10px 20px;
}

.more-link:hover {
    color: #fff;
    background: #5EBABA;
    text-decoration: none;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
}

カラーやフォントサイズ等はお好みで変更してください。
以上です。

＊必ずバックアップを取ってからカスタマイズしてください。

＊本日2016年12月8日15:00以降のダウンロードファイルは修正済みです。

おすすめWordPressテーマ10選
by