noteとの連携

タイトル

タイトルは「get_title()」から取得できます。(以下参照)

echo '<p class="title">'.$item->get_title().'</p>';

本文内容

本文内容は、「get_description()」や「get_content()」から取得できます。(以下参照)

echo '<p class="text">'.$item->get_content().'</p>';

リンク

リンクは、「get_link()」や「get_permalink()」から取得できます。(以下参照)

echo '<a href="'.$item->get_permalink().'" ></a>';

aタグのクリック範囲をcssで親要素全体に反映させればクリックでnoteへ遷移可能です。

公開日

公開日は、「$item->get_date()」から取得できます。(以下参照)

echo '<p class="date">'.$item->get_date('Y-m-d').'</p>';

get_date()の中身で、公開日のフォーマットが変更できます。

画像

画像の取得は、少し勝手が違います。
noteのapiを使わなければいけないようでした、、。。(以下参照)

$hash = substr($item->get_link(), strrpos($item->get_link(), '/') + 1);
$api_data = file_get_contents('https://note.mu/api/v1/' . 'notes/' . $hash);
$eyecatch = json_decode($api_data, true)['data']['eyecatch'];

echo '<img src="'.$eyecatch.'" alt="'.$item->get_title().'">';