テクノロジー・動画・写真・デザインとか

2ステップでWordPressのmoreの前後で記事を簡単に分割する方法

WordPress記事内に<!–more–>のコードを入れると、その<!–more–>よりも前にある文章が抜粋記事として表示されるのだが、その箇所の文章の前後を分割して特定のボタンとかバナーを入れたやり方をまとめてみた。

イメージとしては、こんな感じだ。

<!–more–>よりも前の文章
[バナーとかボタンとか、PHPのコードとか]
<!–more–>よりも後の文章

Adsenseのバナーを貼っている人なんかは、これは使えるのではないだろうか。
導入したのは、Wordpressのtwentyelevenのテーマだ。

ちなみに、単純にバナーのみの挿入だったら専用のプラグインがあるが、今回はカスタムフィールドとPHPコードを挿入したかったため、この手順を使っている。

①function.phpにコードを追記

では、早速手順を追ってみよう。
まずは、下記のコードをテーマフォルダの中に入っているfunction.phpに追記する。

続きを読む

②function.phpに追記した処理を呼び出して表示

続いては、function.phpに追記した処理を呼び出して表示させるための呼び出しコードを記述だ。
記述する箇所は、テーマフォルダのcontent-single.php。

content-single.phpを開いたら下記のコードを検索。

そしたら下記のように書き換えて終了!
簡単だね!

参照したのはこちら。
http://ja.forums.wordpress.org/topic/1114
これを作ってくれた人に感謝!

カテゴリ:WordPress