質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
JSON

JSON(JavaScript Object Notation)は軽量なデータ記述言語の1つである。構文はJavaScriptをベースとしていますが、JavaScriptに限定されたものではなく、様々なソフトウェアやプログラミング言語間におけるデータの受け渡しが行えるように設計されています。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

Q&A

1回答

2774閲覧

WordPressでJSONを出力したい

nekomurasan

総合スコア2

JSON

JSON(JavaScript Object Notation)は軽量なデータ記述言語の1つである。構文はJavaScriptをベースとしていますが、JavaScriptに限定されたものではなく、様々なソフトウェアやプログラミング言語間におけるデータの受け渡しが行えるように設計されています。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

0グッド

0クリップ

投稿2020/08/23 16:42

###実現したいこと
WordPressにてJSONを表示するだけの1ページしかないサイトを作成中です。

たとえばFirefoxで見るとJSONが、配列の部分が畳める表示になりますよね。ああいったものを目標にしています。

###JSON出力のコード
まずJSONを出力する関数として以下echoJson()を前提にさせて頂きます。(wp_postsなどWordPressのDBから取得するものではないです。)

■functions.php

php

1<?php 2add_theme_support( 'html5', array( 'search-form', 'comment-form', 'comment-list', 'gallery', 'caption' ) ); 3 4// 管理バー不要 5add_filter( 'show_admin_bar', '__return_false' ); 6if ( !current_user_can('administrator') || !is_admin() ) { 7 add_filter( 'show_admin_bar', '__return_false' ); 8} 9 10// JSON出力 11function echoJson(){ 12 $data = [ 'name' => 'God', 'age' => -1 ]; 13 header('Content-type: application/json'); 14 echo json_encode( $data ); 15}

全体のコード1

まず試したのが上記header('Content-type: application/json');の記述で、以下3つのファイル構成です。
しかし普通に文字列で表示されるだけで、畳める表示にはできませんでした。

■header.php

php

1<!DOCTYPE html> 2<html> 3<head> 4 <meta name="robots" content="noindex, nofollow"> 5 <?php wp_head(); ?> 6</head> 7<body>

■index.php

php

1<?php 2get_header(); 3echoJson(); 4get_footer();

■footer.php

php

1<?php wp_footer(); ?> 2</body> 3</html>

全体のコード2

なんて畳める表示にならないのか?
考えたのがドックタイプ宣言などが不要なのではないかということで、以下のようにindex.phpへの記述だけにしたら畳める表示ができました。

■header.php

php

■index.php

php

1<?php 2echoJson();

■footer.php

php

###質問
質問になりますが、この「全体のコード2」は問題ないのでしょうか?

目的は畳める表示でechoJson();を出力することなので、例えば"noindex, nofollow"もあった方がよさそうに思いますし(クローラーは来てくれなくていいですし)。

また、これはなんとなく考えてできちゃったというパターンなので、他にも何か問題が起こる可能性がないかと不安が頭をよぎっています。

正しい方法や、想定される問題について思い当たる方、アドバイス頂けましたらうれしいのですが、こういったJSON出力のご経験をお持ちの方いらっしゃるでしょうか。。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

get_headerやget_footerをコールするとHTMLのタグが出力されるので純粋なJSONになりません。

畳める表示が目的とのことですが、おおらくブラウザが正しいJSONフォーマットになっているかどうか、
で判断していると思いますので「全体のコード2」で正解です。

クローラで除外したい場合はrobots.txtに記述する方法もあります。

投稿2020/08/24 02:06

tabuu

総合スコア2449

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問