ワードプレス(WordPress)で「続きを読む」を実装する方法 #wp
2014/11/09
1年以上前の記事です。内容が古い可能性があります。
ワードプレス(WordPress)にはもともと「続きを読む」ボタンを付ける機能があります。
ところが、「つぶくまブログ」ではトップページではないところにブログのトップページに当たる最新記事一覧を置いてしまった関係か、その機能が動いてくれません。
ちなみに、記事途中に「Moreタグ」を入れればそこに「続きを読む」が入るという非常に簡単で便利な機能です。
こんな感じ。

赤で囲まれたボタンを押すと「More…」と書かれたラインが入り、そこに「続きを読む」が入る。
が、これだけじゃ結局できないのが今の環境。
普通にトップページが最新記事一覧であれば問題ないんですけどね。
色々調べてみるとやはり固定ページを使ってPHPプログラムを書いたテンプレートを適応させる方法ではなにもしないと「続きを読む」が表示されないようです。
その場合、以下のようにやれば表示されます。
□ テンプレートタグ/query posts – WordPress Codex 日本語版
続きを読む を表示したい場合は、グローバル変数 $more を 0 にします。
<!–?php
// 投稿 ID が 5 の投稿を表示する
query_posts( ‘p=5’ );// 投稿の始めの部分のみ表示するため $more を 0 にする
global $more;
$more = 0;// ループ
while (have_posts()) : the_post();
the_content( ‘Read the full post ≫’ );
endwhile;
?–>
重要なのは真ん中の部分。
これを僕のテンプレート(blog.php)に書き加えたものが以下。
/**
* Template Name: ブログテンプレート
*/
get_header(); ?>
※中略(HTML表記)
<?php
/* Run the loop to output the posts.
* If you want to overload this in a child theme then include a file
* called loop-index.php and that will be used instead.
*/
global $more;
$more = 0;
query_posts( ‘post’ );
get_template_part( ‘loop’, ‘index’ );
?>
※中略(HTML表記)
<?php get_sidebar(); ?>
<?php get_footer(); ?>
以前のソースとちょっと違いますが気にせずに。
ちなみに「続きを読む」が無いときは。
と、こんなに長かったページが、「続きを読む」を付けたことで、
こんなにコンパクトになりました。
アドセンス広告メイン
関連記事
-
-
PHPでパーミッション(実行権)の設定が必要ない理由
1年以上前の記事です。内容が古い可能性があります。Webテクノロジーも日々進化し …
-
-
「ドキドキまあちゃんゲーム」ってのを警視庁が出したらしい
1年以上前の記事です。内容が古い可能性があります。こんなニュースを見かけて気には …
-
-
「Google」BUZZ(バズ)オープンに併せてリアルタイム検索もオープン?
1年以上前の記事です。内容が古い可能性があります。GoogleがBUZZ(バズ) …
-
-
Webデザイン時のHTML・CSSコーディングにおけるCSSセレクタの優先順位の出し方
1年以上前の記事です。内容が古い可能性があります。WebデザインにおいてHTML …
-
-
なんと今年中にツイッターの過去のつぶやきが全件取得可能になるらしい
1年以上前の記事です。内容が古い可能性があります。とのこと。ツイッター(Twit …
-
-
WordPress(ワードプレス)でトップページ以外にブログトップを設置する方法【完全版】 #wp
1年以上前の記事です。内容が古い可能性があります。つぶくまブログの「←古い投稿」 …
-
-
最近の雑誌は2種類のサイズで売っているらしい
1年以上前の記事です。内容が古い可能性があります。たまたま見かけた日経トレンディ …
-
-
ブログにFacebookの「いいね!」ボタンをつける方法【ライブドアブログ編】
1年以上前の記事です。内容が古い可能性があります。ツイッターやらブログやらで騒が …
-
-
twitterでつぶやいて「はてブ」にブックマークするブックマークレット
1年以上前の記事です。内容が古い可能性があります。ソーシャルブックマークといえば …
-
-
「WordPress(ワードプレス)」のプラグインをインストールする方法3つ
1年以上前の記事です。内容が古い可能性があります。新しい豊洲のお仕事はCMS「W …
- PREV
- 夏の流星群を見に山へドライブへ行こう
- NEXT
- 中国「江沢民」前国家主席が死去は誤報?
Comment
[…] ワードプレス(WordPress)で「続きを読む」を実装する方法 #wp […]