TwentyTwelveに「続きを読む」を設置するカスタマイズ

前回の記事でTwenty Twelveのトップページやカテゴリーページを抜粋記事の一覧表示にするカスタマイズをしました。

トップページやアーカイブページで抜粋記事になったのはいいのですが、これに「続きを読む」を設置したいと思いました。だって、こんな表示になってます。

記事抜粋-2

リンクにもなっていないし、これは「続きを読む」に変更したいですね。

[…]を「続きを読む」に変更する場合の注意点

実際にやってみると意外に簡単に出来るのですが、このカスタマイズをする場合に必要になるのがテーマのための関数(functions.php)なのですよ。

WordPressのカスタマイズは子テーマを作ってカスタマイズするのが基本ですが、この「functions.php」に関しては素人が手を出してはいけないファイルなのです。

普通は親テーマの各ファイルをまるっとコピーして子テーマに追加しますが、同じやり方で「functions.php」を子テーマに追加するとサイトが表示されなくなってしまいます。このファイルだけは親テーマと同じ記述(コピー)ができません。

ただし例外があります。親テーマに書いてない記述を新しく追加する場合は追加する分だけを子テーマに追加する事ができます。今回は新しくコードを追加するので子テーマにこのファイルを追加しますが先にバックアップをしておくと安心です。

子テーマに「functions.php」を追加する

ほとんどの方がロリポップサーバーを使っていると思いますのでロリポップの場合で説明していきます。最初にロリポップにログインして「ユーザー専用ページ」に行きます。ユーザー専用ページから「webツール」⇒「ロリポップFTP」と進んで下さい。

続きを読む-1

次に自分のサイトのフォルダーをクリックして「wp-content」⇒「themes」⇒「child(自分の子テーマ)」と進んで下さい。子テーマのフォルダに新規のファイルを追加しますので「新規ファイル作成」をクリック。

続きを読む-2

ファイル名に「functions.php」と記入します。内容は一切書かずに名前だけでOkです。記入したら一番下の「保存する」をクリックしてファイルを作成して下さい。

続きを読む-3

これで子テーマに「functions.php」ファイルが作成されました。もしサイトが表示されない等の不具合がでた場合にはロリポップから今作ったこのファイルを削除する事で解決する事ができます。

WordPressで「functions.php」をカスタマイズする

子テーマに「functions.php」が追加されてますので、WordPressの管理画面から「外観」⇒「テーマの編集」と進み、子テーマの中に先ほど作った「functions.php」があるのでクリックして開きます。

続きを読む-4

初めてfunctions.phpを子テーマに追加し記述をする場合の書き方としてはまず、次のように最初と最後の部分を書いてその中にコードを追加していきます。

この最初のコードを書いた後に「続きを読む」という設定を追加していきます。記述するコードは別の公式テーマから拝借してきたコードですので、これをこのままコピぺして下さい。

これで[…]を「続きを読む」に変更する事が出来ているはずです。

続きを読む-5

最後に注意点を

この「functions.php」は記述をちょっと間違えただけでもサイトが表示されなくなります。その場合は一度ロリポップFTPで子テーマの「functions.php」ファイルを削除してもう一度やり直してみる事をおすすめします。また、今後WordPress自体の更新やTwentyTwelveのテーマ更新で不具合が出た時もまずこのファイルを疑ってみて下さい。

それでは次回はアイキャッチ画像のサイズをページトップページや個別ページで変えるカスタマイズをしていきます。

最終更新日:2018/06/06

TwentyTwelveに「続きを読む」を設置するカスタマイズ”に21件のコメントがあります。

コメントの反映には時間がかかる場合があります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

  1. ブロガーの卵

    しげぞう様

    お返事ありがとうございます。
    右上のコピーボタンを使ってコピペを試したのですが、やはり同じエラーが出てしまいました。
    プラグインを使うなど、別の方法を考えてみようと思います。
    ご丁寧にありがとうございました。

  2. しげぞう 投稿作成者

    ブロガーの卵様

    エラーが出るのは記述にミスがあるかコードミスがあるかどちらかです。

    まず、functions.phpの編集ですが、ちょっと本文修正しました。閉じるカッコをなくして、最初のphpだけにしてます。閉じるカッコがあっても問題ないですが無くても良いとの事なので。

    このfunctions.phpの最初の記述は最初だけです。記述を追加するたびに書くのではなくて、最初の1回書いてあればOKなので、これの後にどんどん記述をしていきます。

    それから記事内のコードが書いている所の右上にコピーするボタンがあります。このコピーでコピペを試してみて下さい。

  3. ブロガーの卵

    最近ブログを始めることになり、大変参考にさせていただいております。
    「続きを読む」を設置すべく、ご提示いただいたコードをコピペしたのですが、「ファイルの更新」ボタンを押すと「syntax error, unexpected ‘return’ (T_RETURN)」というエラーが出てしまいます。
    考えられる原因や解決法がわかりましたら、ご教示いただけますでしょうか。
    何回コピペをやり直しても同じエラーになるので、コピペミスではないと思うのですが…
    ひとつ前の記事の「…」の表示はできています。