wordpress」カテゴリーアーカイブ

WordPressで投稿ごとにテンプレートを変える

この記事は【2016年12月18日】と作成から2年以上経っているため、記事の内容が古い可能性があります。最新の情報を合わせてご確認されることを推奨いたします。

2016/12/6にWordPress4.7『Vaughan(ヴォーン)』がリリースされましたが、このリリースから投稿タイプ[1]WordPressでは、投稿種別を識別するタイプという識別子データを内部に保持しています。post、page、attachmentなどそれぞれ投稿種別毎に識別子が割り当てられています。
http://wpdocs.osdn.jp/投稿タイプ
が「投稿」についても「ページ」と同様にテンプレートを選択することができるようになりました。以前はプラグインを使ってテンプレートを切り替えていたと思いますが、4.7からはWordPress本体だけでそれが可能になったみたいですので早速試してみたいと思います。

テンプレートの仕組みのおさらい

今までは、投稿タイプが「ページ」のものについては、テンプレートのコメントヘッダに以下のように記述することでWordPressがテンプレートとして認識してくれました。

WordPressの内部ではテーマディレクトリ下のファイルをスキャンして、ファイル内にTemplate Nameという文字列が存在する場合にテンプレート名として取得するようになっています(wp-includes/class-wp-theme.php)。ここで取得されたテンプレート名は、管理画面内で『ページの編集画面>右サイドの「固定ページの属性」』で選択できるようになります。

ちなみに余談ですが、以下の場合はどうなるか?

テンプレートがサブディレクトリにある場合は?

サブディレクトリにphpファイルがあっても問題ありません。ただし、ディレクトリ階層が2階層以上の場合は認識されません。以下の例で言うと、page_template_sub1.phpまではOKですが、page_template_sub2.phpは認識されません。これは、1階層までをスキャンするようになっているためです。

Template Nameは先頭でないと駄目か?

Template Nameは、必ずしもファイル先頭でなくても大丈夫ですが、何かと悩まないためにも先頭の方が良いです。正規表現で該当文字列を探索していますが、そこまで厳密ではありませんので以下のような例もOKになります。

ただし、こんな場合は思わず悩まされてしまうかもしれないので注意が必要です。

ファイル内の最初のマッチ情報を使うので、本来使って欲しい「こっちが使われない」のテンプレートが使われません。ということで、テンプレートファイルはテンプレート名でトラブルにならないよう見通し良く作成するのがよいと思います。

新しくなったテンプレート

今までは投稿タイプが「page」に対して可能でしたが、様々な投稿タイプに対してテンプレートを指定することができるようになりました。具体的には、以下のような指定の仕方になります。Template Post Typeという新しいプロパティを指定することができ、投稿タイプをカンマ区切りで指定する形になります。

この状態で投稿の編集画面を開くと以下のようにテンプレートを選択できるようになります。

また先の例では、投稿タイプにページ(page)も指定しているので、ページの編集画面でもこのテンプレートを選択できます。

これで、今まで「ページ」でしか適用できなかったテンプレート機能を他の投稿タイプにも使えるようになったので、柔軟なコンテンツ作成が可能になりました。専用のプラグインやスラッグ・カスタムフィールド、埋め込みの文字列等でテンプレートを分岐させなくとも、WordPress本体の機能として利用できるので大変便利になりました。

少し内部の実装を見てみよう

どのように変わったか少し内部を見てみます。対象は、wp-includes/class-wp-theme.phpです。

まず、今までのテンプレートを取得するメソッドのシグネチャが変わっています。

この変更だけ見ても、投稿タイプ「page」以外を使えるように拡張されたことが想像できます。もう少し追ってみますと、get_post_templatesというメソッドが追加されており、基本的な流れは従来のget_page_templatesメソッドと同じですが、以下のような今回の追加実装の一部を確認できます。

デフォルトでは、pageという投稿タイプを使うけれど、Template Post Type指定があればそちらを優先するような処理になっています。そして、複数の投稿タイプを指定する場合は、カンマ区切り「,」となります。

と少し内部まで追って見ましたが、既存のpageのテンプレート機能をベースに拡張し、その他の投稿タイプでもテンプレート機能を使えるようになっていることがわかります。

まとめ

WordPress4.7からは、投稿タイプ「page」以外の投稿タイプでもテンプレート機能が使えるようになり、柔軟なコンテンツ作成が可能になったようです。投稿記事ごとに色々なデザインを使い分けたい方には大変便利な機能だと思いますので、是非試してみてはと思います。

参考リンク

 

 

 

エンジニアのためのWordPress開発入門 (Engineer's Library)
野島 祐慈 菱川 拓郎 杉田 知至 細谷 崇 枢木 くっくる
技術評論社
売り上げランキング: 97,855
いちばんやさしいWordPressの教本第3版 人気講師が教える本格Webサイトの作り方 (「いちばんやさしい教本」)
石川栄和 大串 肇 星野邦敏
インプレス (2017-02-24)
売り上げランキング: 805

脚注

脚注
1 WordPressでは、投稿種別を識別するタイプという識別子データを内部に保持しています。post、page、attachmentなどそれぞれ投稿種別毎に識別子が割り当てられています。
http://wpdocs.osdn.jp/投稿タイプ

性能orコスト?WordPress向けレンタルサーバー比較!

この記事は【2016年12月13日】と作成から2年以上経っているため、記事の内容が古い可能性があります。最新の情報を合わせてご確認されることを推奨いたします。

WordPress[1]https://ja.wordpress.com/create/は、ブログやコーポレートサイト、ニュースサイト、アフィリエイトサイトなど様々な用途で利用されているWebサイト作成で人気なCMS(Contents Management System)の1つです。プラグインも豊富でカスタマイズしやすく、PHP言語の知識があれば欲しい機能も自分で加えることができるのも大変魅力です。WordPressはオープンソースソフトウェアとして提供されており、誰でも簡単にサーバーにインストールして使い始めることができますが、どのサーバーがいいのか悩ましいところだと思います。

今回は、オープンソースのWordPressをレンタルサーバーに設置するとして、どのような代表的なレンタルサーバーがあって、また各レンタルサーバーでどういった特徴があるのか、WordPressを使う上での注意点も含めて、これから使ってみたいと思われている方向けに分かりやすいようざっくりまとめてみました。

WordPressを動かすには

WordPressを動かす[2]http://wpdocs.osdn.jp/サーバーの用意には、プログラミング言語であるPHPとデータベースソフトウェアMySQL[3]https://www-jp.mysql.com(またはMariaDB[4]MySQL互換のデータベースで、MySQLの創設者により始められたプロジェクト。https://mariadb.org)がサポートされている必要があります。これについては、ほとんどのレンタルサーバーではこれらのソフトウェアが動作する環境が提供されているのでまず心配はいりません。

それから、最近のレンタルサーバーでは『WordPressの簡単インストール』といった機能が提供されており、初めての方でもすぐにWordPressを使い始められるような環境が整備されていることが多いようです。従来は(すみません少し古い人間でして・・・)、ソフトウェアをダウンロードして、レンタルサーバーにFTPソフトでアップロードして、データベースを準備して、インストールウィザードを開いて・・・とステップを踏んでいたのですが、簡単インストールではそれらのステップを自動的に行なってくれます。ですので、WordPressでWebサイトを作りたいと思ってから実際に利用し始めるまでのステップが非常に簡単になっています。

WordPressを動かすのに気をつけたいこと

WordPressはデータベースを使いますので、静的なページだけで構成されるWebサイトに比べるとページの描画までにマシンリソースを必要とします。また、WordPressでは豊富なプラグインが提供されており、それらを利用すると簡単にWebサイトに機能追加することができるため、ついつい多くのプラグインをインストールしてしまいがちです。プラグインを入れたために逆にWebサイトが重くなったということもあるかもしれません。そうなってしまうと、サイトへの負荷が少し増えただけでサーバーが不安定な状態になり、サイトへ繋がりにくくなったり、場合によってはレンタルサーバーでサイトへのアクセス制限がかかったりすることもあります。プラグインは入れすぎない(そしてインストールで一度に入れすぎない)、それから怪しいプラグインは停止するのが良いでしょう。

そこで、サイトアクセスの負荷を軽減し高速化するための方法の1つとしてキャッシュ機能を利用したりします。以前に作成・利用されたデータを記憶して、次回にその記憶されたデータを取り出し利用することで余分なマシンリソースの使用を減らし、高速にレスポンスを返す仕組みです。WordPressでは、キャッシュ機能をプラグインとして利用できるものがありますが、WordPressはあくまでWebサーバーの上で動作するPHPのアプリケーションなので、サーバーの内部レベルやミドルウェアレベルでのチューニングはできません。ですが、レンタルサーバーの中にはミドルウェアレベルやサーバー構成の中でキャッシュ機能を提供していたり、その他高速化のための仕組みを提供しているものがあり、WordPressを動かすレンタルサーバーを決める際の1つの選択基準[5]ネットワーク、サーバースペックやマルチテナント、リバースプロキシ、ソフトウェア、CDNなど高速なレスポンスを実現する上で他にも色々と関係する項目がありますなるでしょう。

レンタルサーバーの特徴比較

pak85_deskshiryou20131223_tp_v

以上をふまえた上で、WordPressを使ったサイトを作成するのにどのような代表的なレンタルサーバーがあるのか見てみましょう。以下に代表的なレンタルサーバーと主な特徴をまとめてみました。共用レンタルサーバー[6]複数のユーザーとサーバーを共用で使うタイプのレンタルサーバーです。で、よく知られていて月額もそこそこで、比較的始め易いものに絞っています。また、使い勝手がわからずいきなり契約するのに躊躇される方もいると思いますので、ここではお試し期間があるものを選んでいます。

  • キャンペーンなどで初期費用が無料だったりする場合もあるので、下表は調査時点(2016年12月10日)の通常プランの場合としてあくまで参考程度で見てください。
  • 不明な項目は?にしています。詳細は公式サイトをご参照ください。
  • WordPressが使える標準的なプランで記載しています。
サーバー XSERVER[7]https://www.xserver.ne.jp/functions/
X10プラン
wpXサーバ[8]https://www.wpx.ne.jp/server/service/functions.php さくらレンタル
スタンダードプラン[9]http://www.sakura.ne.jp/plans.html
ロリポップ
スタンダード[10]https://lolipop.jp/service/about/
ヘテムル[11]https://heteml.jp/service/function/ カゴヤ [12]https://www.kagoya.jp/shared3g/plan.html#sh_header
S21
初期費用 3000円 5000円 1029円 1500円 3950円 3240円
月額
(1年契約)
1000円 1000円 500円 500円 1500円 1728円
マルチ
ドメイン
無制限 10個 20個 100個 無制限 無制限
独自SSL [13]SNI。https://ja.wikipedia.org/wiki/Server_Name_Indication
データ
ベース
50個 データベース1つ:500 MB
WordPress設置可能数:10
20個 30個 100個 合計10GB(追加可能)
(1GB単位で利用)
Disk
容量
200 GB 30 GB 100 GB 120 GB 256 GB  300GB (Web: 200GB + Mail: 100GB)
PHP 5/7 5/7 4/5系 5系 5/7 5/7
PHP動作モード FastCGI[14]プロセス起動/終了のオーバヘッドを減らし高速に処理するための仕組み。
https://www.xserver.ne.jp/manual/man_server_php_fastcgi.php
? CGI版 CGI版
モジュール版[15]https://lolipop.jp/nextgen/#dsophp_anchor
CGI版
モジュール版
CGI版
他高速化対応
など
(サイトの機能一覧より読み取れる範囲での内容です)
・OPCache(PHP)[16]http://pecl.php.net/package/ZendOpcache
・mod_pagespeed[17]https://gitdub.com/pagespeed/mod_pagespeed
・リバースプロキシによるキャッシュ
・SSDストライピング
・mod_pagespeed[18]https://gitdub.com/pagespeed/mod_pagespeed
・SSD ・SSD
SSH
アクセス
x
OS Linux Linux FreeBSD Linux Linux Linux
簡単
インストール
お試し期間 10日 14日 14日 10日 15日 14日
公式サイト XSERVER
詳細へ
wpX
詳細へ
さくらレンタル
詳細へ
ロリポップ
詳細へ
ヘテムル
詳細へ
カゴヤ
詳細へ

(2016年12月10日調べ)

XSERVER

XSERVERは、WordPressユーザーに人気なレンタルサーバの1つで、私も使っています。月額は少し高めですが、管理パネルも見やすく使い易いと思います。WordPressは『簡単インストール機能』で容易に設置することができるので、初めての方でもすぐに使い始めることができます。

x10プランでは、マルチドメイン無制限、データベースは50個、Diskは200GBと通常利用においてリソースは十分割り当てられており、複数サイトを運営される方にとっても十分なプランとなっています。このサイトもXSERVERで動いており数十の投稿がありますが、使用量は220MB程度でまだまだ余裕があります。

その他特徴として、FastCGIOPCacheという高速化のためのソフトウェアが使われています。また、PHPやMySQLも最新バージョンがサポートされています。

最近は検索エンジンのランキングにもSSL対応が影響する[19]https://webmaster-ja.googleblog.com/2014/08/https-as-ranking-signal.htmlと言われていますが、XSERVERでは独自SSLを無料(ドメイン認証型、Let’s Encrypt[20]https://www.xserver.ne.jp/functions/service_ssl.php)で利用できるので、その点も魅力の1つです。

筆者による単純なベンチマーク[21]Apache Bench。サーバーに過度な負荷をかけないレベルで実施しています。過度な負荷を与えることはDoS攻撃とみなされる可能性があるので気をつけましょう。では、XSERVER X10プランでさくらレンタルスタンダードプランより秒間数倍程度多くのリクエストをさばくことができましたので、初めからトラフィック増大が予想される場合はXSERVERを選択するのも良いでしょう。

エックスサーバー

性能を重視するなら

wpXサーバー


XSERVERと運営元が同じでWordPressの運用に特化されたレンタルサーバーです。高速化のためにリバースプロキシやSSDなどの対応がされているようです。一見するとXSERVERに比べてDisk容量やWordPress設置数など少なくXSERVERの方が良いのでは?と感じてしまいますが、シンプルなベンチを試したところパフォーマンスはXSERVERよりもかなり良い結果(秒間リクエストで数倍〜十倍)[22]Apache Bench。サーバーに過度な負荷をかけないレベルで実施しています。過度な負荷を与えることはDoS攻撃とみなされる可能性があるので気をつけましょう。となりましたので、WordPress専用で高速化されているというのも納得できます

wpXは、XSERVERと比べると管理画面のメニューが少なくかなりシンプルな構成になっています。WordPressは、管理画面のメニューから簡単にインストールでき、インストールされているWordPressに関するサマリーが一覧で確認できるようになっており、まさにWordPressに特化されているといった感じです。

また、XSERVERと同じく独自SSLも無料で利用できます(ドメイン認証型、Let’s Encrypt)。

WordPressに専念してサイトを運用されたい方は、お試し期間もあるのでwpXサーバーを検討しても良いかと思います。速いです

wpXレンタルサーバー

とにかく性能を重視するなら

さくらレンタルサーバー

レンタルサーバーといえば誰もが知っているであろうさくらレンタルサーバーです。特徴は、初期費用と月額のコストを低く抑えられるので比較的始めやすいといったところになるかと思います。管理画面のデザインは非常にシンプルです。WordPressの簡単インストール機能もあるので、WordPressの設置も簡単にできます。

さくらレンタルサーバーでは、PHPはCGIモードで動作しています(上位プランではモジュールモードを利用できます)ので、高速性という点においては、FastCGIやモジュール版に比べると軍配は後者に上がるかと思いますが、低コストでDisk容量も100GBと豊富なリソースが使えます。

また、WordPressではないですがさくらのブログというサービス[23]http://www.sakura.ne.jp/blog/を使えるので、WordPressと合わせて利用するのも魅力的かと思います。

さくらのレンタルサーバ スタンダード

標準的でコストを重視するなら

ロリポップ

ロリポップは、サンタのマスコットが印象的で誰もが知っているであろうレンタルサーバーの1つです。こちらも特徴としては、まずコストが挙げられるかと思います。スタンダードプランで初期費用や月額もさくらレンタルサーバー並みに抑えることができます。WordPressも簡単インストール機能があるので設置も簡単に行なえます。

さくらレンタルサーバーと違って魅力的な点は、スタンダートプランでモジュール版PHPが使える点です。通常CGI版よりモジュール版の方が高速に動作します。ロリポップのサイトによる説明で、同社のベンチマークによるとモジュール版はCGI版より37倍高速に動作するとあります(いずれもベンチはロリポップの環境にて実施されたと記載されています)。シンプルなベンチを試してみましたが確かに速いです(具体的な数値は載せていませんがXSERVERよりも良い値が出てました)。月額500円(年契約)のスタンダードプランで高速なモジュール版が使えるので、低コストで性能を求める方は是非検討してみてはと思います。

また、さくらレンタルサーバーと同様にロリポップでもロリポブログというブログサービスが使えますので、WordPressと合わせて利用するのも良いでしょう。

ロリポップ!

コストと性能を重視するなら

heteml(ヘテムル)

ロリポップと運営元は同じでGMOペパボさんが運営されているレンタルサーバーです。月額はやや高めに感じるかもしれませんが、36ヶ月契約だと月額コストはXSERVER X10プラン並みになりますので、じっくりとサイトを運用される方は長期契約が良いでしょう。もちろん、WordPressも簡単インストール機能があるので設置は簡単です。

ヘテムルの特徴は、やはり性能でしょうこちらはオールSSDということでハード面における高速化対応がされています。また、PHPもモジュール版が使えますので非常に高速に動作することが期待できます。シンプルなベンチを試してみたところ、かなり速いです。wpXでは、プロキシキャッシュの効かないページ(wp-adminとか)と効くページで比べると効かないページでは多少性能が下がりますが、シンプルなベンチだとヘテムルでは同様な性能でした。最近サーバーが刷新され、また拡張版の「モジュール版PHP」がリリースされたようです[24]https://heteml.jp/info/detail/id/1837。同時接続数が少々増えても高速なレスポンスが期待できそうです。かなりイイです。

そのほか、マルチドメイン無制限SSDでありながらDisk容量256GBと豊富なリソースが用意されています。

WordPressが簡単・すぐに使える『レンタルサーバーheteml(ヘテムル)

とにかく性能を重視するなら

KAGOYA

KAGOYAさんは、データベースが使えるプランはやや高めですが、転送量が多いのが特徴です。転送量は、Webやメール、FTPアップロードなどに利用されるデータ量のことです。サイズの大きい画像や動画などを扱う場合には転送量制限に引っかかってしまうかもしれませんが、KAGOYAさんは他のレンタルサーバーと比較すると転送量上限が大きく設定されています。もちろん、WordPressは簡単インストール機能があるので設置は簡単です。

高速化という点では、PHPはCGI版となっていますが、データベースのDiskがSSDが採用されているとありますので、データベースアクセスのあるリクエストでは性能向上が期待できます。

またその他、IPSという侵入防止装置が搭載されているのも特徴です(不正な侵入を検知し防御することのできる装置で、WAFよりも下のネットワークレイヤが守備範囲です。[25]最近は、WAFと言っても色々なサービスが増え広いレイヤーを指すものもあります。https://www.symantec.com/ja/jp/page.jsp?id=waf-ips-ids

共用サーバーでも無料でIPS(侵入防止)がついているのはカゴヤだけ!

転送量を重視するなら

まとめ

以上代表的なレンタルサーバーのプランと特徴をWordPressを中心に比べてみました。どの会社さんも日々進化していますので、現時点での調べが今後も必ずしも当てはまるとは限りません。継続的にウォッチしていくのが大切だと思います。

触ってみての感想で、あくまで調査時点での個人的な見解なのですが、コストと性能に絞って判断すると、、

とにかく性能が一番!なら、

か、

 

コストも性能も重視したい!なら、

 

性能を重視するなら、

 

コスト重視なら、

 

転送量重視なら、

 

真に最高の性能を求める方は、、、

KUSANAGIという超高速WordPress仮想マシンをご存知の方もいるかもしれません。こちらは、共用のレンタルサーバーではありませんのでやや高度な知識が必要となりますが 爆速 です。とにかく性能が一番、大量トラフィックが見込まれる方は是非検討してみてはいかがでしょうか。

例えば、GMOさんの『ConoHa』はKUSANAGIを利用できます。

その他、KUSANAGIが動かせるサービスは以下を参照してみてください。

https://kusanagi.tokyo

 

最後に

その他色々な比較軸があると思います。

試用期間があるので是非試してみてはいかがでしょうか?

脚注

脚注
1 https://ja.wordpress.com/create/
2 http://wpdocs.osdn.jp/サーバーの用意
3 https://www-jp.mysql.com
4 MySQL互換のデータベースで、MySQLの創設者により始められたプロジェクト。https://mariadb.org
5 ネットワーク、サーバースペックやマルチテナント、リバースプロキシ、ソフトウェア、CDNなど高速なレスポンスを実現する上で他にも色々と関係する項目があります
6 複数のユーザーとサーバーを共用で使うタイプのレンタルサーバーです。
7 https://www.xserver.ne.jp/functions/
8 https://www.wpx.ne.jp/server/service/functions.php
9 http://www.sakura.ne.jp/plans.html
10 https://lolipop.jp/service/about/
11 https://heteml.jp/service/function/
12 https://www.kagoya.jp/shared3g/plan.html#sh_header
13 SNI。https://ja.wikipedia.org/wiki/Server_Name_Indication
14 プロセス起動/終了のオーバヘッドを減らし高速に処理するための仕組み。
https://www.xserver.ne.jp/manual/man_server_php_fastcgi.php
15 https://lolipop.jp/nextgen/#dsophp_anchor
16 http://pecl.php.net/package/ZendOpcache
17, 18 https://gitdub.com/pagespeed/mod_pagespeed
19 https://webmaster-ja.googleblog.com/2014/08/https-as-ranking-signal.html
20 https://www.xserver.ne.jp/functions/service_ssl.php
21, 22 Apache Bench。サーバーに過度な負荷をかけないレベルで実施しています。過度な負荷を与えることはDoS攻撃とみなされる可能性があるので気をつけましょう。
23 http://www.sakura.ne.jp/blog/
24 https://heteml.jp/info/detail/id/1837
25 最近は、WAFと言っても色々なサービスが増え広いレイヤーを指すものもあります。https://www.symantec.com/ja/jp/page.jsp?id=waf-ips-ids

WordPress WP_Hookでのアクションとフィルタ登録

この記事は【2016年12月9日】と作成から2年以上経っているため、記事の内容が古い可能性があります。最新の情報を合わせてご確認されることを推奨いたします。

WordPressにはactionやfilterという仕組みがあり、ユーザーにレスポンスを返すまでの流れの中の任意のポイントで事前に登録したコールバック関数を実行することができます。これにより、WordPressの内部処理における制御の流れをコントロールすることができ、テーマやプラグインの中で頻繁に利用されています。

従来のAPIからの変更点

actionやfilterを使う場合は、通常add_actionadd_filterというAPIを使ってコールバック関数を登録しますが、内部構造を理解している人は、以下のようなハックをしているかもしれません。というのは、以前のadd_filter関数の中身が以下のように実装されていたからです。

$wp_filterは、単純なarrayとして実装されていたので上記のような配列アクセスで値を代入できました。しかし、今回はWP_Hookというクラスに置き換わっています(このクラスは、IteratorとArrayAccessを実装しているので配列のような振る舞いをします。https://github.com/WordPress/WordPress/blob/master/wp-includes/class-wp-hook.php)。そして、タグごとにWP_Hookオブジェクトが生成されています。

WP_Hookのメソッドを使う

以上をふまえ、actionやfilterの登録にはadd_actionadd_filterのAPIを使うかまたは以下のような方法でも可能なようです。

add_action、add_filter

冗長になるので素直にadd_actionやadd_filter関数を使った方がいいですね。。

参考リンク

WordPress REST API JSONPで投稿を取得する

この記事は【2016年12月7日】と作成から2年以上経っているため、記事の内容が古い可能性があります。最新の情報を合わせてご確認されることを推奨いたします。

WordPressを最新にアップグレードすると、ダッシュボードの下方にREST APIという文字が飛び込んできた。どうも4.7からWordPress REST APIが本体に追加されたようでした[1]https://ja.wordpress.org/2016/12/07/vaughan/。もともとXML-RPC APIがサポートされていましたが、扱いやすいREST APIでレスポンスをJSON形式で受け取れるようになったようなので、JavaScriptや他のプログラミング言語を使ってWordPressと連携したアプリケーションを作りやすくなったのではと思います。

試しに投稿一覧を取得してみる

REST APIのエンドポイントのベースは、以下のようになります。

例えば投稿に関するリソースを取得するには以下のようになります。

試しに投稿一覧を取得してみます。上記URLにGETリクエストを送信してみます。以下では、CocoaRestClient[2]https://developer.wordpress.org/rest-api/reference/というアプリを使っています。

上手く取得できているようでした。

APIの詳細は以下のドキュメントで参照可能です。

https://developer.wordpress.org/rest-api/reference/

JSONPで表示してみる

REST APIには、Global Parameters[3]http://v2.wp-api.org/reference/global.htmlというAPIのリクエスト/レスポンスをカスタマイズするパラメータが使えます。_jsonp、_method、_envelope、_embedなどがあります。このパラメータを使うとJSONP形式でレスポンスを受けることが可能です。これによりクロスドメインでのコンテンツの取得が可能です。

以下では、JavaScriptで最新5件の投稿を取得してページに表示しています。

これを実行すると以下のようになります。

スポンサーリンク


WordPressのfootnotesプラグインで脚注をつける

この記事は【2016年10月18日】と作成から2年以上経っているため、記事の内容が古い可能性があります。最新の情報を合わせてご確認されることを推奨いたします。

Wikipediaみたいに文章に脚注をつけたいなと思いプラグインを探していたら、footnotesというプラグインがあったので早速インストールして適用してみました。

脚注番号前後の文字

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88_2016-10-18_22_11_53

脚注の見出し

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88_2016-10-18_22_12_04

脚注説明文として認識される文字列を囲むタグ

デフォルトは、(())となっているようです。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88_2016-10-18_22_12_09

脚注スタイルのカスタマイズ

おそらくCSSスタイルを修正するケースが多いと思います。プラグインの設定ページでCSSを指定できます。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88_2016-10-18_22_12_22

私のページではこんな風にカスタマイズしてみました。

脚注[1]脚注の例ですの例です。脚注[2]脚注の例ですの例です。脚注[3]脚注の例2ですの例2です。脚注[4]脚注の例3ですの例3です。

同じ脚注説明の場合は、1つにまとめられるようです。

脚注

脚注
1, 2 脚注の例です
3 脚注の例2です
4 脚注の例3です