創作ポスト

創作物の力で元気になろう。すてきな創作物を知りたい人、自分で創作物を作っている人に向けて、手紙を書くように記事を届けます。

WordPressのSTINGER6で「続きを読む」を表示する方法

      2016/05/15

WordPressのテーマSTINGER6で、記事一覧ページの「続きを読む」を表示する方法をまとめました。
「続きを読む」が表示されない! カスタマイズ方法がわからない! という人は参考にして下さい。

作業を始める前の注意点

まずはバックアップを取りましょう。
今回いじるのは、
 wordpressインストールフォルダ > wp-content > themes > stinger6
このディレクトリ直下にある、functions.php, style.cssの2点です。

万が一phpファイルの設定を間違えてしまいWordPressが開かなくなってしまった場合は、ここでバックアップを取ったファイルをアップロードしなおしましょう。

作業開始前の状態

作業開始前の状態は、下図です。
作業開始前

赤枠でくくった文末に「…」が表示されているだけで、「続きを読む」のリンクがありません。
この状態だと、記事本文を見るためには、記事ヘッダーのタイトルをクリックするしかありません。
ここに、「続きを読む」のリンクを追加するのが今回の目的です。

問題となる箇所

記事全文から抜粋された冒頭の文章に対し、以下省略の「…」を付け加えているのは、以下の記述です。
対象ファイルはfunctions.phpです。

「//ここを変更する!!」と書いた行に変更を加えます。
文章が省略されていることがわかるように、「…」は消さずに、「続きを読む」のリンクを付け加えます。

get_permalink()で、対象の記事のURLを取得しています。
詳しくはWordPressの関数リファレンスをチェックして下さい。

ここで注意ですが、get_permalink()にセミコロンを付けてしまうと、セミコロンまでで行が終わったことになってしまい、次の行が「.」から始まることになってしまいます。
こうなるとエラーが発生し、WordPressが動かなくなるので気をつけましょう。

スタイルの調整

最後に、続きを読むのリンクを右寄せにします。
style.cssに、以下の記述を追加します。

ここまでの記述によって、以下の図のような見た目になりました。

調整後

完成です! ブログ運営頑張りましょう!

 - Webサイト運営, WordPress ,

PAGE TOP