WordPress「続きを読む」の変更方法(文字・画像)

wordpress使い方




LINEで送る
Share on LinkedIn
Pocket

WordPressで記事を書いているときに、<!!––more––>を記事本文の途中に入れると、TOPページ等ではそれより前の部分だけが表示され、「続きを読む」のリンクが表示されます。

 

more-wordpress

 

通常ですと、index.phpなどに下記のように記載されている場合が多いです。

 

 

WordPressテーマ「DW Timeline」ではこのリンク部分が普通の「Continue reading →」になっています。今回は、これを画像に変える方法について解説していきたいと思います。

 

英語版の場合はほとんど【Continue reading →】というリンクもしくはReadMoreなどそれに類する言葉が表示されるようです。

 

 

「続きを読む」を任意の文字に変える方法

「続きを読む」(moreタグ)のある場所を探します。archive.phpやcategory.phpの中に入っていることが多いです。たまにindex.phpに入っていることもあります。

<?php the_content() ?>という一文を探しだします。

Macの方は、キーボードで「comand+F」とすると文字検索用のウィンドウが表示されます。

Windowsの方は、「Ctrl + F」とすると文字検索用のウィンドウが表示されます。

そこに、?php the_content() ?と入力して検索すると探し出すのが早くなります。

見つけたら、その文字列の()の中を変更します。

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

htmlも使えるのでCSSで好きなデザインしたり色をつけたり、画像を表示させたりすることも可能です。

 

 

「続きを読む」を画像で表示する方法

続きを読むをテキストリンクではなく、画像リンクで出力したい場合は、テーマ自身にカスタマイズが必要となります。

 

 

画像はテーマフォルダのimagesフォルダの中にアップロードします。

imagesフォルダがない場合は作っておきましょう。

altには、記事タイトルが入力されるようになっているのでSEO対策にも有効です。

../../../images/readmore.pngは、絶対パスで記述してください。

 

LINEで送る
Share on LinkedIn
Pocket

よく読まれている記事




wordpress使い方

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ABOUTこの記事をかいた人

嶋耕作

ライター、自主制作アニメも作ったりしている。自身が主催してきたイベント企画で培った集客運営等のノウハウを使ってサイトやYouTubeなどメディア運営のサポートを行っている。