自由でクリエイティブな暮らしを応援!
Search

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

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

 

 

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

 

<?php the_content( __('<span class="moretext">Continue reading →</span>') ); ?>

 

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で好きなデザインしたり色をつけたり、画像を表示させたりすることも可能です。

 

 

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

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

 

<?php the_content('<img src="' . get_bloginfo('template_directory'). '../../../images/readmore.png" alt="'. the_title('', '', false). '" title="'. the_title('', '', false). '" />'); ?>

 

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

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

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

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

 

]]>

いいね、シェア、フォロー歓迎!2020テーマは「自然から学び自然と共に生きる」

EVAHKS

運営:嶋耕作(しまこうさく)『相場の熊さん』の愛称で親しまれているFX裁量トレーダー、ライター。自然が好きで日本国内に山所有。ひいお爺様は外交官。20代前半に教育関連事業にて年商3億円達成。その後、肺炎で臨死体験。世界人口4%の性格タイプを持つ。自由と安定。混乱と静寂。異なる性質のふたつを併せ持っている。趣味は読書、映画、アニメ、PUPG、人狼ジャッジメント、バスケ、音楽。好きな場所は、海、森、温泉、猫の肉球。漫画の島耕作はサラリーマンですが、サラリーマンはこの世で一番やりたくない仕事です。

1 Comment
  1. […] 関連記事:WordPress「続きを読む」の変更方法(文字・画像) […]

Leave a Comment

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください