WordPressのクエリについて

クエリについて

クエリの概念がわかりづらいので、丁寧に説明していきます。クエリとは、WordPress内でどのようにループを行うのか指定する命令です。

クエリとメインクエリがあります。 WordPress標準で備わっているのがメインクエリです。

メインクエリ

メインクエリは表示しているページによって動きが変化します。
例えばindex.phpでは表示設定で入力した数字だけループを行います。 single.phpでは１度だけループし、カテゴリページではカテゴリ指定した記事のみを自動的にループしてくれる仕組みが最初から備わっているわけです。

<!--?php 
if(have_posts()):　　//もし投稿があるのなら
while(have_posts()):　　//次の記事があれば調べます
the_post();//　　次の記事を取得します。
?-->
個々の記事がループする
<!--?php 
endwhile;
endif;
?-->

<!--?php

if(have_posts()):　　//もし投稿があるのなら

while(have_posts()):　　//次の記事があれば調べます

the_post();//　　次の記事を取得します。

?-->

個々の記事がループする

<!--?php

endwhile;

endif;

?-->

サブクエリ

メインクエリ以外にループさせたいものがあった場合(例えばサイドバーに最新の記事一覧を表示させる等です。)、新しくクエリを自作しなくてはなりません。そこで使用するのはWP_Queryです。

サブクエリのサンプルです。

$args = array( 
'post_type' =&gt; 'post'
'posts_per_page' =&gt; 5,
);
$the_query = new WP_Query( $args );
while ( $the_query-&gt;have_posts() ) : $the_query-&gt;the_post();
the_title();
endwhile;

$args = array(

'post_type' => 'post'

'posts_per_page' => 5,

);

$the_query = new WP_Query( $args );

while ( $the_query->have_posts() ) : $the_query->the_post();

the_title();

endwhile;

一行ずつ見ていきます。

$args = array( 'post_type' =&gt; 'post' );

1	$args = array( 'post_type' => 'post' );

どんなループを作るのか、決めて$argsに代入しています。
ちょいちょい忘れる『WP_Query』の使い方 | 予習と復習で、どのループをどんなふうに作るかわかりやすいと思います。膨大にありますが、この組み合わせでWPのコンテンツをどのように見せていくのかが肝になって行きます。ここではposttypeで投稿記事だけを、postsper_pageで５だけ繰り返すと指定しています。

$the_query = new WP_Query( $args );

1	$the_query = new WP_Query( $args );

ここで$argsの入ったクエリを新たに作る宣言をしています。その塊を$the_queryに代入しています。

while ( $the_query-&gt;have_posts() ) :

1	while ( $the_query->have_posts() ) :

while文でどれだけの間ループを繰り返すのかを決めています。この場合$the_queryの回数分、記事があるだけ繰り返す、という意味になります。

the_title();

1	the_title();

は単一のタイトルの表示を示します。

endwhile;

endwhile;

ここで、条件以外になったらループをやめます。

参考

関数リファレンス

WordPressで押さえておきたい！getposts,WPQuery,query_posts の違いと用例｜TECHNICAL BLOG｜株式会社エムハンド

WordPressテーマの「while (haveposts()) : thepost();」の意味は？ | PHPプログラミングの教科書 [php1st.com]

WordPress ループ＆クエリーのモヤモヤを解消しよう！ | wpxtreme

pregetpostsアクションフックについて

pregetpostsはWordpressがメインクエリを実行する前に呼び出される「アクションフック」と呼ばれるもの。メインクエリの内容を変えたいときに利用するといい。 function.phpに記述していく。

add_action('pre_get_posts','test_pre_get_posts');
function test_pre_get_posts($query){
//管理画面
if(is_admin()||!$query-&gt;is_main_query()){
return;
}
//トップページ
if($query-&gt;is_home()){
$query-&gt;set('posts_per_page',3);
return;
}
}

add_action('pre_get_posts','test_pre_get_posts');

function test_pre_get_posts($query){

//管理画面

if(is_admin()||!$query->is_main_query()){

return;

}

//トップページ

if($query->is_home()){

$query->set('posts_per_page',3);

return;

}

一つづつ解説していきます

add_action('pre_get_posts','test_pre_get_posts');
function test_pre_get_posts($query){

1 2	add_action('pre_get_posts','test_pre_get_posts'); function test_pre_get_posts($query){

ここでフックの指定をしています。testpreget_postsはユーザー定義関数。

if(is_admin()||!$query-&gt;is_main_query()){
return;
}

if(is_admin()||!$query->is_main_query()){

return;

}

ifで条件を指定しています。ここではメインクエリかつ管理画面では適用しない、という条件になっています。ismainqueryは現在のクエリがメインクエリかどうかを判断する関数です。

更にはこんなふうに描くことも出来ます。

if ( is_admin() &amp;;&amp;; $query-&gt;is_main_query() &amp;;&amp;; $query-&gt;is_month() )
return;
}

if ( is_admin() &;&; $query->is_main_query() &;&; $query->is_month() )

return;

}

管理画面でメインクエリーで月別アーカイブの時に適用させる書き方です。

if($query-&gt;is_home()){

1	if($query->is_home()){

ここでも条件式を書いています。ishomeでトップページの場合次のクエリーの処理を実行するという意味です。
ishome()をis_category（）とすればカテゴリーページのみの対象となります。

$query-&gt;set('posts_per_page',3);
return;

1 2	$query->set('posts_per_page',3); return;

$query->set(‘パラメータ’,’値’)
とすることでさまさまな条件を指定できます。例として

$query-&gt;set('author_name','yamada'); //ニックネーム山田に対して
$query-&gt;set('category_name','story');//storyタグのみに対して

$query->set('author_name','yamada'); //ニックネーム山田に対して

$query->set('category_name','story');//storyタグのみに対して

WordPressでホームやアーカイブ毎に表示条件を変える（ismainquery と pregetposts フック） – Gatespace’s Blog

WordPress contact-form7の使い方

超メジャーなコメントフォームプラグインcontact-form7を使用してみた際の覚書。

以下のURLからプラグインをダウンロードし有効化する。

https://ja.wordpress.org/plugins/contact-form7-autocomplete/

メニューに「お問い合わせ」という項目が出現する。

ショートコードをゲットする。ここでは以下の様になっている。

[contact-form-7 id=”68″ title=”コンタクトフォーム 1”]

固定ページに「お問い合わせ」の様なページを作成し、先程のコードを記載する。

作成した固定ページを表示し、テスト送信してみる。

お見事。

もう少し項目を増やして見る。

例えば電話番号の項目を増やすとする。

1:送信先のメールアドレス

2.差出人のアドレス

3.メールの件名

4.追加ヘッダー　「Cc: test01@example.com」「Bcc: test01@example.com」また複数の場合は「Bcc: test01@example.com, test02@example.com」の用に記述する

5 本文 HTMLで<dl><dt><dd>で囲むとデザインがしやすくて良い。

サンクス画面の設置

固定ページに新たに確認ページを作成、これをthanksとスラッグをつけ、フォームページ(/contact)の小ページにする(/contact/thanks)。

問い合わせに戻り、その他設定タブに以下を記述する。

on_sent_ok: ‘location.replace(“/contact/thanks/”);’

これでメッセージ送信が行われると、thankページに移動することができる。

ContactForm7には確認画面が無い。確認画面を付属させる拡張プラグインも出ているが、初めから備え付けているフォームを使うほうがメンテの観点からおすすめ。

MW WP Form — WordPress Plugins – https://ja.wordpress.org/plugins/mw-wp-form/

NHKスペシャル縮小日本の衝撃

25年後

100年近く行われてきた国勢調査で日本の人口がマイナス94万7千人減少している事がわかった。北海道の団地がもぬけの殻になっている。陸路では通えなくなった土地もある。島根県では大正時代よりも人口が少なくなっていった。大正9年に行われた国勢調査で5千6百万だったがそれから産めよ増やせよと人口が爆発的に増えていったが、この先数十年は急激に減少に転じる。続きを読む

VCCWでWordPress環境を構築

VCCWのインストール方法

仮想環境を作ってwordpressを扱おうと思う。xamp,mampがあると思うが、vccwを使うことで、より簡単に様々なことができるようになる。データベースの作成も不要、本番環境との同期も楽チン。

インストール編

virtualboxとvagrantのインストールをする。

以下のプラグインをインストール。

vagrant plugin install vagrant-hostsupdater

1	vagrant plugin install vagrant-hostsupdater

名前をつけてダウンロード VCCWもダウンロードして好きな名前にリネームする。ユーザーフォルダ直下に「Vagrant」フォルダを作って移動する。

$ git clone https://github.com/vccw-team/vccw.git hogehoge

1	$ git clone https://github.com/vccw-team/vccw.git hogehoge

※vagrant 1.8.7の場合以下のコマンドが必要

$ sudo rm /opt/vagrant/embedded/bin/curl

1	$ sudo rm /opt/vagrant/embedded/bin/curl

その後VagrantBoxにVCCWを追加する。

$ vagrant box add miya0001/vccw

1	$ vagrant box add miya0001/vccw

初期設定

provision/default.ymlをコピーして「site.yml」にする。

$ cd ~/Vagrant/hogehoge/
$ cp provision/default.yml site.yml
hostname: hogemoge.local
ip: 192.168.33.11
memory: 1024
lang: ja
plugins:
- contact-form-7

$ cd ~/Vagrant/hogehoge/

$ cp provision/default.yml site.yml

hostname: hogemoge.local

ip: 192.168.33.11

memory: 1024

lang: ja

plugins:

- contact-form-7

こんな感じで書いておいて使い回しすることができる。

立ち上げ

hogehogeディレクトリに行ってVagrantを立ち上げます。

$ cd hogehoge  
$ vagrant up

1 2	$ cd hogehoge $ vagrant up

WordPress

https://hogemoge.local/ か 192.168.33.11でアクセスできる。管理画面にはwp-login.phpで入ることができる。passとIDはadmin/admin。

WordPressメモ書き

記事一覧にサムネイルを表示する

        <!--?php if(has_post_thumbnail()): ?-->;
            <!--?php $postthumb = wp_get_attachment_image_src(get_post_thumbnail_id(),'medium'); ?-->;
            <img src="&lt;?php echo $postthumb[0];?&gt;;" alt="" />;
        <!--?php else: ?-->;
            <img src="&lt;?php echo get_template_directory_uri(); ?&gt;;/picnic.jpg" alt="" />;
        <!--?php endif;  ?-->;

;

;

<img src="<?php echo $postthumb[0];?>;" alt="" />;

;

<img src="<?php echo get_template_directory_uri(); ?>;/picnic.jpg" alt="" />;

;

mythumb()のパラメータで異なるサイズのサムネイルを出力する。

投稿日の追加

index.php

       <time datetime="&lt;?php echo get_the_date('Y-m-d'); ?&gt;;">;
            投稿:<!--?php echo get_the_date('y年m月d日'); ?-->;
        </time>;

<time datetime="<?php echo get_the_date('Y-m-d'); ?>;">;

投稿:;

</time>;

index.phpにページネーションを追加する

<!--?php echo paginate_links(array('type'=&gt;;'list')); ?-->;

1	<!--?php echo paginate_links(array('type'=>;'list')); ?-->;

カテゴリページを作成する

index.phpを複製しcategory.phpを作成する。そのファイルの上の方に

<!--?php if(have_posts()):while(have_posts()):the_post(); ?-->,?php if(have_posts()):while(have_posts()):the_post(); ?&gt;

1 2	<!--?php if(have_posts()):while(have_posts()):the_post(); ?-->,?php if(have_posts()):while(have_posts()):the_post(); ?>

を追加するとカテゴリーを選ぶと専用ページにカテゴリータイトルが表示される。

タグページを作成する

category.phpをコピーしてtag.phpにコピーする。

VCCWのインストール方法

VCCWのインストール方法

##インストール編

virtualboxとvagrantのインストールをする。

以下のプラグインをインストール。

]

vagrant plugin install vagrant-hostsupdater

1	vagrant plugin install vagrant-hostsupdater

名前をつけてダウンロード VCCWもダウンロードして好きな名前にリネームする。ユーザーフォルダ直下に「Vagrant」フォルダを作って移動する。続きを読む