HOME  /WordPress(初級)
 /Twenty twelve の投稿ページの一覧表示を抜粋表示に変更する。
2020年03月27日

Twenty twelve の投稿ページの一覧表示を抜粋表示に変更する。

 ­メモ

このドキュメントは2016年の初期サイトの時に作成したドキュメントです。

WordPressが全然わからない状態から、とりあえず動く状態まで持っていったやり方を記述しています。

ある程度判っている方は応用編を参照してください。

現在サイトはこの応用編の技術で作成されています。

Twenty twelveの投稿ページには下記の種類があります。

①投稿ページ

ドキュメント本文を表示するページ

②検索ページ

検索キーワードで一致したドキュメント(一覧表示)

③カテゴリページ

カテゴリのドキュメント(一覧表示)

④HOMEページ

総てのドキュメント(一覧表示)

⑤アーカイブページ

月単位のドキュメント(一覧表示)

⑥タグページ

タグ単位のドキュメント(一覧表示)

その中で①の投稿ページ以外は総て一覧表示になります。

 

また一覧表示の中で

②の検索ページだけが抜粋表示

それ以外は全文表示になり『続き』のタグが入ってないと全文が次々に表示される仕様になっています。

 

このドキュメントは一覧表示は総て抜粋表示にする方法が記載されています。

1.一覧表示を抜粋表示に変更する

この変更はcontent.phpで行います。

content.phpは投稿ページのカスタマイズ方法で既にtwentytwelve_childフォルダにコピーされているので、このファイルを修正する事になります。

 ファイルの格納場所は下記になります。
<WordPressのサイト名>→wp-content→themes→twentytwelve_child→content.php

1)変更を行う前に知っておくべきこと

このcontent.phpは、色々なプログラムからcallされており、関係は下記の様になります。

ページ種類 判断する関数 表示する関数 content.phpを呼ぶプログラム
①投稿ページ is_single() the_content() single.php
②検索ページ is_search() the_excerpt()  抜粋表示 search.php
③カテゴリページ is_category() the_content() category.php
④HOMEページ is_home() the_content() index.php
⑤アーカイブページ is_archive() the_content() archive.php
⑥タグページ is_tag() the_content() tag.php

よって検索ページだけが抜粋表示である!という事は、is_search()の場合だけthe_excerpt()で表示するというプログラムがcontent.phpに記述されているという事になります。

そこでcontent.phpを見ると下記の記述があります。

<?php if ( is_search() ) : // Only display Excerpts for Search ?>
 <div class="entry-summary">
 <?php the_excerpt(); ?>
 </div><!-- .entry-summary -->
 <?php else : ?>
 <div class="entry-content">
 <?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentytwelve' ) ); ?>
 <?php wp_link_pages( array( 'before' => '<div class="page-links">' . __( 'Pages:', 'twentytwelve' ), 'after' => '</div>' ) ); ?>
 </div><!-- .entry-content -->
 <?php endif; ?>
 

赤字の所が検索の時は抜粋表示にする所です。

青字の所が検索以外のページの処理です。

2)変更方針と具体的な変更方法

【変更方針】

投稿ページは全文表示。それ以外のページは抜粋表示にする。
よって検索ページで判断するのでなく投稿ページで判断する方法に変更します。

【変更前の構文】

上記のプログラムから下記の部分を探してください。検索ページで判断しています。

<?php if ( is_search() ) : // Only display Excerpts for Search ?>

【変更後の構文】

上記のプログラムを下記に変更してください。

<?php if (! is_single() ) :  ?>

    【解説】

is_single()は、投稿ページです。
!マークは以外を表します。
よって上記は投稿ページ以外は抜粋表示にしろ!という事になります。

その他の参考にして欲しい情報

①抜粋表示は下記の表示条件で表示されます。

・各投稿の抜粋に記載しない場合:改行を省いて54文字が表示されます。

・各投稿の抜粋を記載した場合   :総ての抜粋記事を表示します。

②ページの種類によりページの先頭部分が異なります。

例えばカテゴリページを抜粋表示で表示させると、抜粋表示の手前にカテゴリの説明文がでます。
この説明文を省略したい場合は1)変更を行う前に知っておくべきことの所で記載してある各ページのプログラムを子テーマにコピーして修正すれば変更する事が可能になります。

以上で、Twenty twelve の一覧表示を抜粋表示に変更は完了です。

 

<ドキュメントガイド>

前のテーマ:Twenty Twelveのフッターを編集してCopyright表現にする

次のテーマ:Twenty Twelveのフロントページを固定ページにする

 

 

 

以上でこのドキュメントの説明は完了です。

関連ドキュメントは下記の関連記事一覧から探して下さい。


<関連記事一覧>

「wordpress」に関連するドキュメントを表示しています。尚、このページネーションはJquryで制御しています。

WordPressをインストールするとディフォルトではサイトURLはドメイン名/WordPressフォルダになります。これをドメイン名だけにする為にSynologyの仮想ホスト機能を使います。本ドキュメントはこの使い方を解説しています。

WordPressの動作環境を変更すると、DBをダイレクトに変更しなければならないケースがあります。このドキュメントはphpMyAdminのエクスポートとインポートを使って修正した事例を紹介しています。

ここではSynoligyサーバを「Hyper Backup」アプリケーションで、Googleドライブにバックアップ/リストアする方法を解説しています。

Synologyを複数台持っている場合は、Synology間でバックアップを相互に持たせる事ができます。ここではその方法を解説しています。

SynologyのMariaDBから、mysqldumpを使ってDBを定期的にダンプする方法と、それを利用してWordPressを過去の時点に戻す方法を解説しています。

フロントページやカテゴリページを使って最終的なメニュ構成を作成する方法を紹介しています。

Contact Form 7では確認用のe-mailアドレスをチェックする方法がありません。このドキュメントはContact Form 7のフィルターフックの機能をfunctions.phpに記述する事によりこれを可能にする方法を紹介しています。

固定ページに必要なのは、読者からの問い合わせを受けるメールフォームです。これを実現する為に『Contact Form 7』のインストールと設定、更にメールを送るためのSMTPとして、『WP-Mail-SMTP』のインストールと設定事例を紹介しています。

カテゴリページの表示を抜粋表示に変更してもこのカテゴリーの何処にどの様なドキュメントがあるか?は良く分かりません。そこで解説ページを固定ページに書き、カテゴリページの表示の時に、この固定ページを表示させる方法を解説しています。

このドキュメントは投稿ページと固定ページの違いや固定ページのプログラム構造を説明し、この固定ページを広幅表示に変更するための具体的カスタマイズ方法を紹介し更に固定ページのタイトルを非表示にする方法も解説しています。

ヘッダーはWEBサイトの顔になりますがTwenty Twelveのヘッダーは貧弱です。ヘッダーはタイトル、説明及びメニューから構成されており、このドキュメントはこれらをカスタマイズする方法が記載されています。

このドキュメントはウィジェットエリアの考え方とCSSを編集して少し見栄えの良いウィジェットエリアする方法を解説しています。

一般のテキストボックスを使ってPHP/HTMLソースを記述するとhttp画面で正しく表示されない問題が発生します。
このドキュメントはTinyMCE Advancedに整形済みテキスト(preformatted text)を使ったボックスを作成する方法を紹介しています。

このドキュメントはsingle.phpとcontent.phpをカスタマイズし、投稿ページの<前の記事><次の記事>のリンクを削除。メタ情報はカテゴリと投稿日を削除し編集のみとし、最後に記事タイトルの前に更新日をいれ、記事タイトルを装飾した事例です。

Twenty Twelve のフッターには『Proudly powered by WordPress』という文字が出力されます。これを通常サイトの様に『Copyright表現』に変更する方法を記載しています。

本ドキュメントではBreadcrumb NavXTのインストールからそれを表示させる為のheader.php及びCSSの編集方法と表示されたパンくずリストをビジュアルアイコンを使ってよりビジュアルにする方法を説明しています。

アイコンも文字を使ったWEBサイトをよく目にしますが、WPのビジュアルエディタで使えるプラグインが『WordPress Visual Icon Fonts』です。このドキュメントには、インストールの仕方と簡単な使い方を紹介しています。

このドキュメントはTinyMCEのビジュアルエディタとhttp画面を一致させる設定や、見出しや段落等のテキストエリア要素の設定、テキストボックスの新設方法、及び表がビジュアルエディタで利用できる設定等TinyMCEの使いこなす為のテクニックを紹介しています。

このドキュメントはCSSのカスタマイズ編です。内容はTwenty Twelveの画面構成解説、子テーマの作り方、CSSを編集する際の注意点、具体的なCSSカスタマイズ事例。事例はスマートデバイスにも対応させる為に%指定をしています。

本投稿はTwenty Twelveの投稿のカテゴリ設定や文書の作成について事例と注意点を記載しています。

WordPressをインストールする時に、ログインユーザ名を指定しますが、デフォルトのままではブログの表示名も上記ログインユーザ名が使われます。これを変更する方法を解説しています。

WordPressをインストールして、WPのテーマを『Twenty Twelve』決めた次に悩んだのは、ダッシュボードにある『設定』をどの様に設定したら良いか?です。本ドキュメントではこのWEBサイトの設定をどの様にしたのか?を解説しています。

本サイトのWordPressのテーマは、Twenty Twelveで構築しました。本ドキュメントでは何故、このテーマを選択したのか?の背景と設定方法を解説しています。

WordPressのCSSファイルやPHPファイルを編集する為には『UTF-8 の BOM なし』のテキストエディタが必要になります。本稿ではこのサイトで使っているEmEditor Free版の利用事例を紹介しています。

SynologyのWordpressパッケージをインストールする方法を解説しています。

画像を取り込むツールとしてOnePerss Image Elevator、サムネールの再構築にRegenerate Thumbnailsを利用しています。このドキュメントは画像に関するツールと管理方法について解説しています。

SynologyのNASに日本語版WordPressをインストールするやり方を解説しています。複数のWordPressも同一手法で稼動させることができます。