@ka2n

Technology and beer

WordPress ACF to REST APIで関連記事のアイキャッチ画像を含める

あるサービスの一部がライターさんに直接使ってもらいたいという理由でバックエンドにWordPressを使っている。 最近のWordPressは良くできていて標準でREST APIが叩けるので別のシステムから扱うのが随分楽になった。

別システムから使うため、いろいろな設定項目をWordPress側から変更できるようにしていて、それを実現するためにAdvanced Custom Fields(以下ACF)というプラグインを導入してカスタムフィールドとして本文やタイトル以外の設定ができるようにしている。界隈では結構有名だったと思う。 ただ、ACFを入れるだけではREST APIにカスタムフィールドが出てこないので、さらにACF to REST APIというプラグインも導入している。

ACFではある投稿に対して、別の投稿を紐付けるカスタムフィールドを定義することができ、relationsと呼ばれる。 REST APIである投稿を取得すると、acfというキーで各種カスタムフィールドがまとめられて返ってくるのだが、そこにはアイキャッチ画像が無い。 本体の記事はfeatured_mediaというキーでIDが取得でき、GETパラメータに_embedを含めるとレスポンスの_embedded.wp:featuredmediaに画像の詳細が含まれてレスポンスされ、その中に各サイズごとにサイズ, URLなどが含まれる。 そこで、ACF to REST APIのフックを利用して、関連記事に対しても_embedで画像の情報を含める事ができるようにした。

add_filter( 'acf/rest_api/post/get_fields', 'includeACFFieldsInRESTRelation', 10, 3);

function includeACFFieldsInRESTRelation( $data, $request, $response ) {
    if ( $response instanceof WP_REST_Response ) {
        $data = $response->get_data();
    }
  
    remove_filter('acf/rest_api/post/get_fields', 'includeACFFieldsInRESTRelation', 10);
    if (!empty($data)) {
        array_walk_recursive($data, 'shallowIncludeACFFields', array('post'));
    }
    add_filter( 'acf/rest_api/post/get_fields', 'includeACFFieldsInRESTRelation', 10, 3);

    return $data;
}

function shallowIncludeACFFields( &$item, $key, $postTypes, $level=0, $post ) {
    if (isset( $item->post_type ) && in_array( $item->post_type, $postTypes )) {

        // アイキャッチ画像が設定されていればIDを`featured_media`に入れる
        if($media_id = get_post_thumbnail_id($item->ID)) {
            $item->featured_media = intval($media_id, 10);        
        }

        // `_embed`の場合は`_embedded`内に画像のメタデータを入れる
        if(isset($_GET['_embed']) && isset($item->featured_media)) {
            $media = get_post($media_id);
            $server = rest_get_server();
            $controller = new WP_REST_Posts_Controller($media->post_type);
            $post_type = get_post_type_object($media->post_type);
            $request = WP_REST_Request::from_url(rest_url(sprintf('wp/v2/%s/%d', $post_type->rest_base, $media->ID)));
            $request['context'] = 'embed';
            $response = $server->dispatch($request);
            $response = apply_filters('rest_post_dispatch', rest_ensure_response($response), $server, $request);
            $item->_embedded = array();
            $item->_embedded['wp:featuredmedia'] = array();
                $item->_embedded['wp:featuredmedia'][] = $server->response_to_data($response, isset($_GET['_embed']));  
        }


        // ACFのフィールドも入れる
        if($fields = get_fields($item->ID)) {
            foreach($fields as $key => $value) {
                $item->acf = $fields;
            }
        }
    }
}

macOSでの最小化したウィンドウを表示する方法

Command-Tabでアプリケーションを切り換える時に追加でOptionを押すとウィンドウが戻ってくる

  1. Command-m で最小化。
  2. Command-Tabでアプリケーションを切り換えて目的のアプリまで移動。(Commandを押したままTabを何度か押す。)
  3. Optionを押す。
  4. Commandを離す。
  5. ウィンドウが表示される

面倒だね。