{"id":4999,"date":"2024-07-15T08:44:52","date_gmt":"2024-07-15T08:44:52","guid":{"rendered":"https:\/\/withcode.tech\/media\/?p=4999"},"modified":"2026-01-03T05:52:28","modified_gmt":"2026-01-03T05:52:28","slug":"get_ree_fead_with_category","status":"publish","type":"post","link":"https:\/\/withcode.tech\/media\/get_ree_fead_with_category\/","title":{"rendered":"WordPress\u3067\u5225\u30c9\u30e1\u30a4\u30f3\u304b\u3089\u8a18\u4e8b\u53d6\u5f97\uff01\uff1f\u30ab\u30c6\u30b4\u30ea\u30fc\u9078\u629e\u307e\u3067\u306e\u5b9f\u88c5\u65b9\u6cd5\u3092\u8a73\u3057\u304f\u89e3\u8aac"},"content":{"rendered":"
\"\"\u751f\u5f92<\/span><\/div>
\n

\u30da\u30f3\u535a\u58eb\uff01\u81ea\u5206\u306eWordPress\u304b\u3089\u5225\u30c9\u30e1\u30a4\u30f3\u306e\u8a18\u4e8b\u3092\u4e00\u89a7\u8868\u793a\u3057\u305f\u3044\u3093\u3067\u3059\u3002\u3057\u304b\u3082\u30ab\u30c6\u30b4\u30ea\u30fc\u3067\u7d5e\u308a\u8fbc\u307f\u3082\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u305f\u304f\u3066…<\/strong><\/p>\n<\/span><\/span><\/span><\/div><\/div><\/div><\/div>\n\n

\"\"\u30da\u30f3\u535a\u58eb<\/span><\/div>
\n

\u826f\u3044\u8cea\u554f\u3058\u3083\uff01\u3053\u308c\u306f\u9069\u5207\u306a\u65b9\u6cd5\u3092\u77e5\u308c\u3070\u7c21\u5358\u306b\u4f5c\u6210\u3067\u304d\u308b\u3002\u4eca\u304b\u3089\u89e3\u8aac\u3059\u308b\u304b\u3089\u3088\u30fc\u304f\u805e\u304f\u3093\u3058\u3083\u305e\u3002<\/strong><\/p>\n<\/span><\/span><\/span><\/div><\/div><\/div><\/div>\n\n

\"\"\u751f\u5f92<\/span><\/div>
\n

\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\uff01\u304a\u9858\u3044\u3057\u307e\u3059\uff01<\/strong><\/p>\n<\/span><\/span><\/span><\/div><\/div><\/div><\/div>\n\n\n

WordPress\u3067\u5225\u30c9\u30e1\u30a4\u30f3\u306e\u30b5\u30a4\u30c8\u304b\u3089\u8a18\u4e8b\u3092\u53d6\u5f97\u3057\u305f\u3044\u3001\u66f4\u306b\u30ab\u30c6\u30b4\u30ea\u30fc\u9078\u629e\u6a5f\u80fd\u3092\u5b9f\u88c5\u3057\u305f\u3044\u3068\u601d\u3063\u305f\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f\u4e00\u898b\u96e3\u3057\u305d\u3046\u306b\u601d\u3048\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u3057\u304b\u3057\u3001\u9069\u5207\u306a\u65b9\u6cd5\u3092\u77e5\u308c\u3070\u3001\u7c21\u5358\u306b\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n

\u672c\u8a18\u4e8b\u3067\u306f\u3001WordPress\u306e fetch_feed<\/code> \u95a2\u6570\u3092\u4e2d\u5fc3\u306b\u3001\u5b89\u5168\u304b\u3064\u52b9\u7387\u7684\u306b\u8a18\u4e8b\u3092\u53d6\u5f97\u3059\u308b\u65b9\u6cd5<\/span><\/strong>\u3068\u3001JavaScript\u3092\u4f7f\u7528\u3057\u305f\u52d5\u7684\u306a\u30ab\u30c6\u30b4\u30ea\u30fc\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0\u306e\u5b9f\u88c5\u65b9\u6cd5<\/strong><\/span>\u3092\u8a73\u3057\u304f\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

WordPress\u3067\u306ePHP\u306e\u57fa\u790e\u6587\u6cd5\u304b\u3089\u6291\u3048\u305f\u3044\u65b9\u306f\u3053\u3061\u3089\u306e\u8a18\u4e8b<\/a>\u3092\u3054\u53c2\u7167\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n

\nhttps:\/\/withcode.tech\/media\/php-basic-grammar\n<\/div><\/figure>\n\n\n\n

\u300c\u5b66\u7fd2\u2192\u53ce\u5165\u300d\u306b\u3064\u306a\u3052\u305f\u53d7\u8b1b\u751f\u306e\u30ea\u30a2\u30eb\u306a\u4f53\u9a13\u8ac7\u3082\u516c\u958b\u4e2d\uff01
\u50cd\u304d\u65b9\u3092\u5909\u3048\u305f\u3044\u65b9\u306b\u3082\u97ff\u304f\u30b9\u30c8\u30fc\u30ea\u30fc\u3067\u3059\u3002<\/p>\n\n\n\n

O.Y\u3055\u3093<\/strong>
\u5b50\u80b2\u3066\u3068\u4e21\u7acb\u3067\u304d\u308b\u50cd\u304d\u65b9\u3092\u76ee\u6307\u3057\u3001\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u306e\u5b66\u7fd2\u3092\u958b\u59cb\u3059\u308b\u3002\u72ec\u5b66\u3067\u306e\u5b66\u7fd2\u306b\u9650\u754c\u3092\u611f\u3058\u3001WithCode\u306e\u526f\u696d\u30b3\u30fc\u30b9\u306e\u53d7\u8b1b\u3092\u6c7a\u610f\u3002\u6700\u7d42\u76ee\u6a19\u304b\u3089\u9006\u7b97\u3057\u305f\u5b66\u7fd2\u8a08\u753b\u306e\u3082\u3068\u30b9\u30ad\u30eb\u3092\u7fd2\u5f97\u3057\u3001\u5352\u696d\u5f8c\u306b\u521d\u6848\u4ef6\u3092\u62c5\u5f53\u3002\u73fe\u5728\u306f\u5b9f\u6848\u4ef6\u30b5\u30dd\u30fc\u30c8\u306e\u3082\u3068\u3001\u8907\u6570\u6848\u4ef6\u3092\u62c5\u5f53\u3057\u3066\u3044\u308b\u3002<\/p>\n\n\n\n

\u8a73\u3057\u304f\u306f\u3053\u3061\u3089\u306e\u8a18\u4e8b<\/a>\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n

\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\u3042\u308f\u305b\u3066\u8aad\u307f\u305f\u3044<\/span>\n\t\t\t\t\t
\"\"<\/figure><\/div>\t\t\t\t\t
\n\t\t\t\t\t\t\u3010\u526f\u696d\u76ee\u6307\u3059\u30de\u30de\u3055\u3093\u5fc5\u898b\u3011\u30c6\u30c3\u30af\u30a2\u30ab\u30c7\u30df\u30fc\u5352\u696d\u5f8c\u306b\u518d\u5165\u5b66\uff01\u80b2\u5150\u3068\u5b66\u7fd2\u3092\u4e21\u7acb\u3055\u305b\u3066”\u670810\u4e07\u5186&#…<\/a>\n\t\t\t\t\t\t\u30da\u30f3\u535a\u58eb\uff01\u4eca\u56de\u306f\u3069\u3093\u306a\u65b9\u304c\u30a4\u30f3\u30bf\u30d3\u30e5\u30fc\u306b\u5fdc\u3058\u3066\u304f\u3060\u3055\u3063\u305f\u3093\u3067\u3059\u304b\uff1f \u3046\u3080\u3002\u4eca\u56de\u306f\u80b2\u5150\u3068\u5b66\u7fd2\u3092\u4e21\u7acb\u3057\u306a\u304c\u3089\u670810\u4e07\u5186\u306e\u526f\u53ce\u5165\u3092\u9054\u6210\u3057\u305f\u30de\u30de\u3055\u3093\u3058\u3083\u3088\u3002\u5b66\u7fd2\u65b9\u6cd5\u3001\u6848…<\/span>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\n

O.Y\u3055\u3093\u306e\u4e3b\u306a\u5236\u4f5c\u5b9f\u7e3e\u306f\u3053\u3061\u3089<\/strong><\/p>\n\n\n

\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\u4f01\u696d\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u3092\u76ee\u7684\u306b\u3057\u305fHP\u5236\u4f5c<\/span>\n\t\t\t\t\t
\"\"<\/figure><\/div>\t\t\t\t\t
\n\t\t\t\t\t\t\u682a\u5f0f\u4f1a\u793e\u30d0\u30c3\u30af\u30b9\u30c6\u30fc\u30b8\u30d7\u30ed\u30b8\u30a7\u30af\u30c8 \u69d8<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\n

\u5225\u30c9\u30e1\u30a4\u30f3\u304b\u3089\u8a18\u4e8b\u3092\u53d6\u5f97\u3059\u308b\u30e1\u30ea\u30c3\u30c8<\/h2>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n

\u5225\u30c9\u30e1\u30a4\u30f3\u304b\u3089\u8a18\u4e8b\u3092\u53d6\u5f97\u3059\u308b\u3053\u3068\u3067\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u30e1\u30ea\u30c3\u30c8\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n

    \n
  1. \u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u5145\u5b9f\uff1a\u3054\u81ea\u8eab\u30b5\u30a4\u30c8\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u7c21\u5358\u306b\u5897\u3084\u305b\u307e\u3059\u3002<\/li>\n\n\n\n
  2. \u60c5\u5831\u306e\u96c6\u7d04\uff1a\u8907\u6570\u306e\u30b5\u30a4\u30c8\u306e\u60c5\u5831\u3092\u4e00\u7b87\u6240\u3067\u95b2\u89a7\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\n\n\n\n
  3. SEO\u306e\u5411\u4e0a\uff1a\u5b9a\u671f\u7684\u306b\u66f4\u65b0\u3055\u308c\u308b\u30b3\u30f3\u30c6\u30f3\u30c4\u306f\u3001\u691c\u7d22\u30a8\u30f3\u30b8\u30f3\u304b\u3089\u597d\u307e\u308c\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n

    \u305d\u308c\u3067\u306f\u3001\u5177\u4f53\u7684\u306a\u5b9f\u88c5\u65b9\u6cd5\u3092\u898b\u3066\u3044\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n

    fetch_feed \u3092\u4f7f\u7528\u3057\u305f\u8a18\u4e8b\u53d6\u5f97<\/h2>\n\n\n
    \"\"\u30da\u30f3\u535a\u58eb<\/span><\/div>
    \n

    WordPress\u306b\u306f fetch_feed<\/code> \u3068\u3044\u3046\u4fbf\u5229\u306a\u95a2\u6570\u304c\u3042\u308b\u3002\u3053\u308c\u3092\u4f7f\u3046\u3053\u3068\u3067\u3001\u5b89\u5168\u304b\u3064\u7c21\u5358\u306bRSS\u30d5\u30a3\u30fc\u30c9\u3092\u53d6\u5f97\u3067\u304d\u308b\u305e\u3002<\/strong><\/p>\n<\/span><\/span><\/span><\/div><\/div><\/div><\/div>\n\n\n

    RSS\u30d5\u30a3\u30fc\u30c9\u306e\u8a2d\u5b9a<\/h3>\n\n\n\n

    \u307e\u305a\u3001RSS\u30d5\u30a3\u30fc\u30c9\u3092\u53d6\u5f97\u3059\u308b\u305f\u3081\u306e\u30b3\u30fc\u30c9\u3092\u898b\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n

    include_once( ABSPATH . WPINC . '\/feed.php' );\n$feeduri = 'https:\/\/withcode.tech\/media\/feed\/';\n$rss = fetch_feed($feeduri);\n\nif (!is_wp_error($rss)) {\n  $maxitems = $rss->get_item_quantity(5);\n  $rss_items = $rss->get_items( 0, $maxitems );\n}<\/code><\/pre><\/div>\n\n\n\n
    \u3053\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001WordPress\u306e\u5185\u90e8\u95a2\u6570\u3092\u4f7f\u7528\u3057\u3066\u3001\u6307\u5b9a\u3057\u305fURL\u304b\u3089RSS\u30d5\u30a3\u30fc\u30c9\u3092\u53d6\u5f97\u3057\u3066\u3044\u307e\u3059\u3002$feeduri<\/code>\u5909\u6570\u306b\u53d6\u5f97\u3057\u305f\u3044\u30d5\u30a3\u30fc\u30c9\u306eURL\u3092\u6307\u5b9a\u3057\u3001fetch_feed()<\/code>\u95a2\u6570\u3067\u30d5\u30a3\u30fc\u30c9\u3092\u53d6\u5f97\u3057\u307e\u3059\u3002\u30a8\u30e9\u30fc\u304c\u306a\u3051\u308c\u3070\u3001\u6700\u65b0\u306e5\u4ef6\u306e\u8a18\u4e8b\u3092$rss_items<\/code>\u306b\u683c\u7d0d\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
    \u30ab\u30c6\u30b4\u30ea\u30fc\u306e\u53d6\u5f97\u3068\u8868\u793a<\/h3>\n\n\n\n
    \u6b21\u306b\u3001\u5404\u8a18\u4e8b\u306e\u30ab\u30c6\u30b4\u30ea\u30fc\u3092\u53d6\u5f97\u3057\u8868\u793a\u3059\u308b\u65b9\u6cd5\u3092\u898b\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n
    if ($item->get_categories()) {\n  $categories = array();\n  foreach ($item->get_categories() as $category) {\n    $categories[] = esc_html($category->get_label());\n  }\n  echo implode(', ', $categories);\n}<\/code><\/pre><\/div>\n\n\n\n
    \u3053\u306e\u90e8\u5206\u3067\u306f\u3001\u5404\u8a18\u4e8b\uff08$item<\/code>\uff09\u304b\u3089\u30ab\u30c6\u30b4\u30ea\u30fc\u60c5\u5831\u3092\u53d6\u5f97\u3057\u3001\u914d\u5217\u306b\u683c\u7d0d\u3057\u3066\u3044\u307e\u3059\u3002esc_html()<\/code>\u95a2\u6570\u3092\u4f7f\u7528\u3057\u3066\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\u3092\u884c\u3044\u3001\u6700\u5f8c\u306bimplode()<\/code>\u95a2\u6570\u3067\u914d\u5217\u3092\u6587\u5b57\u5217\u306b\u5909\u63db\u3057\u3066\u8868\u793a\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
    \u3053\u308c\u3089\u306e\u30b3\u30fc\u30c9\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u5225\u30c9\u30e1\u30a4\u30f3\u306e\u8a18\u4e8b\u3092\u3054\u81ea\u8eab\u306eWordPress\u30b5\u30a4\u30c8\u306b\u8868\u793a\u3057\u3001\u3055\u3089\u306b\u30ab\u30c6\u30b4\u30ea\u30fc\u60c5\u5831\u3082\u5408\u308f\u305b\u3066\u8868\u793a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n
    \"\"\u30da\u30f3\u535a\u58eb<\/span><\/div>
    \n
    \u3053\u306e\u65b9\u6cd5\u306f\u3001\u8907\u6570\u306e\u30d6\u30ed\u30b0\u3092\u904b\u55b6\u3057\u3066\u3044\u308b\u5834\u5408\u3084\u3001\u63d0\u643a\u30b5\u30a4\u30c8\u306e\u6700\u65b0\u60c5\u5831\u3092\u3054\u81ea\u8eab\u306e\u30b5\u30a4\u30c8\u306b\u8868\u793a\u3057\u305f\u3044\u5834\u5408\u306a\u3069\u306b\u975e\u5e38\u306b\u6709\u52b9\u3058\u3083\u3002<\/strong><\/p>\n<\/span><\/span><\/span><\/div><\/div><\/div><\/div>\n\n\n
    \u8a18\u4e8b\u53d6\u5f97\u306e\u5b9f\u8df5\u4f8b<\/h2>\n\n\n
    \n
    \"\"<\/figure>\n<\/div>\n\n\n
    \u4ee5\u4e0b\u306f\u3001fetch_feed<\/code>\u3092\u4f7f\u7528\u3057\u305fRSS\u30d5\u30a3\u30fc\u30c9\u3092\u53d6\u5f97\u3059\u308b\u5b9f\u88c5\u3067\u3059\u3002<\/p>\n\n\n\n
    \u3053\u306e\u30b3\u30fc\u30c9\u306f\u3001WordPress\u30c6\u30fc\u30de\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u90e8\u5206\u3067\u3001WithCode\u306e\u5352\u696d\u751f\u306e\u58f0\u306e\u90e8\u5206\u3092\u4f8b\u306b\u3001RSS\u30d5\u30a3\u30fc\u30c9\u3092\u53d6\u5f97\u3057\u3066\u8868\u793a\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
    <div class="media-wrap__con">\n  <ul class="media-wrap__con__list">\n    <?php\n      include_once( ABSPATH . WPINC . '\/feed.php' );\n      $feeduri = 'https:\/\/withcode.tech\/media\/feed\/';\n      $rss = fetch_feed($feeduri);\n\n      if (!is_wp_error($rss)) {\n        $maxitems = $rss->get_item_quantity(5);\n        $rss_items = $rss->get_items( 0, $maxitems );\n      }\n\n      foreach ( $rss_items as $item ) :\n    ?>\n    <li class="media-wrap__con__list__item">\n      <a href="<?php echo esc_url( $item->get_permalink() ); ?>" target="_blank" rel="noopener noreferrer">\n        <div class="media-wrap__con__list__item__img">\n          <?php\n            $first_img = '';\n            if ( preg_match( '\/<img.+?src="([^"]+)".*?>\/msi', $item->get_content(), $matches ) ) {\n              $first_img = $matches[1];\n            }\n            if ( $first_img ) {\n              echo '<img src="' . esc_url( $first_img ) . '" alt="\u8a18\u4e8b\u753b\u50cf">';\n            } else {\n              \/\/ \u753b\u50cf\u304c\u306a\u3044\u5834\u5408\u306f\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u753b\u50cf\u3092\u8868\u793a\n              echo '<img src="' . get_template_directory_uri() . '\/img\/eyecatch.png" alt="\u30c7\u30d5\u30a9\u30eb\u30c8\u753b\u50cf">';\n            }\n          ?>\n        <\/div>\n        <div class="media-wrap__con__list__item__txt">\n          <p class="media-ttl">\n            <?php\n              $title = $item->get_title();\n              if ( mb_strlen( $title ) > 30 ) {\n                echo mb_substr( $title, 0, 30 ) . '...';\n              } else {\n                echo esc_html( $title );\n              }\n            ?>\n          <\/p>\n          <p class="media-category">\n            <i class="fa-solid fa-folder"><\/i>\n            <?php\n              \/\/ \u30ab\u30c6\u30b4\u30ea\u30fc\u3092\u53d6\u5f97\u3057\u3066\u8868\u793a\n              if ($item->get_categories()) {\n                $categories = array();\n                foreach ($item->get_categories() as $category) {\n                  $categories[] = esc_html($category->get_label());\n                }\n                echo implode(', ', $categories);\n              }\n            ?>\n          <\/p>\n          <?php \n            $item_date = $item->get_date( 'Y\/m\/d' );\n          ?>\n          <p class="media-date">\n            <i class="fa-regular fa-clock"><\/i>\n            <?php echo esc_html( $item_date ); ?>\n          <\/p>\n        <\/div>\n      <\/a>\n    <\/li>\n    <?php\n      endforeach;\n    ?>\n  <\/ul>\n  <div class="btn">\n    <a href="https:\/\/withcode.tech\/media\/" target="_blank" rel="noopener noreferrer">\n      <p>\u30e1\u30c7\u30a3\u30a2\u3092\u78ba\u8a8d\u3059\u308b<\/p>\n      <img src="<?php echo get_template_directory_uri(); ?>\/img\/arrow.png" alt="\u77e2\u5370\u753b\u50cf">\n    <\/a>\n  <\/div>\n<\/div><\/code><\/pre><\/div>\n\n\n\n
    \u30b3\u30fc\u30c9\u306e\u89e3\u8aac<\/h3>\n\n\n\n
    \u3053\u306e\u30b3\u30fc\u30c9\u306f\u3001\u5916\u90e8\u306eRSS\u30d5\u30a3\u30fc\u30c9\u3092\u53d6\u5f97\u3057\u3001\u305d\u306e\u5185\u5bb9\uff08\u30bf\u30a4\u30c8\u30eb\u3001\u753b\u50cf\u3001\u30ab\u30c6\u30b4\u30ea\u30fc\u3001\u65e5\u4ed8\uff09\u3092\u30b9\u30bf\u30a4\u30ea\u30f3\u30b0\u3055\u308c\u305f\u30ea\u30b9\u30c8\u3068\u3057\u3066\u8868\u793a\u3059\u308b\u3082\u306e\u3067\u3059\u3002\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u9762\u3067\u306f\u3001esc_url<\/code>\u3084esc_html<\/code>\u95a2\u6570\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u3092\u30a8\u30b9\u30b1\u30fc\u30d7\u3057\u3001XSS\u653b\u6483\u3092\u9632\u3044\u3067\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
    1. RSS\u30d5\u30a3\u30fc\u30c9\u306e\u53d6\u5f97<\/strong><\/h4>\n\n\n\n
    WordPress\u306e\u30d5\u30a3\u30fc\u30c9\u95a2\u9023\u306e\u95a2\u6570\u3092\u8aad\u307f\u8fbc\u307f\u3001\u6307\u5b9a\u3055\u308c\u305fURL\u304b\u3089RSS\u30d5\u30a3\u30fc\u30c9\u3092\u53d6\u5f97\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
    include_once( ABSPATH . WPINC . '\/feed.php' );\n$feeduri = 'https:\/\/withcode.tech\/media\/feed\/';\n$rss = fetch_feed($feeduri);<\/code><\/pre><\/div>\n\n\n\n
    2. \u30d5\u30a3\u30fc\u30c9\u30a2\u30a4\u30c6\u30e0\u306e\u53d6\u5f97<\/strong><\/h4>\n\n\n\n
    \u30a8\u30e9\u30fc\u304c\u306a\u3051\u308c\u3070\u3001\u6700\u65b0\u306e5\u4ef6\u306e\u30a2\u30a4\u30c6\u30e0\u3092\u53d6\u5f97\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
    if (!is_wp_error($rss)) {\n  $maxitems = $rss->get_item_quantity(5);\n  $rss_items = $rss->get_items( 0, $maxitems );\n}<\/code><\/pre><\/div>\n\n\n\n
    3. \u30d5\u30a3\u30fc\u30c9\u30a2\u30a4\u30c6\u30e0\u306e\u30eb\u30fc\u30d7\u51e6\u7406<\/strong><\/h4>\n\n\n\n
    \u53d6\u5f97\u3057\u305f\u30a2\u30a4\u30c6\u30e0\u3092\u9806\u306b\u51e6\u7406\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
    foreach ( $rss_items as $item ) :<\/code><\/pre><\/div>\n\n\n\n
    4. \u8a18\u4e8b\u753b\u50cf\u306e\u53d6\u5f97<\/strong><\/h4>\n\n\n\n
    \u8a18\u4e8b\u672c\u6587\u304b\u3089\u6700\u521d\u306e\u753b\u50cf\u306eURL\u3092\u6b63\u898f\u8868\u73fe\u3067\u62bd\u51fa\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
    if ( preg_match( '\/<img.+?src="([^"]+)".*?>\/msi', $item->get_content(), $matches ) ) {\n $first_img = $matches[1];\n}<\/code><\/pre><\/div>\n\n\n\n
    5. \u30bf\u30a4\u30c8\u30eb\u306e\u8868\u793a<\/strong><\/h4>\n\n\n\n
    \u30bf\u30a4\u30c8\u30eb\u304c30\u6587\u5b57\u3092\u8d85\u3048\u308b\u5834\u5408\u306f\u7701\u7565\u3057\u3066\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
    $title = $item->get_title();\nif ( mb_strlen( $title ) > 30 ) {\n  echo mb_substr( $title, 0, 30 ) . '...';\n} else {\n  echo esc_html( $title );\n}<\/code><\/pre><\/div>\n\n\n\n
    6. \u30ab\u30c6\u30b4\u30ea\u30fc\u306e\u8868\u793a<\/strong><\/h4>\n\n\n\n
    \u8a18\u4e8b\u306e\u30ab\u30c6\u30b4\u30ea\u30fc\u3092\u53d6\u5f97\u3057\u3066\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
    if ($item->get_categories()) {\n  $categories = array();\n  foreach ($item->get_categories() as $category) {\n    $categories[] = esc_html($category->get_label());\n  }\n    echo implode(', ', $categories);\n}<\/code><\/pre><\/div>\n\n\n\n
    7. \u65e5\u4ed8\u306e\u8868\u793a<\/strong><\/h4>\n\n\n\n
    \u8a18\u4e8b\u306e\u65e5\u4ed8\u3092\u6307\u5b9a\u306e\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3067\u53d6\u5f97\u3057\u3066\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
    $item_date = $item->get_date( 'Y\/m\/d' );<\/code><\/pre><\/div>\n\n\n\n
    fetch_feed\u306e\u516c\u5f0f\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9\u306f\u3053\u3061\u3089<\/a>\u3092\u3054\u53c2\u7167\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n
    \u975e\u540c\u671f\u3067\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u8aad\u307f\u8fbc\u307f<\/h2>\n\n\n
    \n
    \"\"<\/figure>\n<\/div>\n\n
    \"\"\u30da\u30f3\u535a\u58eb<\/span><\/div>
    \n
    \u3053\u3053\u3067\u306f\u3001JavaScript\u3092\u4f7f\u7528\u3057\u3066\u3001\u30ab\u30c6\u30b4\u30ea\u30fc\u9078\u629e\u6642\u306b\u975e\u540c\u671f\u3067\u8a18\u4e8b\u3092\u8aad\u307f\u8fbc\u3080\u6a5f\u80fd\u306e\u5b9f\u88c5\u65b9\u6cd5\u3092\u89e3\u8aac\u3059\u308b\u305e\u3002<\/strong><\/p>\n<\/span><\/span><\/span><\/div><\/div><\/div><\/div>\n\n\n
    \u975e\u540c\u671f\u3067\u8a18\u4e8b\u3092\u8aad\u307f\u8fbc\u3080\u65b9\u6cd5<\/h3>\n\n\n\n
    \u30ab\u30c6\u30b4\u30ea\u30fc\u304c\u9078\u629e\u3055\u308c\u305f\u3068\u304d\u306b\u3001\u30da\u30fc\u30b8\u5168\u4f53\u3092\u30ea\u30ed\u30fc\u30c9\u305b\u305a\u306b\u8a18\u4e8b\u3092\u66f4\u65b0\u3067\u304d\u308c\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u4f53\u9a13\u304c\u5927\u5e45\u306b\u5411\u4e0a<\/strong><\/span>\u3057\u307e\u3059\u3002\u305d\u3053\u3067\u3001JavaScript\u3092\u4f7f\u7528\u3057\u3066\u975e\u540c\u671f\u3067\u8a18\u4e8b\u3092\u8aad\u307f\u8fbc\u3080\u6a5f\u80fd\u3092\u5b9f\u88c5\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n
    function loadPosts(category = '') {\n    fetch(`get_posts.php?category=${encodeURIComponent(category)}`)\n        .then(response => response.text())\n        .then(html => {\n            document.getElementById('posts-container').innerHTML = html;\n        })\n        .catch(error => {\n            console.error('Error:', error);\n        });\n}\n\ndocument.getElementById('category-select').addEventListener('change', function() {\n    loadPosts(this.value);\n});<\/code><\/pre><\/div>\n\n\n\n
    \u30b3\u30fc\u30c9\u306e\u89e3\u8aac<\/h3>\n\n\n\n
      \n
    1. loadPosts()<\/code> \u95a2\u6570: \u9078\u629e\u3055\u308c\u305f\u30ab\u30c6\u30b4\u30ea\u30fc\u306b\u57fa\u3065\u3044\u3066\u8a18\u4e8b\u3092\u975e\u540c\u671f\u3067\u8aad\u307f\u8fbc\u307f\u307e\u3059\u3002<\/li>\n\n\n\n
    2. fetch()<\/code>: \u9078\u629e\u3055\u308c\u305f\u30ab\u30c6\u30b4\u30ea\u30fc\u3092\u30d1\u30e9\u30e1\u30fc\u30bf\u3068\u3057\u3066 get_posts.php<\/code> \u306b\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u9001\u4fe1\u3057\u307e\u3059\u3002<\/li>\n\n\n\n
    3. encodeURIComponent()<\/code>: \u30ab\u30c6\u30b4\u30ea\u30fc\u540d\u3092\u9069\u5207\u306b\u30a8\u30f3\u30b3\u30fc\u30c9\u3057\u3001URL\u306e\u5b89\u5168\u6027\u3092\u78ba\u4fdd\u3002<\/li>\n\n\n\n
    4. \u30a4\u30d9\u30f3\u30c8\u30ea\u30b9\u30ca\u30fc: \u30ab\u30c6\u30b4\u30ea\u30fc\u304c\u9078\u629e\u3055\u308c\u305f\u3068\u304d\u306b loadPosts()<\/code> \u95a2\u6570\u3092\u547c\u3073\u51fa\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n
      \u3053\u306e JavaScript \u30b3\u30fc\u30c9\u306f\u3001\u30ab\u30c6\u30b4\u30ea\u30fc\u304c\u9078\u629e\u3055\u308c\u308b\u305f\u3073\u306b loadPosts()<\/code> \u95a2\u6570\u3092\u547c\u3073\u51fa\u3057\u3001\u9078\u629e\u3055\u308c\u305f\u30ab\u30c6\u30b4\u30ea\u30fc\u306b\u5fdc\u3058\u305f\u8a18\u4e8b\u3092\u975e\u540c\u671f\u3067\u8aad\u307f\u8fbc\u307f\u307e\u3059\u3002encodeURIComponent()<\/code> \u95a2\u6570\u3092\u4f7f\u7528\u3057\u3066\u30ab\u30c6\u30b4\u30ea\u30fc\u540d\u3092\u30a8\u30f3\u30b3\u30fc\u30c9\u3059\u308b\u3053\u3068\u3067\u3001\u7279\u6b8a\u6587\u5b57\u3092\u542b\u3080\u30ab\u30c6\u30b4\u30ea\u30fc\u540d\u3067\u3082\u5b89\u5168\u306b\u6271\u3048\u308b\u3088\u3046\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n
      \"\"\u751f\u5f92<\/span><\/div>
      \n
      \u3059\u3054\u3044\u3067\u3059\u306d\uff01WordPress\u306e fetch_feed<\/code> \u3092\u4f7f\u3048\u3070\u3001\u5225\u306e\u30b5\u30a4\u30c8\u306e\u8a18\u4e8b\u307e\u3067\u53d6\u308a\u8fbc\u3081\u308b\u306a\u3093\u3066\u3002\u3057\u304b\u3082\u30ab\u30c6\u30b4\u30ea\u3067\u9078\u3079\u308b\u6a5f\u80fd\u307e\u3067\u3064\u3051\u3089\u308c\u308b\u306a\u3093\u3066\u3001\u4fbf\u5229\u3059\u304e\u307e\u3059\uff01<\/strong><\/p>\n<\/span><\/span><\/span><\/div><\/div><\/div><\/div>\n\n
      \"\"\u30da\u30f3\u535a\u58eb<\/span><\/div>
      \n
      \u305d\u3046\u3058\u3083\u308d\u3046\u3002RSS\u30d5\u30a3\u30fc\u30c9\u3092\u5229\u7528\u3059\u308c\u3070\u3001API\u304c\u7528\u610f\u3055\u308c\u3066\u3044\u306a\u3044\u30b5\u30a4\u30c8\u3067\u3082\u60c5\u5831\u3092\u53d6\u308a\u8fbc\u3081\u308b\u3002\u3057\u304b\u3082\u30ad\u30e3\u30c3\u30b7\u30e5\u3084\u30ab\u30c6\u30b4\u30ea\u7d5e\u308a\u8fbc\u307f\u3092\u5de5\u592b\u3059\u308c\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u3068\u3063\u3066\u3082\u4f7f\u3044\u3084\u3059\u3044\u4ed5\u7d44\u307f\u306b\u306a\u308b\u3093\u3058\u3083\u3002<\/strong><\/p>\n<\/span><\/span><\/span><\/div><\/div><\/div><\/div>\n\n
      \"\"\u751f\u5f92<\/span><\/div>
      \n
      \u305d\u3046\u306a\u3093\u3067\u3059\u306d\uff01\u3068\u3066\u3082\u52c9\u5f37\u306b\u306a\u308a\u307e\u3057\u305f\uff01\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\uff01<\/strong><\/p>\n<\/span><\/span><\/span><\/div><\/div><\/div><\/div>\n\n\n
      \u307e\u3068\u3081<\/h2>\n\n\n\n
      \u672c\u8a18\u4e8b\u3067\u306f\u3001WordPress\u3067\u5225\u30c9\u30e1\u30a4\u30f3\u306e\u30b5\u30a4\u30c8\u304b\u3089\u8a18\u4e8b\u3092\u53d6\u5f97\u3057\u3001\u30ab\u30c6\u30b4\u30ea\u30fc\u9078\u629e\u6a5f\u80fd\u3092\u5b9f\u88c5\u3059\u308b\u65b9\u6cd5\u3092\u89e3\u8aac\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n
      \u5b9f\u88c5\u3059\u308c\u3070\u3001\u4ee5\u4e0b\u306e\u3053\u3068\u306b\u6d3b\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
      \u30fb\u8907\u6570\u30d6\u30ed\u30b0\u3092\u307e\u3068\u3081\u305f\u30dd\u30fc\u30bf\u30eb\u30b5\u30a4\u30c8\u306e\u69cb\u7bc9<\/strong>
      \u30fb\u30cb\u30e5\u30fc\u30b9\u3084\u6700\u65b0\u8a18\u4e8b\u3092\u81ea\u52d5\u3067\u96c6\u7d04\u3057\u305f\u60c5\u5831\u30b5\u30a4\u30c8<\/strong>
      \u30fb\u30ab\u30c6\u30b4\u30ea\u30fc\u5225\u306b\u6574\u7406\u3055\u308c\u305f\u8a18\u4e8b\u4e00\u89a7\u306e\u63d0\u4f9b<\/strong><\/p>\n\n\n\n
      \u672c\u8a18\u4e8b\u3067\u7d39\u4ecb\u3057\u305f\u65b9\u6cd5\u3092\u4f7f\u3048\u3070\u3001WordPress\u306e\u53ef\u80fd\u6027\u3092\u3055\u3089\u306b\u5e83\u3052\u3001\u3088\u308a\u9b45\u529b\u7684\u3067\u6a5f\u80fd\u7684\u306aWeb\u30b5\u30a4\u30c8\u3092\u4f5c\u308c\u307e\u3059\u3002\u305c\u3072\u3001\u3054\u81ea\u8eab\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u53d6\u308a\u5165\u308c\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n
      WithCode\u3092\u4f53\u9a13\u3067\u304d\u308b\u521d\u7d1a\u30b3\u30fc\u30b9\u516c\u958b\u4e2d\uff01<\/h2>\n\n\n
      \n
      \"\"<\/figure>\n<\/div>\n\n\n
      \u521d\u7d1a\u30b3\u30fc\u30b9(\u00a549,800)\u304c\u5b8c\u5168\u7121\u6599\u306b\uff01<\/h3>\n\n\n\n