続きを読むをカスタマイズする方法

ワードプレスのトップ画面の「続きを読む」を「Read more」などにカスタマイズするのは、プラグインも不要でとても簡単です^^

 

こちらの記事では、賢威7で「続きを読む」を好きな画像にカスタマイズする方法を紹介します!

 

WordPress(賢威7)で「続きを読む」を簡単にカスタマイズする方法を動画で解説!

下準備として、メモ帳やワードパッド等(何でもOKです)に

こちらのソースコード↓

<p class=link-next><a href=<?php the_permalink() ?>><img src=画像のURL></a></p>

こちらのソースコード↑

を貼り付けておいてください^^

WordPress(賢威7)で「続きを読む」を簡単にカスタマイズする方法を画像とテキストで解説!

下準備

1.メモ帳やワードパッド等(何でもOKです)に

こちらのソースコード↓

<p class=link-next><a href=<?php the_permalink() ?>><img src=画像のURL></a></p>

こちらのソースコード↑

を貼り付けておいてください^^

 

2.

WordPressダッシュボードの

「外観」→「テーマの編集」を順にクリック

 

続きを読むをカスタマイズする方法

「cont.php」をクリック

 

<p class=”link-next”><a href=”<?php the_permalink() ?>”><?php _e(‘see more’, ‘keni’); ?></a></p>

という記述を検索して見つけておく。

検索のしかた
Windows:Ctrlキーを押しながらF
Mac:commandキーを押しながらF

すると、

<p><?php echo strip_tags(get_the_excerpt()); ?></p>
<p class=”link-next”><a href=”<?php the_permalink() ?>”><?php _e(‘see more’, ‘keni’); ?></a></p>
</div>

↑こんな感じでオレンジに網掛けされるので、後で分かりやすいです☆

 

3.ワードプレスのメディアライブラリに、使いたい画像をあらかじめ保存しておいてくださいね。

WordPressのメディアライブラリに画像を保存する方法はこちら

WordPressのメディアライブラリに画像を保存する方法を解説!

使いたい画像のURLをコピー

WordPressのメディアライブラリの中で、使いたい画像のサムネイルをクリック

続きを読むをカスタマイズする方法

URLという枠内のURLを全てコピー

下準備しておいたメモ帳/ワードパッドに画像URLをペースト

<p class=”link-next”><a href=”<?php the_permalink() ?>”><img src=”画像のURL“></a></p>

画像のURLとなっているところに、先ほどコピーしておいた画像URLをペースト

 

すると、こんな感じ↓の雰囲気になるはずです

<p class=”link-next”><a href=”<?php the_permalink() ?>”><img src=”http://behapy-mike.com/wp-comtemt/uploads/medore.jpg”></a></p>

 

このコードを全てコピー

コードをcont.phpにペースト

WordPressダッシュボードの

「外観」→「テーマの編集」を順にクリック

 

続きを読むをカスタマイズする方法

「cont.php」をクリック

 

下準備の時に検索で見つけておいた

<p class=”link-next”><a href=”<?php the_permalink() ?>”><?php _e(‘see more’, ‘keni’); ?></a></p>

を削除して、その場所に先ほどコピーしたコードをペースト

 

 ファイルを更新  をクリック

 

これで「続きを読む」をカスタマイズすることができました^^

さいごに

ワードプレスの「続きを読む」をカスタマイズするとオシャレになるので、とてもオススメです^^

 

まれに、カスタマイズしたのに変更が反映されないことがありますが、その場合はこちらの記事を参考にしてみてくださいね☆

WordPressでCSS編集後に反映されない時の対策はキャッシュ削除!

【WordPressを断捨離】賢威7があれば設定不要なプラグイン7選!