{"id":8330,"date":"2025-07-14T13:09:11","date_gmt":"2025-07-14T04:09:11","guid":{"rendered":"https:\/\/code-plus.jp\/gp\/?p=8330"},"modified":"2026-01-08T11:17:08","modified_gmt":"2026-01-08T02:17:08","slug":"post-8330","status":"publish","type":"post","link":"https:\/\/code-plus.jp\/gp\/post-8330\/","title":{"rendered":"WordPress\u306e\u300c\u524d\u306e\u8a18\u4e8b\u30fb\u6b21\u306e\u8a18\u4e8b\u300d\u306e\u4f5c\u308a\u65b9"},"content":{"rendered":"<p>WordPress\u30b5\u30a4\u30c8\u3067\u6295\u7a3f\u8a18\u4e8b\u306e\u4e0b\u90e8\u306b\u3088\u304f\u898b\u304b\u3051\u308b\u300c\u524d\u306e\u8a18\u4e8b\u30fb\u6b21\u306e\u8a18\u4e8b\u300d\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3002\u3053\u308c\u304c\u3042\u308b\u3053\u3068\u3067\u3001\u8aad\u8005\u304c\u95a2\u9023\u3059\u308b\u8a18\u4e8b\u3092\u7c21\u5358\u306b\u898b\u3064\u3051\u3089\u308c\u3001\u30b5\u30a4\u30c8\u306e\u56de\u904a\u7387\u5411\u4e0a\u306b\u3082\u3064\u306a\u304c\u308a\u307e\u3059\u3002<\/p>\r\n<p>\u4eca\u56de\u306f\u3001\u30ab\u30b9\u30bf\u30e0\u30c6\u30fc\u30de\u3067\u3053\u306e\u6a5f\u80fd\u3092\u5b9f\u88c5\u3059\u308b\u65b9\u6cd5\u3092\u3001\u30b3\u30fc\u30c9\u306e\u6280\u8853\u7684\u306a\u89e3\u8aac\u3082\u542b\u3081\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u307e\u3059\u3002<\/p>\r\n<h2 class=\"fz-xl\">\u5b8c\u6210\u30a4\u30e1\u30fc\u30b8<\/h2>\r\n<p>\u8a18\u4e8b\u306e\u4e0b\u90e8\u306b\u3001\u524d\u306e\u8a18\u4e8b\u3068\u6b21\u306e\u8a18\u4e8b\u304c\u6a2a\u4e26\u3073\u3067\u8868\u793a\u3055\u308c\u3001\u305d\u308c\u305e\u308c\u306b\u30b5\u30e0\u30cd\u30a4\u30eb\u753b\u50cf\u3001\u8a18\u4e8b\u30bf\u30a4\u30c8\u30eb\u3001\u300c\u524d\u306e\u8a18\u4e8b\u300d\u300c\u6b21\u306e\u8a18\u4e8b\u300d\u306e\u30e9\u30d9\u30eb\u304c\u914d\u7f6e\u3055\u308c\u305f\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5bfe\u5fdc\u3067\u3001\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u3067\u306f\u7e26\u4e26\u3073\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\r\n<h2 class=\"fz-xl\">PHP\u30b3\u30fc\u30c9\u306e\u5b9f\u88c5<\/h2>\r\n<p>\u307e\u305a\u3001\u524d\u5f8c\u306e\u8a18\u4e8b\u60c5\u5831\u3092\u53d6\u5f97\u30fb\u8868\u793a\u3059\u308bPHP\u30b3\u30fc\u30c9\u304b\u3089\u898b\u3066\u3044\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\r\n<h3 class=\"fz-lg\">prevnextPost.php<\/h3>\r\n<pre><code class=\"language-php\">&lt;!-- \u25bcprevnextPost.php\uff08\u524d\u306e\u8a18\u4e8b\u30fb\u6b21\u306e\u8a18\u4e8b\uff09 --&gt;\r\n&lt;?php\r\n\/**\r\n * \u8a18\u4e8b\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3059\u308b\u95a2\u6570\r\n *\/\r\nfunction get_post_navigation_data($post, $default_title = &#39;\u8a18\u4e8b\u304c\u3042\u308a\u307e\u305b\u3093&#39;) {\r\n    if (!$post) {\r\n        return [\r\n            &#39;title&#39; =&gt; &#39;&lt;h6 class=&quot;prxtPost-title&quot;&gt;&#39; . $default_title,\r\n            &#39;link&#39; =&gt; &#39;&lt;a class=&quot;hasnt-post&quot;&gt;&#39;,\r\n            &#39;thumbnail&#39; =&gt; &#39;&#39;\r\n        ];\r\n    }\r\n    \r\n    $title = &#39;&lt;h6 class=&quot;prxtPost-title&quot;&gt;&#39; . esc_html(strip_tags(get_the_title($post-&gt;ID)));\r\n    $link = &#39;&lt;a href=&quot;&#39; . esc_url(get_permalink($post-&gt;ID)) . &#39;&quot;&gt;&#39;;\r\n    \r\n    if (has_post_thumbnail($post-&gt;ID)) {\r\n        $thumbnail = get_the_post_thumbnail($post-&gt;ID, &#39;thumbnail&#39;);\r\n    } else {\r\n        $noimage_url = get_theme_file_uri(&#39;assets\/images\/default_image.png&#39;);\r\n        $thumbnail = &#39;&lt;img src=&quot;&#39; . esc_url($noimage_url) . &#39;&quot; alt=&quot;\u30c7\u30d5\u30a9\u30eb\u30c8\u753b\u50cf&quot; \/&gt;&#39;;\r\n    }\r\n    \r\n    return compact(&#39;title&#39;, &#39;link&#39;, &#39;thumbnail&#39;);\r\n}\r\n\r\n\/\/ \u524d\u5f8c\u306e\u8a18\u4e8b\u3092\u53d6\u5f97\r\n$prevPost = get_previous_post();\r\n$nextPost = get_next_post();\r\n\r\n\/\/ \u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\r\n$prev = get_post_navigation_data($prevPost);\r\n$next = get_post_navigation_data($nextPost);\r\n?&gt;\r\n\r\n&lt;?php if ($prevPost || $nextPost) : ?&gt;\r\n&lt;!-- \u524d\u306e\u8a18\u4e8b\u304b\u6b21\u306e\u8a18\u4e8b\u306e\u3069\u3061\u3089\u304b\u304c\u5b58\u5728\u3057\u3066\u3044\u308b\u306a\u3089 --&gt;\r\n&lt;div id=&quot;prevnextBvzN&quot; class=&quot;prxtPost-container&quot;&gt;\r\n  &lt;div class=&quot;prxtPost-wrapper&quot;&gt;\r\n    \r\n    &lt;!-- \u524d\u306e\u8a18\u4e8b --&gt;\r\n    &lt;?php echo $prev[&#39;link&#39;]; ?&gt;\r\n    &lt;dl class=&quot;prxtPost-slide-prev&quot;&gt;\r\n      &lt;dt class=&quot;prxtPost-term&quot;&gt;&lt;?php echo $prev[&#39;thumbnail&#39;]; ?&gt;&lt;\/dt&gt;\r\n      &lt;dd class=&quot;prxtPost-data&quot;&gt;\r\n        &lt;?php echo $prev[&#39;title&#39;] . &#39;&lt;\/h6&gt;&#39;; ?&gt;\r\n        &lt;u class=&quot;prxtPost-upper&quot;&gt;&lt;i class=&quot;icon&quot;&gt;&lt;\/i&gt;\u524d\u306e\u8a18\u4e8b&lt;\/u&gt;\r\n      &lt;\/dd&gt;\r\n    &lt;\/dl&gt;\r\n    &lt;\/a&gt;\r\n    \r\n    &lt;!-- \u6b21\u306e\u8a18\u4e8b --&gt;\r\n    &lt;?php echo $next[&#39;link&#39;]; ?&gt;\r\n    &lt;dl class=&quot;prxtPost-slide-next&quot;&gt;\r\n      &lt;dt class=&quot;prxtPost-term&quot;&gt;&lt;?php echo $next[&#39;thumbnail&#39;]; ?&gt;&lt;\/dt&gt;\r\n      &lt;dd class=&quot;prxtPost-data&quot;&gt;\r\n        &lt;?php echo $next[&#39;title&#39;] . &#39;&lt;\/h6&gt;&#39;; ?&gt;\r\n        &lt;u class=&quot;prxtPost-upper&quot;&gt;&lt;i class=&quot;icon&quot;&gt;&lt;\/i&gt;\u6b21\u306e\u8a18\u4e8b&lt;\/u&gt;\r\n      &lt;\/dd&gt;\r\n    &lt;\/dl&gt;\r\n    &lt;\/a&gt;\r\n    \r\n  &lt;\/div&gt;\r\n&lt;\/div&gt;&lt;!-- \/\/\/.prxtPost-container --&gt;\r\n&lt;?php endif; ?&gt;\r\n&lt;!-- \/\/\/\u25b2prevnextPost.php --&gt;\r\n<\/code><\/pre>\r\n<h2 class=\"fz-xl\">\u30b3\u30fc\u30c9\u306e\u6280\u8853\u7684\u89e3\u8aac<\/h2>\r\n<h3 class=\"fz-lg\">1. \u524d\u5f8c\u8a18\u4e8b\u306e\u53d6\u5f97<\/h3>\r\n<pre><code class=\"language-php\">$prevPost = get_previous_post();\r\n$nextPost = get_next_post();\r\n<\/code><\/pre>\r\n<p>WordPress\u306e\u6a19\u6e96\u95a2\u6570\u3092\u4f7f\u7528\u3057\u3066\u3001\u73fe\u5728\u306e\u8a18\u4e8b\u306e\u524d\u5f8c\u306e\u8a18\u4e8b\u3092\u53d6\u5f97\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u95a2\u6570\u306f\u6295\u7a3f\u65e5\u6642\u9806\u3067\u524d\u5f8c\u306e\u8a18\u4e8b\u3092\u5224\u5b9a\u3057\u307e\u3059\u3002<\/p>\r\n<h3 class=\"fz-lg\">2. \u95a2\u6570\u5316\u306b\u3088\u308b\u30b3\u30fc\u30c9\u306e\u6574\u7406<\/h3>\r\n<pre><code class=\"language-php\">function get_post_navigation_data($post, $default_title = &#39;\u8a18\u4e8b\u304c\u3042\u308a\u307e\u305b\u3093&#39;) {\r\n    \/\/ ...\r\n}\r\n<\/code><\/pre>\r\n<p>\u524d\u306e\u8a18\u4e8b\u3068\u6b21\u306e\u8a18\u4e8b\u3067\u540c\u3058\u51e6\u7406\u3092\u884c\u3046\u305f\u3081\u3001\u5171\u901a\u51e6\u7406\u3092\u95a2\u6570\u5316\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\uff1a<\/p>\r\n<ul style=\"list-style-type:bullet;\">\r\n<li>\u30b3\u30fc\u30c9\u306e\u91cd\u8907\u3092\u524a\u6e1b<\/li>\r\n<li>\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u304c\u5bb9\u6613<\/li>\r\n<li>\u51e6\u7406\u306e\u7d71\u4e00\u6027\u3092\u4fdd\u8a3c<\/li>\r\n<\/ul>\r\n<h3 class=\"fz-lg\">3. \u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56<\/h3>\r\n<pre><code class=\"language-php\">$title = &#39;&lt;h6 class=&quot;prxtPost-title&quot;&gt;&#39; . esc_html(strip_tags(get_the_title($post-&gt;ID)));\r\n$link = &#39;&lt;a href=&quot;&#39; . esc_url(get_permalink($post-&gt;ID)) . &#39;&quot;&gt;&#39;;\r\n<\/code><\/pre>\r\n<p><b class=\"bold\">\u91cd\u8981\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u51e6\u7406\uff1a<\/b><\/p>\r\n<ul style=\"list-style-type:bullet;\">\r\n<li><code>strip_tags()<\/code>: HTML\u30bf\u30b0\u3092\u9664\u53bb\uff08\u8a18\u4e8b\u30bf\u30a4\u30c8\u30eb\u306b\u542b\u307e\u308c\u308b<code>&lt;br&gt;<\/code>\u7b49\u304c\u8868\u793a\u3055\u308c\u308b\u306e\u3092\u9632\u3050\uff09<\/li>\r\n<li><code>esc_html()<\/code>: HTML\u30a8\u30b9\u30b1\u30fc\u30d7\u51e6\u7406<\/li>\r\n<li><code>esc_url()<\/code>: URL \u306e\u30b5\u30cb\u30bf\u30a4\u30ba<\/li>\r\n<\/ul>\r\n<h3 class=\"fz-lg\">4. \u30b5\u30e0\u30cd\u30a4\u30eb\u753b\u50cf\u306e\u51e6\u7406<\/h3>\r\n<pre><code class=\"language-php\">if (has_post_thumbnail($post-&gt;ID)) {\r\n    $thumbnail = get_the_post_thumbnail($post-&gt;ID, &#39;thumbnail&#39;);\r\n} else {\r\n    $noimage_url = get_theme_file_uri(&#39;assets\/images\/default_image.png&#39;);\r\n    $thumbnail = &#39;&lt;img src=&quot;&#39; . esc_url($noimage_url) . &#39;&quot; alt=&quot;\u30c7\u30d5\u30a9\u30eb\u30c8\u753b\u50cf&quot; \/&gt;&#39;;\r\n}\r\n<\/code><\/pre>\r\n<p><b class=\"bold\">\u30dd\u30a4\u30f3\u30c8\uff1a<\/b><\/p>\r\n<ul style=\"list-style-type:bullet;\">\r\n<li><code>has_post_thumbnail()<\/code>: \u30a2\u30a4\u30ad\u30e3\u30c3\u30c1\u753b\u50cf\u306e\u5b58\u5728\u30c1\u30a7\u30c3\u30af<\/li>\r\n<li><code>get_theme_file_uri()<\/code>: WordPress 4.7\u4ee5\u964d\u306e\u63a8\u5968\u65b9\u5f0f\uff08\u5b50\u30c6\u30fc\u30de\u5bfe\u5fdc\uff09<\/li>\r\n<li>\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\u753b\u50cf\u306e\u8a2d\u5b9a\u3067\u3001\u753b\u50cf\u304c\u306a\u3044\u8a18\u4e8b\u3067\u3082\u30ec\u30a4\u30a2\u30a6\u30c8\u304c\u5d29\u308c\u306a\u3044<\/li>\r\n<\/ul>\r\n<h3 class=\"fz-lg\">5. \u6761\u4ef6\u5206\u5c90\u306b\u3088\u308b\u8868\u793a\u5236\u5fa1<\/h3>\r\n<pre><code class=\"language-php\">&lt;?php if ($prevPost || $nextPost) : ?&gt;\r\n<\/code><\/pre>\r\n<p>\u524d\u306e\u8a18\u4e8b\u307e\u305f\u306f\u6b21\u306e\u8a18\u4e8b\u306e\u3069\u3061\u3089\u304b\u304c\u5b58\u5728\u3059\u308b\u5834\u5408\u306e\u307f\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3092\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\r\n<h2 class=\"fz-xl\">CSS\u30b9\u30bf\u30a4\u30ea\u30f3\u30b0<\/h2>\r\n<pre><code class=\"language-css\">\/* prevnextPost\uff1aCSS\uff08\u524d\u306e\u8a18\u4e8b\u30fb\u6b21\u306e\u8a18\u4e8b\uff09\r\n-------------------------------------- *\/\r\n.prxtPost-container {\r\n\tmargin-top: 2pc;\r\n\tdisplay: block;\r\n\twidth: 728px;\r\n\tmax-width: 100%;\r\n\theight: auto;\r\n\tmargin-inline: auto;\r\n\toverflow: visible;\r\n}\r\n\r\n.prxtPost-wrapper {\r\n\twidth: 100%;\r\n}\r\n\r\n.prxtPost-wrapper a {\r\n\tdisplay: inline-block;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground: hsla(0, 0%, 98%, 1);\r\n}\r\n\r\n\/* hover *\/\r\n@media (any-hover: hover) {\r\n\t.prxtPost-wrapper a[href]:hover {\r\n\t\tbackground: hsla(0, 0%, 91%, 1);\r\n\t\tfilter: brightness(1.05);\r\n\t}\r\n}\r\n\r\n\/* \u30ea\u30f3\u30af\u7121\u52b9 *\/\r\n.prxtPost-wrapper a.hasnt-post {\r\n\tpointer-events: none;\r\n\tcursor: none;\r\n}\r\n\r\n.prxtPost-wrapper [class*=&quot;prxtPost-slide&quot;] {\r\n\tposition: relative;\r\n\tdisplay: table;\r\n\twidth: 100%;\r\n\theight: 90px;\r\n\tbackground: transparent;\r\n\tborder: 1px var(--c-silver, hsl(223, 6%, 75%)) solid;\r\n}\r\n\r\n.prxtPost-wrapper .prxtPost-term {\r\n\twidth: 90px;\r\n\theight: 90px;\r\n\tbackground: var(--c-whitesmoke, hsl(223, 6%, 96%));\r\n}\r\n\r\n.prxtPost-wrapper .prxtPost-term img {\r\n\twidth: 90px;\r\n\theight: 90px;\r\n\tobject-fit: cover;\r\n}\r\n\r\n\/* img + padding *\/\r\n.prxtPost-wrapper .prxtPost-data {\r\n\tdisplay: table-cell;\r\n\tvertical-align: middle;\r\n\twidth: 100%;\r\n\theight: auto;\r\n\t\/* padding: \u5de6  \u53f3 *\/\r\n\tpadding-inline: 1pc;\r\n\ttext-align: center;\r\n}\r\n\r\n.prxtPost-wrapper .prxtPost-title {\r\n\tfont-size: 15px;\r\n\tfont-weight: 500;\r\n\ttext-align: center;\r\n\tcolor: var(--c-text, hsl(223, 6%, 13%));\r\n}\r\n\r\n.prxtPost-wrapper a.hasnt-post .prxtPost-title {\r\n\tcolor: var(--c-silver, hsl(223, 6%, 75%));\r\n}\r\n\r\n.prxtPost-wrapper .prxtPost-upper {\r\n\t\/* padding: \u4e0a  \u6a2a  \u4e0b *\/\r\n\tpadding: 5px 0px 5px;\r\n\tfont-size: 14px;\r\n\tfont-weight: 600;\r\n\tcolor: var(--c-text);\r\n}\r\n\r\n.prxtPost-wrapper .prxtPost-upper {\r\n\tposition: absolute;\r\n\ttop: -38px;\r\n\tleft: 0px;\r\n}\r\n\r\n\/* prxtPost\uff1aCSS\uff08SP\uff09 *\/\r\n@media screen and (max-width: 743.9px) {\r\n\t.prxtPost-wrapper .prxtPost-slide-next {\r\n\t\tmargin-top: 40px;\r\n\t}\r\n\r\n\t.prxtPost-wrapper .prxtPost-upper .icon {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-grid;\r\n\t\tplace-content: center;\r\n\t\tplace-items: center;\r\n\t\tmargin-left: -6px;\r\n\t}\r\n\r\n\t.prxtPost-wrapper .prxtPost-upper .icon::before {\r\n\t\tposition: relative;\r\n\t\ttop: 6px;\r\n\t\tdisplay: inline-grid;\r\n\t\tplace-content: center;\r\n\t\tplace-items: center;\r\n\t\tfont-size: 173.3%;\r\n\t\t\/* Material Symbols *\/\r\n\t\tfont-family: &#39;Material Symbols Sharp&#39;;\r\n\t\tfont-variation-settings:\r\n\t\t\t&#39;FILL&#39; 1,\r\n\t\t\t&#39;wght&#39; 300;\r\n\t\tcolor: var(--c-primary, hsl(223, 62%, 23%));\r\n\t}\r\n\r\n\t.prxtPost-wrapper .prxtPost-slide-prev .prxtPost-upper .icon::before {\r\n\t\tcontent: &quot;\\\\e045&quot;;\r\n\t}\r\n\r\n\t.prxtPost-wrapper .prxtPost-slide-next .prxtPost-upper .icon::before {\r\n\t\tcontent: &quot;\\\\e044&quot;;\r\n\t}\r\n}\r\n\r\n\/* \uff08PC\uff09 *\/\r\n@media print,\r\nscreen and (min-width: 744px) {\r\n\t.prxtPost-wrapper {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.prxtPost-wrapper [class*=&quot;prxtPost-slide&quot;] {\r\n\t\theight: 120px;\r\n\t}\r\n\r\n\t.prxtPost-wrapper .prxtPost-slide-next {\r\n\t\tborder-left: none;\r\n\t}\r\n\r\n\t.prxtPost-wrapper .prxtPost-term {\r\n\t\tposition: absolute;\r\n\t\tmargin: auto;\r\n\t}\r\n\r\n\t.prxtPost-wrapper .prxtPost-slide-prev .prxtPost-term {\r\n\t\tbottom: 0px;\r\n\t\tleft: 0px;\r\n\t}\r\n\r\n\t.prxtPost-wrapper .prxtPost-slide-next .prxtPost-term {\r\n\t\tbottom: 0px;\r\n\t\tright: 0px;\r\n\t}\r\n\r\n\t\/* img + padding *\/\r\n\t.prxtPost-wrapper .prxtPost-slide-prev .prxtPost-data {\r\n\t\t\/* padding: \u4e0a  \u53f3  \u4e0b  \u5de6 *\/\r\n\t\tpadding: 0px 15px 0px 105px;\r\n\t}\r\n\r\n\t.prxtPost-wrapper .prxtPost-slide-next .prxtPost-data {\r\n\t\t\/* padding: \u4e0a  \u53f3  \u4e0b  \u5de6 *\/\r\n\t\tpadding: 0px 105px 0px 15px;\r\n\t}\r\n\r\n\t.prxtPost-wrapper .prxtPost-upper {\r\n\t\tposition: absolute;\r\n\t\tmargin: auto;\r\n\t\twidth: 91px;\r\n\t\t\/* padding: \u4e0a  \u6a2a  \u4e0b *\/\r\n\t\tpadding: 5px 12px 5px;\r\n\t\tbackground: var(--c-primary, hsl(223, 62%, 23%));\r\n\t\tcolor: #FFF;\r\n\t}\r\n\r\n\t.prxtPost-wrapper .prxtPost-slide-prev .prxtPost-upper {\r\n\t\ttop: 0px;\r\n\t\tleft: -1px;\r\n\t\tright: auto;\r\n\t}\r\n\r\n\t.prxtPost-wrapper .prxtPost-slide-next .prxtPost-upper {\r\n\t\ttop: 0px;\r\n\t\tleft: auto;\r\n\t\tright: -1px;\r\n\t}\r\n}\r\n<\/code><\/pre>\r\n<h2 class=\"fz-xl\">\u30c6\u30fc\u30de\u30d5\u30a1\u30a4\u30eb\u3078\u306e\u7d44\u307f\u8fbc\u307f<\/h2>\r\n<h3 class=\"fz-lg\">single.php \u3078\u306e\u8ffd\u52a0<\/h3>\r\n<pre><code class=\"language-php\">&lt;?php get_header(); ?&gt;\r\n\r\n&lt;main&gt;\r\n    &lt;?php if (have_posts()) : ?&gt;\r\n        &lt;?php while (have_posts()) : the_post(); ?&gt;\r\n            &lt;article&gt;\r\n                &lt;h1&gt;&lt;?php the_title(); ?&gt;&lt;\/h1&gt;\r\n                &lt;div class=&quot;post-content&quot;&gt;\r\n                    &lt;?php the_content(); ?&gt;\r\n                &lt;\/div&gt;\r\n            &lt;\/article&gt;\r\n            \r\n            &lt;!-- \u524d\u306e\u8a18\u4e8b\u30fb\u6b21\u306e\u8a18\u4e8b --&gt;\r\n            &lt;?php get_template_part(&#39;template-parts\/prevnextPost&#39;); ?&gt;\r\n            \r\n        &lt;?php endwhile; ?&gt;\r\n    &lt;?php endif; ?&gt;\r\n&lt;\/main&gt;\r\n\r\n&lt;?php get_footer(); ?&gt;\r\n<\/code><\/pre>\r\n<h2 class=\"fz-xl\">\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u306e\u30dd\u30a4\u30f3\u30c8<\/h2>\r\n<h3 class=\"fz-lg\">1. \u30ab\u30c6\u30b4\u30ea\u30fc\u5185\u3067\u306e\u524d\u5f8c\u8a18\u4e8b\u53d6\u5f97<\/h3>\r\n<p>\u540c\u3058\u30ab\u30c6\u30b4\u30ea\u30fc\u5185\u306e\u8a18\u4e8b\u306e\u307f\u3092\u5bfe\u8c61\u306b\u3057\u305f\u3044\u5834\u5408\uff1a<\/p>\r\n<pre><code class=\"language-php\">$prevPost = get_previous_post(true);  \/\/ \u7b2c1\u5f15\u6570\u3092true\u306b\r\n$nextPost = get_next_post(true);\r\n<\/code><\/pre>\r\n<h3 class=\"fz-lg\">2. \u7279\u5b9a\u306e\u30ab\u30c6\u30b4\u30ea\u30fc\u3092\u9664\u5916<\/h3>\r\n<pre><code class=\"language-php\">$prevPost = get_previous_post(false, &#39;1,5,9&#39;); \/\/ \u30ab\u30c6\u30b4\u30ea\u30fcID 1,5,9\u3092\u9664\u5916\r\n$nextPost = get_next_post(false, &#39;1,5,9&#39;);\r\n<\/code><\/pre>\r\n<h3 class=\"fz-lg\">3. \u30c7\u30d5\u30a9\u30eb\u30c8\u753b\u50cf\u306e\u30d1\u30b9\u5909\u66f4<\/h3>\r\n<pre><code class=\"language-php\">$noimage_url = get_theme_file_uri(&#39;assets\/images\/your-default-image.png&#39;);\r\n<\/code><\/pre>\r\n<h2 class=\"fz-xl\">\u307e\u3068\u3081<\/h2>\r\n<p>\u3053\u306e\u5b9f\u88c5\u306b\u3088\u308a\u3001\u4ee5\u4e0b\u306e\u7279\u5fb4\u3092\u6301\u3064\u524d\u5f8c\u8a18\u4e8b\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u304c\u5b8c\u6210\u3057\u307e\u3059\uff1a<\/p>\r\n<ul style=\"list-style-type:bullet;\">\r\n<li><b class=\"bold\">\u30bb\u30ad\u30e5\u30a2\u306a\u5b9f\u88c5<\/b>: \u9069\u5207\u306a\u30a8\u30b9\u30b1\u30fc\u30d7\u51e6\u7406<\/li>\r\n<li><b class=\"bold\">\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5bfe\u5fdc<\/b>: PC\u30fb\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u4e21\u65b9\u306b\u6700\u9069\u5316<\/li>\r\n<li><b class=\"bold\">\u4fdd\u5b88\u6027<\/b>: \u95a2\u6570\u5316\u306b\u3088\u308b\u6574\u7406\u3055\u308c\u305f\u30b3\u30fc\u30c9<\/li>\r\n<li><b class=\"bold\">\u30e6\u30fc\u30b6\u30d3\u30ea\u30c6\u30a3<\/b>: \u76f4\u611f\u7684\u3067\u4f7f\u3044\u3084\u3059\u3044\u30c7\u30b6\u30a4\u30f3<\/li>\r\n<\/ul>\r\n<p>\u8aad\u8005\u306e\u56de\u904a\u7387\u5411\u4e0a\u306b\u52b9\u679c\u7684\u306a\u3053\u306e\u6a5f\u80fd\u3092\u3001\u305c\u3072\u3042\u306a\u305f\u306eWordPress\u30c6\u30fc\u30de\u306b\u5b9f\u88c5\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\r\n","protected":false},"excerpt":{"rendered":"WordPress\u30b5\u30a4\u30c8\u3067\u6295\u7a3f\u8a18\u4e8b\u306e\u4e0b\u90e8\u306b\u3088\u304f\u898b\u304b\u3051\u308b\u300c\u524d\u306e\u8a18\u4e8b\u30fb\u6b21\u306e\u8a18\u4e8b\u300d\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3002\u3053\u308c\u304c\u3042\u308b\u3053\u3068\u3067\u3001\u8aad\u8005\u304c\u95a2\u9023\u3059\u308b\u8a18\u4e8b\u3092\u7c21\u5358\u306b\u898b\u3064\u3051\u3089\u308c\u3001\u30b5\u30a4\u30c8\u306e\u56de\u904a\u7387\u5411\u4e0a\u306b\u3082\u3064\u306a\u304c\u308a\u307e\u3059\u3002 \u4eca\u56de\u306f\u3001\u30ab\u30b9\u30bf\u30e0\u30c6\u30fc\u30de\u3067\u3053\u306e\u6a5f\u80fd[...]","protected":false},"author":1,"featured_media":8336,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[168,169,170,171,154,102,111],"class_list":{"0":"post-8330","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-wordpress","8":"tag-168","9":"tag-169","10":"tag-170","11":"tag-171","12":"tag-154","13":"tag-wordpress","14":"tag-php"},"_links":{"self":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/posts\/8330","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/comments?post=8330"}],"version-history":[{"count":1,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/posts\/8330\/revisions"}],"predecessor-version":[{"id":8331,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/posts\/8330\/revisions\/8331"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/media\/8336"}],"wp:attachment":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/media?parent=8330"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/categories?post=8330"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/tags?post=8330"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}