Facebook
RSS Feed
Dec 8, 2016

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

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

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

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

任意の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以降のダウンロードファイルは修正済みです。

by |Posted in アップデート情報

関連記事

今月の人気のワードプレステンプレートBEST 3

WordPressテーマ(スマホ対応レスポンシブデザイン)「Folclore」
ビジネス・企業サイト / マガジン
WordPressテーマ(スマホ対応レスポンシブデザイン)White Studio
ビジネス・企業/コーポレートサイト/公式サイト