{"id":3086,"date":"2020-05-03T11:30:43","date_gmt":"2020-05-03T02:30:43","guid":{"rendered":"https:\/\/naoya-ono.com\/blog\/?p=3086"},"modified":"2020-05-07T21:39:34","modified_gmt":"2020-05-07T12:39:34","slug":"wp-theme-dev-flow","status":"publish","type":"post","link":"https:\/\/naoya-ono.com\/blog\/wp-theme-dev-flow\/","title":{"rendered":"WordPress\u30c6\u30fc\u30de\u958b\u767a\u306e\u6d41\u308c\u3092\u3056\u3063\u304f\u308a\u3068\u89e3\u8aac"},"content":{"rendered":"<p>\u3061\u3087\u3063\u3068\u52c9\u5f37\u304c\u3066\u3089\u3001WordPress\u306e\u30c6\u30fc\u30de\u3092\u4f5c\u6210\u4e2d\u306a\u306e\u3067\u3001\u4f5c\u308a\u65b9\u306e\u624b\u9806\u3092\u30e1\u30e2\u3068\u3057\u3066\u6b8b\u3057\u3066\u304a\u304f\u3002<strong><\/strong><\/p>\n<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">\u76ee\u6b21<\/p><ul class=\"toc_list\"><li><a href=\"#STEP1_HTMLCSS\">STEP.1 HTML\u30fbCSS\u3092\u6e96\u5099\u3059\u308b<\/a><\/li><li><a href=\"#STEP2\">STEP2. \u74b0\u5883\u958b\u767a\u3092\u69cb\u7bc9\u3059\u308b<\/a><\/li><li><a href=\"#STEP3\">STEP3. \u521d\u671f\u8a2d\u5b9a<\/a><ul><li><a href=\"#WordPress\">WordPress\u306b\u8a8d\u8b58\u3055\u305b\u308b<\/a><\/li><li><a href=\"#i\">\u6587\u5b57\u30b3\u30fc\u30c9\u306e\u8a2d\u5b9a<\/a><\/li><li><a href=\"#i-2\">\u30b5\u30a4\u30c8\u30bf\u30a4\u30c8\u30eb\u306e\u5909\u66f4\u30fb\u30b5\u30a4\u30c8\u30bf\u30a4\u30c8\u30eb\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u6642\u306e\u9077\u79fb\u5148\u3092\u30db\u30fc\u30e0\u753b\u9762\u306b\u3059\u308b<\/a><\/li><li><a href=\"#i-3\">\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u30b9\u30bf\u30fc\u30c8\u3055\u305b\u308b\u305f\u3081\u306b\u5fc5\u9808\u306e\u8a2d\u5b9a<\/a><\/li><li><a href=\"#bodyclass\">body\u30bf\u30b0\u306bclass\u5c5e\u6027\u3092\u8ffd\u52a0<\/a><\/li><li><a href=\"#functionsphp\">functions.php\u306e\u8a2d\u5b9a<\/a><\/li><\/ul><\/li><li><a href=\"#STEP4\">STEP4. \u30d8\u30c3\u30c0\u30fc\u30fb\u30d5\u30c3\u30bf\u30fc\u30fb\u30b5\u30a4\u30c9\u30d0\u30fc \u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d1\u30fc\u30c4\u306b\u3059\u308b<\/a><\/li><li><a href=\"#STEP5\">STEP.5 \u30d6\u30ed\u30b0\u4e00\u89a7\u30da\u30fc\u30b8\u3092\u6574\u3048\u308b<\/a><ul><li><a href=\"#nbsp\">&nbsp;\u8a18\u4e8b\u4e00\u89a7\u3092\u8868\u793a\u3059\u308b<\/a><\/li><li><a href=\"#i-4\">\u8a18\u4e8b\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u6642\u306e\u9077\u79fb\u5148\u3092\u8a2d\u5b9a<\/a><\/li><li><a href=\"#i-5\">\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3059\u308b<\/a><\/li><\/ul><\/li><li><a href=\"#STEP6\">STEP.6 \u30b5\u30a4\u30c9\u30d0\u30fc \u306b\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3092\u8868\u793a\u3059\u308b<\/a><ul><li><a href=\"#i-6\">\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3092\u5b9a\u7fa9\u3059\u308b<\/a><\/li><li><a href=\"#i-7\">\u30b5\u30a4\u30c9\u30d0\u30fc \u306b\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3092\u8868\u793a\u3059\u308b<\/a><\/li><\/ul><\/li><li><a href=\"#STEP7\">STEP.7 \u6295\u7a3f\u30da\u30fc\u30b8\uff08\u8a18\u4e8b\u306e\u5185\u5bb9\u30da\u30fc\u30b8\uff09\u3092\u6574\u3048\u308b<\/a><ul><li><a href=\"#nbsp-2\">&nbsp;\u8a18\u4e8b\u306e\u30bf\u30a4\u30c8\u30eb\u3084\u5185\u5bb9\u3092\u8868\u793a\u3059\u308b<\/a><\/li><li><a href=\"#i-8\">\u300c \u524d\u306e\u8a18\u4e8b\u300d\u3001\u300c\u6b21\u306e\u8a18\u4e8b\u300d\u306e\u30ea\u30f3\u30af\u3092\u8868\u793a\u3059\u308b<\/a><\/li><\/ul><\/li><li><a href=\"#STEP8\">STEP.8 \u56fa\u5b9a\u30da\u30fc\u30b8\u3092\u6574\u3048\u308b<\/a><\/li><li><a href=\"#STEP9\">STEP.9 \u30ab\u30b9\u30bf\u30e0\u30e1\u30cb\u30e5\u30fc\u3092\u767b\u9332\u3059\u308b<\/a><ul><li><a href=\"#i-9\">\u30e1\u30cb\u30e5\u30fc\u3092\u767b\u9332\u3059\u308b<\/a><\/li><li><a href=\"#i-10\">\u30e1\u30cb\u30e5\u30fc\u3092\u8868\u793a\u3059\u308b<\/a><\/li><\/ul><\/li><li><a href=\"#STEP10\">STEP.10 \u30ab\u30c6\u30b4\u30ea\u30fc\u5225\u306e\u4e00\u89a7\u30da\u30fc\u30b8\u3067\u30ab\u30c6\u30b4\u30ea\u30fc\u30bf\u30a4\u30c8\u30eb\u3092\u8868\u793a\u3059\u308b<\/a><\/li><li><a href=\"#STEP11\">STEP.11 \u691c\u7d22\u30d5\u30a9\u30fc\u30e0\u3092\u8a2d\u7f6e\u3059\u308b<\/a><ul><li><a href=\"#1\">1. \u691c\u7d22\u30d5\u30a9\u30fc\u30e0\u306e\u4f5c\u6210<\/a><\/li><li><a href=\"#2\">2. \u691c\u7d22\u7d50\u679c\u753b\u9762\u306e\u4f5c\u6210<\/a><\/li><\/ul><\/li><li><a href=\"#STEP12_404\">STEP.12 404\u30a8\u30e9\u30fc\u30da\u30fc\u30b8\u3092\u8a2d\u7f6e\u3059\u308b<\/a><\/li><li><a href=\"#Level_up\">Level up \u2460\uff1a\u72ec\u81ea\u306e\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u3092\u958b\u767a\u3059\u308b\u306b\u306f\uff1f<\/a><\/li><li><a href=\"#Level_up-2\">Level up \u2461\uff1a\u30ab\u30b9\u30bf\u30de\u30a4\u30b6\u30fc\u306b\u8a2d\u5b9a\u3092\u8ffd\u52a0\u3059\u308b\u306b\u306f\uff1f<\/a><\/li><li><a href=\"#WordPress-2\">WordPress\u30c6\u30fc\u30de\u958b\u767a\u306b\u304a\u3059\u3059\u3081\u306e\u672c<\/a><\/li><\/ul><\/div>\n<h2 class=\"hh hh5 pastel-bc\" id=\"i-0\"><span id=\"STEP1_HTMLCSS\">STEP.1 HTML\u30fbCSS\u3092\u6e96\u5099\u3059\u308b<\/span><\/h2>\n<p>WordPress\u5316\u3057\u305f\u3044HTML\u3001CSS\u30d5\u30a1\u30a4\u30eb\uff08\u5fc5\u8981\u3067\u3042\u308c\u3070JS\u30d5\u30a1\u30a4\u30eb\u3082\uff09\u3092\u6e96\u5099\u3059\u308b\u3002<\/p>\n<p>\u307e\u3041\u3001\u3053\u3053\u306fWordPress\u3068\u306f\u95a2\u4fc2\u306a\u3044\u3051\u3069\u3001\u4ee5\u4e0b\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u7528\u610f\u3057\u3066\u304a\u3051\u3070\u3060\u3044\u305f\u3044OK\u3002<\/p>\n<table style=\"border-collapse: collapse; width: 100%; height: 312px;\">\n<tbody>\n<tr style=\"background-color: #1b435d;\">\n<td style=\"width: 31.8821%; height: 39px;\"><strong><span style=\"color: #ffffff;\">\u30d5\u30a1\u30a4\u30eb\u540d<\/span><\/strong><\/td>\n<td style=\"width: 68.1179%; height: 39px;\"><strong><span style=\"color: #ffffff;\">\u7528\u9014<\/span><\/strong><\/td>\n<\/tr>\n<tr style=\"height: 39px;\">\n<td style=\"width: 31.8821%; height: 39px;\"><strong>index.html<\/strong><\/td>\n<td style=\"width: 68.1179%; height: 39px;\">\u30e1\u30a4\u30f3\u30da\u30fc\u30b8<\/td>\n<\/tr>\n<tr style=\"height: 39px;\">\n<td style=\"width: 31.8821%; height: 39px;\"><strong>single.html<\/strong><\/td>\n<td style=\"width: 68.1179%; height: 39px;\">\u6295\u7a3f\u30da\u30fc\u30b8<\/td>\n<\/tr>\n<tr style=\"height: 39px;\">\n<td style=\"width: 31.8821%; height: 39px;\"><strong>page.html<\/strong><\/td>\n<td style=\"width: 68.1179%; height: 39px;\">\u56fa\u5b9a\u30da\u30fc\u30b8<\/td>\n<\/tr>\n<tr style=\"height: 39px;\">\n<td style=\"width: 31.8821%; height: 39px;\"><strong>archive.html<\/strong><\/td>\n<td style=\"width: 68.1179%; height: 39px;\">\u30a2\u30fc\u30ab\u30a4\u30d6\u30da\u30fc\u30b8\uff08\u30ab\u30c6\u30b4\u30ea\u30fc\u3068\u304b\u3001\u30bf\u30b0\u3068\u304b\uff09<\/td>\n<\/tr>\n<tr style=\"height: 39px;\">\n<td style=\"width: 31.8821%; height: 39px;\"><strong>searchform.html<\/strong><\/td>\n<td style=\"width: 68.1179%; height: 39px;\">\u691c\u7d22\u30d5\u30a9\u30fc\u30e0<\/td>\n<\/tr>\n<tr style=\"height: 39px;\">\n<td style=\"width: 31.8821%; height: 39px;\"><strong>search.html<\/strong><\/td>\n<td style=\"width: 68.1179%; height: 39px;\">\u691c\u7d22\u7d50\u679c\u30da\u30fc\u30b8<\/td>\n<\/tr>\n<tr style=\"height: 39px;\">\n<td style=\"width: 31.8821%; height: 39px;\"><strong>404.html<\/strong><\/td>\n<td style=\"width: 68.1179%; height: 39px;\">404\u30a8\u30e9\u30fc\u6642\u306b\u8868\u793a\u3059\u308b\u30da\u30fc\u30b8<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u306a\u304a\u3001\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u3068\u304b\u3001\u30e1\u30cb\u30e5\u30fc\u3068\u304b\u306fWordPress\u5074\u3067\u7528\u610f\u3055\u308c\u3066\u308b\u3067\u3001\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u3059\u308b\u524d\u306b\u30af\u30e9\u30b9\u540d\u3068\u304b\u69cb\u9020\u306f\u7406\u89e3\u3057\u3066\u304a\u3044\u305f\u65b9\u304c\u3044\u3044\u3002<\/p>\n<h2 class=\"hh hh5 pastel-bc\" id=\"i-1\"><span id=\"STEP2\">STEP2. \u74b0\u5883\u958b\u767a\u3092\u69cb\u7bc9\u3059\u308b<\/span><\/h2>\n<p>\u69cb\u7bc9\u624b\u9806\u306f\u4ee5\u4e0b\u306e\u8a18\u4e8b\u3092\u53c2\u7167<\/p>\n<p><a class=\"linkto table\" href=\"https:\/\/naoya-ono.com\/blog\/wordpress-dev-setting\/\"><span class=\"tbcell tbimg\"><img loading=\"lazy\" width=\"160\" height=\"160\" src=\"https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2019\/12\/wordpress-dev-setting-160x160.jpg\" class=\"attachment-thumb-160 size-thumb-160 wp-post-image\" alt=\"\" decoding=\"async\" srcset=\"https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2019\/12\/wordpress-dev-setting-160x160.jpg 160w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2019\/12\/wordpress-dev-setting-150x150.jpg 150w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2019\/12\/wordpress-dev-setting-125x125.jpg 125w\" sizes=\"(max-width: 160px) 100vw, 160px\"><\/span><span class=\"tbcell tbtext\">\u3010\u30c6\u30fc\u30de\u958b\u767a\u3011WordPress\u306e\u958b\u767a\u74b0\u5883\u306e\u69cb\u7bc9\u624b\u9806<\/span><\/a><\/p>\n<h2 class=\"hh hh5 pastel-bc\" id=\"i-2\"><span id=\"STEP3\">STEP3. \u521d\u671f\u8a2d\u5b9a<\/span><\/h2>\n<h3 id=\"i-3\"><span id=\"WordPress\">WordPress\u306b\u8a8d\u8b58\u3055\u305b\u308b<\/span><\/h3>\n<p>wordpress\u306e\u30c6\u30fc\u30de\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u5185\u306b\u300cstyle.css\u300d\u3092\u4f5c\u6210\u3057\u3001\u4ee5\u4e0b\u3092\u5185\u5bb9\u3092\u8a18\u8ff0<\/p>\n<div>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>\/*\nTheme Name: \u30c6\u30fc\u30de\u540d\nAuthor: \u958b\u767a\u8005\u540d\nVersion: 1.0\nDescription: \u30c6\u30fc\u30de\u306e\u8aac\u660e\n*\/<\/code><\/pre>\n<\/div>\n<\/div>\n<p>\u3053\u308c\u3067\u3001WordPress\u7ba1\u7406\u753b\u9762\u306e\u300c\u5916\u89b3\u300d\u30fc\u300c\u30c6\u30fc\u30de\u300d\u304b\u3089\u7528\u610f\u3057\u305f\u30c7\u30b6\u30a4\u30f3\u3092\u8aad\u307f\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u308b\u3002<\/p>\n<h3 id=\"i-4\"><span id=\"i\">\u6587\u5b57\u30b3\u30fc\u30c9\u306e\u8a2d\u5b9a<\/span><\/h3>\n<p>head\u30bf\u30b0\u5185\u306b\u6b21\u306e\u3088\u3046\u306b\u8a18\u8ff0<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>&lt;meta charset=\"&lt;?php bloginfo( 'charset' ); ?&gt;\"&gt;<\/code><\/pre>\n<\/div>\n<p>\u3053\u308c\u3067\u3001WordPress\u306e\u6587\u5b57\u30b3\u30fc\u30c9\uff08UTF-8\uff09\u304c\u30bb\u30c3\u30c8\u3055\u308c\u308b\u3002<\/p>\n<h3 id=\"i-5\"><span id=\"i-2\">\u30b5\u30a4\u30c8\u30bf\u30a4\u30c8\u30eb\u306e\u5909\u66f4\u30fb\u30b5\u30a4\u30c8\u30bf\u30a4\u30c8\u30eb\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u6642\u306e\u9077\u79fb\u5148\u3092\u30db\u30fc\u30e0\u753b\u9762\u306b\u3059\u308b<\/span><\/h3>\n<p>\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u306f\u30b5\u30a4\u30c8\u30bf\u30a4\u30c8\u30eb\u304c\u56fa\u5b9a\u306b\u306a\u3063\u3066\u3044\u308b\u306e\u3067\u3001WordPress\u4e0a\u3067\u8a2d\u5b9a\u3057\u305f\u30bf\u30a4\u30c8\u30eb\u304c\u8868\u793a\u3055\u308c\u308b\u3088\u3046\u306b\u5909\u66f4\u3059\u308b\u3002<\/p>\n<p>\u307e\u305f\u30bf\u30a4\u30c8\u30eb\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u969b\u306e\u30ea\u30f3\u30af\u5148\u3092\u3001\u30db\u30fc\u30e0\u753b\u9762\u306b\u3059\u308b\u3002<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>&lt;h1&gt; \n  &lt;a href=\"&lt;?php echo esc_url( home_url( '' ) ); ?&gt;\"&gt; \n    &lt;?php bloginfo('name'); ?&gt; \n  &lt;\/a&gt; \n&lt;\/h1&gt;\n<\/code><\/pre>\n<\/div>\n<h3 id=\"i-6\"><span id=\"i-3\">\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u30b9\u30bf\u30fc\u30c8\u3055\u305b\u308b\u305f\u3081\u306b\u5fc5\u9808\u306e\u8a2d\u5b9a<\/span><\/h3>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>\/\/ &lt;\/head&gt;\u306e\u76f4\u524d\u306b\u8a18\u8ff0\n&lt;?php wp_head() ;?&gt;\n\n\/\/ &lt;body&gt;\u306e\u76f4\u5f8c\u306b\u8a18\u8ff0\n&lt;?php wp_body_open(); ?&gt;\n\n\/\/ &lt;\/body&gt;\u306e\u76f4\u524d\u306b\u8a18\u8ff0\n&lt;?php wp_footer(); ?&gt;<\/code><\/pre>\n<\/div>\n<p>\u3053\u308c\u306b\u3088\u308a\u3001functions.php\u306b\u8a18\u8ff0\u3057\u305f\u8a2d\u5b9a\uff08\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u3068\u304b\u3001js\u30d5\u30a1\u30a4\u30eb\u3068\u304b\uff09\u304c\u8aad\u307f\u8fbc\u3081\u308b\u3088\u3046\u306b\u306a\u308b\u3002<\/p>\n<h3 id=\"i-7\"><span id=\"bodyclass\">body\u30bf\u30b0\u306bclass\u5c5e\u6027\u3092\u8ffd\u52a0<\/span><\/h3>\n<p>body\u30bf\u30b0\u306b\u6b21\u306e\u3088\u3046\u306b\u8a18\u8ff0<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>&lt;body &lt;?php body_class(); ?&gt; &gt;\n<\/code><\/pre>\n<\/div>\n<p>\u3053\u308c\u306b\u3088\u308a\u3001\u30da\u30fc\u30b8\u306e\u7a2e\u985e\u306b\u3088\u3063\u3066\u7570\u306a\u308b\u30af\u30e9\u30b9\u304c\u81ea\u52d5\u8a2d\u5b9a\u3055\u308c\u308b\u306e\u3067\u3001\u305d\u306e\u30af\u30e9\u30b9\u3092\u4f7f\u3063\u3066\u30da\u30fc\u30b8\u6bce\u306b\u9055\u3046\u30b9\u30bf\u30a4\u30eb\u304c\u9069\u7528\u3067\u304d\u308b\u3002<\/p>\n<p>\u5fc5\u8981\u306a\u3044\u5834\u5408\u3082\u3001\u3068\u308a\u3042\u3048\u305a\u66f8\u3044\u3066\u304a\u304f\u3002<\/p>\n<h3 id=\"i-8\"><span id=\"functionsphp\">functions.php\u306e\u8a2d\u5b9a<\/span><\/h3>\n<p>\u30bf\u30a4\u30c8\u30eb\u30bf\u30b0\u3068\u304b\u3001\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u306e\u8aad\u307f\u8fbc\u307f\u3068\u304b\u3092\u3053\u3053\u306b\u8a18\u8ff0\u3002<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>&lt;?php\n\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\n\/\/ wp_enqueue_scripts\u3067\u884c\u3046\u51e6\u7406\n\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\nfunction enqueue_scripts(){\n\n    \/\/ CSS\u306e\u8aad\u307f\u8fbc\u307f\uff08\u7b2c\u4e00\u5f15\u6570\uff1a\u30cf\u30f3\u30c9\u30eb\u540d \/ \u7b2c\u4e8c\u5f15\u6570\uff1a\u30d1\u30b9\uff09\n    wp_enqueue_style('main-css', get_template_directory_uri().'\/dist\/css\/app.css');\n\n    \/\/ FontAwesome\u306e\u8aad\u307f\u8fbc\u307f\n    wp_enqueue_style('fontawesome', 'https:\/\/use.fontawesome.com\/releases\/v5.6.1\/css\/all.css');\n    \/\/ jQuery\u8aad\u307f\u8fbc\u307f\uff08\u7b2c\u4e94\u5f15\u6570\u3092true\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u30d5\u30c3\u30bf\u30fc\u3067\u8aad\u307f\u8fbc\u307e\u308c\u308b\uff09\n    wp_enqueue_script('jquery-min-js', 'https:\/\/code.jquery.com\/jquery-3.5.0.min.js', array(), '3.5.0', true);\n\n    \/\/ js\u30d5\u30a1\u30a4\u30eb\u306e\u8aad\u307f\u8fbc\u307f\uff08\u7b2c\u56db\u5f15\u6570\u306f\u4f9d\u5b58\u95a2\u4fc2\u3092\u8868\u3059\uff09\n    wp_enqueue_script('main-js', get_template_directory_uri().'\/dist\/js\/app.js', array('jquery-min-js'), '', true);\n}\nadd_action('wp_enqueue_scripts', 'enqueue_scripts');\n\n\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\n\/\/ after_setup_theme\u3067\u884c\u3046\u51e6\u7406\n\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\nfunction theme_setup(){\n  \/\/ &lt;title&gt;\u30bf\u30b0\u306e\u8a2d\u5b9a\n  add_theme_support('title-tag');\n\n  \/\/ \u30a2\u30a4\u30ad\u30e3\u30c3\u30c1\u753b\u50cf\u3092\u767b\u9332\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\n  add_theme_support('post-thumbnails');\n\n  \/\/ HTML5\u5bfe\u5fdc\n  add_theme_support('html5', array('style', 'script'));\n\n  \/\/ \u30b0\u30fc\u30c6\u30f3\u30d9\u30eb\u30b0\u306eCSS\u3092\u6709\u52b9\u5316\n  add_theme_support('wp-block-styles');\n\n  \/\/ \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u3092\u6709\u52b9\u5316\uff08YouTube\u3068\u304b\uff09\n  add_theme_support('responsive-embeds');\n\n  \/\/ \u30b0\u30fc\u30c6\u30f3\u30d9\u30eb\u30b0\u306e\u5168\u5e45\u30fb\u5e45\u5e83\u3092\u6709\u52b9\u5316\n  add_theme_support( 'align-wide' );\n}\nadd_action('after_setup_theme', 'theme_setup');\n\n?&gt;<\/code><\/pre>\n<\/div>\n<p><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block; text-align: center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-4166043434922569\" data-ad-slot=\"7750996733\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n<h2 class=\"hh hh5 pastel-bc\" id=\"i-9\"><span id=\"STEP4\">STEP4. \u30d8\u30c3\u30c0\u30fc\u30fb\u30d5\u30c3\u30bf\u30fc\u30fb\u30b5\u30a4\u30c9\u30d0\u30fc \u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d1\u30fc\u30c4\u306b\u3059\u308b<\/span><\/h2>\n<p>\u300c\u30d8\u30c3\u30c0\u30fc\u300d\u3001\u300c\u30d5\u30c3\u30bf\u30fc\u300d\u3001\u300c\u30b5\u30a4\u30c9\u30d0\u30fc \u300d\u306f\u5168\u30da\u30fc\u30b8\u5171\u901a\u30c7\u30b6\u30a4\u30f3\u306a\u306e\u3067\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d1\u30fc\u30c4\u306b\u3057\u3066\u304a\u304f\u3002<\/p>\n<p>index.php\u306e\u30d8\u30c3\u30c0\u30fc\u3092\u300cheader.php\u300d\u306b\u3001\u30d5\u30c3\u30bf\u30fc\u3092\u300cfooter.php\u300d\u306b\u3001\u30b5\u30a4\u30c9\u30d0\u30fc \u3092\u300csidebar.php\u300d\u306b\u79fb\u884c\u3059\u308b\u3002<\/p>\n<p>index.php\u3067\u306f\u3001\u4ee5\u4e0b\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30bf\u30b0\u3067\u8aad\u307f\u8fbc\u3080<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>\/\/ header.php\u306e\u8aad\u307f\u8fbc\u307f \n&lt;?php get_header();?&gt; \n\n\/\/ sidebar.php\u306e\u8aad\u307f\u8fbc\u307f \n&lt;?php get_sidebar();?&gt; \n\n\/\/ footer.php\u306e\u8aad\u307f\u8fbc\u307f \n&lt;?php get_footer();?&gt;\n<\/code><\/pre>\n<\/div>\n<h2 class=\"hh hh5 pastel-bc\" id=\"i-10\"><span id=\"STEP5\">STEP.5 \u30d6\u30ed\u30b0\u4e00\u89a7\u30da\u30fc\u30b8\u3092\u6574\u3048\u308b<\/span><\/h2>\n<h3 id=\"i-11\"><span id=\"nbsp\">&nbsp;\u8a18\u4e8b\u4e00\u89a7\u3092\u8868\u793a\u3059\u308b<\/span><\/h3>\n<p>WordPress\u3067\u767b\u9332\u3057\u305f\u8a18\u4e8b\u3092\u753b\u9762\u3067\u8868\u793a\u3059\u308b\u3088\u3046\u306b\u5909\u66f4\u3057\u307e\u3059\u3002<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>\/\/\u3000\u8a18\u4e8b\u304c\u3042\u308c\u3070\u3001\u305d\u306e\u5206\u51fa\u529b\n&lt;?php if(have_posts()): while(have_posts()): the_post();?&gt;\n\n  \/\/\u30a2\u30a4\u30ad\u30e3\u30c3\u30c1\u753b\u50cf(\u30b5\u30e0\u30cd\u30a4\u30eb)\u3092\u51fa\u529b\n  &lt;?php if (has_post_thumbnail()):\n        the_post_thumbnail();   \n  endif; ?&gt;     \n  \/\/\u8a18\u4e8b\u6295\u7a3f\u65e5\u3092\u51fa\u529b\n  &lt;?php the_date(); ?&gt;  \n\n  \/\/\u8a18\u4e8b\u30bf\u30a4\u30c8\u30eb\u3092\u51fa\u529b\n  &lt;?php the_title();?&gt;\n\n  \/\/\u8a18\u4e8b\u30ab\u30c6\u30b4\u30ea\u30fc\u3092\u51fa\u529b\n  &lt;?php the_category();?&gt;\n\n&lt;?php endwhile; endif; ?&gt;<\/code><\/pre>\n<\/div>\n<div class=\"memo \">\n<div class=\"memo_ttl dfont\"> MEMO<\/div>\n<p>\u30b5\u30e0\u30cd\u30a4\u30eb\u306e\u753b\u50cf\u30b5\u30a4\u30ba\u3092\u5909\u3048\u305f\u3044\u5834\u5408\u306f\u3001the_post_thumbnail\u306e()\u5185\u306b\u3001\u2019thumbnail\u2019, \u2018medium\u2019, \u2018large\u2019\u3068\u3044\u3046\u3088\u3046\u306b\u66f8\u304f\u3053\u3068\u304c\u3067\u304d\u308b\u3002<\/p>\n<p>&nbsp;<\/p>\n<p>thumbnail\uff1a\u6700\u5927150px<br \/>\nmedium\uff1a\u6700\u5927300px<br \/>\nlarge: \u6700\u59271024px<\/p>\n<\/div>\n<h3 id=\"i-12\"><span id=\"i-4\">\u8a18\u4e8b\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u6642\u306e\u9077\u79fb\u5148\u3092\u8a2d\u5b9a<\/span><\/h3>\n<p>\u8a18\u4e8b\u4e00\u89a7\u304b\u3089\u8aad\u307f\u305f\u3044\u8a18\u4e8b\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u6642\u306b\u3001\u8a72\u5f53\u8a18\u4e8b\u304c\u8868\u793a\u3055\u308c\u308b\u3088\u3046\u306b\u3059\u308b\u3002<\/p>\n<p>\u3084\u308a\u65b9\u306f&lt;a&gt;\u30bf\u30b0\u306ehref\u5c5e\u6027\u306b\u4ee5\u4e0b\u3092\u8a18\u8ff0<\/p>\n<div>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>&lt;?php the_permalink(); ?&gt;<\/code><\/pre>\n<\/div>\n<\/div>\n<div class=\"memo alert\">\n<div class=\"memo_ttl dfont\"> \u6ce8\u610f<\/div>\n<p>\u8a18\u4e8b\u30da\u30fc\u30b8\u7528\u306e\u30c7\u30b6\u30a4\u30f3\u300csingle.php\u300d\u3092\u7528\u610f\u3057\u3066\u304a\u304f\u3053\u3068\u3002<\/p>\n<\/div>\n<h3 id=\"i-13\"><span id=\"i-5\">\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3059\u308b<\/span><\/h3>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>&lt;?php the_posts_pagination(); ?&gt;<\/code><\/pre>\n<\/div>\n<p>\u4e0a\u8a18\u306b\u3088\u308a\u51fa\u529b\u3055\u308c\u308b\u30bf\u30b0\u306f\u4ee5\u4e0b\u306e\u901a\u308a<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>&lt;nav class=\"navigation pagination\" role=\"navigation\" aria-label=\"\u6295\u7a3f\"&gt;\n  &lt;h2 class=\"screen-reader-text\"&gt;\u6295\u7a3f\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3&lt;\/h2&gt;\n  &lt;div class=\"nav-links\"&gt;&lt;a class=\"prev page-numbers\" href=\"http:\/\/localhost:8888\/wordpress\/page\/3\/\"&gt;\u524d\u3078&lt;\/a&gt;\n  &lt;a class=\"page-numbers\" href=\"http:\/\/localhost:8888\/wordpress\/\"&gt;1&lt;\/a&gt;\n  &lt;span class=\"page-numbers dots\"&gt;\u2026&lt;\/span&gt;\n   &lt;a class=\"page-numbers\" href=\"http:\/\/localhost:8888\/wordpress\/page\/3\/\"&gt;3&lt;\/a&gt;\n   &lt;span aria-current=\"page\" class=\"page-numbers current\"&gt;4&lt;\/span&gt;\n   &lt;a class=\"page-numbers\" href=\"http:\/\/localhost:8888\/wordpress\/page\/5\/\"&gt;5&lt;\/a&gt;\n   &lt;span class=\"page-numbers dots\"&gt;\u2026&lt;\/span&gt;\n   &lt;a class=\"page-numbers\" href=\"http:\/\/localhost:8888\/wordpress\/page\/8\/\"&gt;8&lt;\/a&gt;\n   &lt;a class=\"next page-numbers\" href=\"http:\/\/localhost:8888\/wordpress\/page\/5\/\"&gt;\u6b21\u3078&lt;\/a&gt;&lt;\/div&gt;\n&lt;\/nav&gt;\n<\/code><\/pre>\n<\/div>\n<p>\u306a\u306e\u3067\u3001\u4e0a\u8a18\u306e\u30af\u30e9\u30b9\u540d\u306b\u5bfe\u3057\u3066\u30b9\u30bf\u30a4\u30eb\u3092\u5f53\u3066\u3066\u3044\u304f\u5fc5\u8981\u304c\u3042\u308b\u3002<\/p>\n<p>\u753b\u9762\u306e\u8868\u793a\u306f\u30c7\u30d5\u30a9\u30eb\u30c8\u3060\u3068\u3001\u3053\u3093\u306a\u611f\u3058\u3002<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2020-05-02-16.01.55.png\" alt=\"\" width=\"502\" height=\"140\" class=\"alignnone wp-image-3093 size-full\" srcset=\"https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2020-05-02-16.01.55.png 502w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2020-05-02-16.01.55-300x84.png 300w\" sizes=\"(max-width: 502px) 100vw, 502px\"><\/p>\n<p>\u300c\u524d\u3078\u300d\u3001\u300c\u6b21\u3078\u300d\u306e\u6587\u8a00\u3092\u5909\u3048\u308b\u65b9\u6cd5\u306f\u4ee5\u4e0b\u306e\u8a18\u4e8b\u3092\u53c2\u7167<\/p>\n<p><a class=\"linkto table\" href=\"https:\/\/naoya-ono.com\/blog\/wp-pagination-customize\/\"><span class=\"tbcell tbimg\"><img loading=\"lazy\" width=\"160\" height=\"160\" src=\"https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/wordpress-pagination-160x160.jpg\" class=\"attachment-thumb-160 size-thumb-160 wp-post-image\" alt=\"\" decoding=\"async\" srcset=\"https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/wordpress-pagination-160x160.jpg 160w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/wordpress-pagination-150x150.jpg 150w\" sizes=\"(max-width: 160px) 100vw, 160px\"><\/span><span class=\"tbcell tbtext\">\u3010WordPress\u30c6\u30fc\u30de\u958b\u767a\u3011\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u65b9\u6cd5\uff08\u300c\u524d\u3078\u300d\u3001\u300c\u6b21\u3078\u300d\u306e\u6587\u8a00\u5909\u66f4\u3084\u30da\u30fc\u30b8\u6570\u306e\u5909\u66f4\u306a\u3069\uff09<\/span><\/a><\/p>\n<h2 class=\"hh hh5 pastel-bc\" id=\"i-14\"><span id=\"STEP6\">STEP.6 \u30b5\u30a4\u30c9\u30d0\u30fc \u306b\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3092\u8868\u793a\u3059\u308b<\/span><\/h2>\n<h3 id=\"i-15\"><span id=\"i-6\">\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3092\u5b9a\u7fa9\u3059\u308b<\/span><\/h3>\n<p>functions.php\u306b\u4ee5\u4e0b\u306b\u5185\u5bb9\u3092\u8a18\u8ff0<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\n\/\/ widgets_init\u3067\u884c\u3046\u51e6\u7406\n\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\nfunction add_widget_area() {\n\n  register_sidebar(array(\n    'id' =&gt; 'sidebar',\n    'name' =&gt; '\u30b5\u30a4\u30c9\u30d0\u30fc',\n    'description' =&gt; '\u30e1\u30a4\u30f3\u306e\u30b5\u30a4\u30c9\u30d0\u30fc\u3067\u3059\u3002'\n  ));\n}\nadd_action('widgets_init', 'add_widget_area');<\/code><\/pre>\n<\/div>\n<p>\u3053\u308c\u3067\u3001WordPress\u306e\u7ba1\u7406\u753b\u9762\u306e\u300c\u5916\u89b3\u300d\u306b\u300c\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u300d\u304c\u8ffd\u52a0\u3055\u308c\u308b\u3002<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-05-03_14_02_49-1024x290.jpg\" alt=\"\" width=\"880\" height=\"249\" class=\"alignnone wp-image-3118 size-large\" srcset=\"https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-05-03_14_02_49-1024x290.jpg 1024w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-05-03_14_02_49-300x85.jpg 300w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-05-03_14_02_49-768x217.jpg 768w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-05-03_14_02_49-1536x435.jpg 1536w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-05-03_14_02_49-2048x580.jpg 2048w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-05-03_14_02_49-940x266.jpg 940w\" sizes=\"(max-width: 880px) 100vw, 880px\"><\/p>\n<h3 id=\"i-16\"><span id=\"i-7\">\u30b5\u30a4\u30c9\u30d0\u30fc \u306b\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3092\u8868\u793a\u3059\u308b<\/span><\/h3>\n<p>\u30b5\u30a4\u30c9\u30d0\u30fc \u3092\u8868\u793a\u3059\u308b\u306b\u306f\u300cdynamic_sidebar(\u2018\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8ID\u2019)\u300d\u3092\u4f7f\u3046\u3002<\/p>\n<p>if\u6587\u3067\u3001\u300c\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u304c\u30a2\u30af\u30c6\u30a3\u30d6\u306b\u306a\u3063\u3066\u3044\u308b\u6642\u300d\u3068\u3044\u3046\u6761\u4ef6\u3092\u3064\u3051\u3066\u304a\u304f\u3068\u826f\u3044\u3002<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>&lt;?php if(is_active_sidebar('sidebar')): ?&gt;\n  &lt;ul&gt;\n    &lt;?php dynamic_sidebar('sidebar') ;?&gt;\n  &lt;\/ul&gt;\n&lt;?php endif; ?&gt;\n<\/code><\/pre>\n<\/div>\n<div class=\"memo alert\">\n<div class=\"memo_ttl dfont\"> \u6ce8\u610f<\/div>\n<p>\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306f&lt;li&gt;\u30bf\u30b0\u3067\u51fa\u529b\u3055\u308c\u308b\u306e\u3067\u3001&lt;ul&gt;\u30bf\u30b0\u3067\u56f2\u3080\u5fc5\u8981\u304c\u3042\u308b\u3002<\/p>\n<\/div>\n<p>\u30b9\u30bf\u30a4\u30eb\u3092\u9069\u7528\u3059\u308b\u306b\u306f\u3001&lt;ul&gt;\u30bf\u30b0\u306b\u4efb\u610f\u306e\u30af\u30e9\u30b9\u540d\u3092\u3064\u3051\u3066\u66f8\u304f\u304b\u3001WordPress\u5074\u3067\u51fa\u529b\u3055\u308c\u308b\u300c<span class=\"webkit-html-attribute-value\">widgettitle<\/span>\u300d\u3084\u300cwidget\u300d\u306b\u5bfe\u3057\u3066\u66f8\u304f\u3068\u826f\u3044\u3002<\/p>\n<p><span class=\"labeltext accent-bc\">\u51fa\u529b\u3055\u308c\u308b\u30bf\u30b0\u306e\u4f8b<\/span><\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>&lt;ul&gt;\n  &lt;li id=\"recent-posts-3\" class=\"widget widget_recent_entries\"&gt; &lt;h2 class=\"widgettitle\"&gt;\u6700\u8fd1\u306e\u6295\u7a3f&lt;\/h2&gt;\n    &lt;ul&gt;\n      &lt;li&gt;\n        &lt;a href=\"http:\/\/localhost:8888\/wordpress\/post1\/\"&gt;\u30bf\u30a4\u30c8\u30eb\uff11&lt;\/a&gt;\n      &lt;\/li&gt;\n      &lt;li&gt;\n         &lt;a href=\"http:\/\/localhost:8888\/wordpress\/post2\/\"&gt;\u30bf\u30a4\u30c8\u30eb\uff12&lt;\/a&gt;\n      &lt;\/li&gt;\n      &lt;li&gt;\n        &lt;a href=\"http:\/\/localhost:8888\/wordpress\/post3\"&gt;\u30bf\u30a4\u30c8\u30eb\uff13&lt;\/a&gt;\n      &lt;\/li&gt;\n      &lt;li&gt;\n        &lt;a href=\"http:\/\/localhost:8888\/wordpress\/post4\/\"&gt;\u30bf\u30a4\u30c8\u30eb4&lt;\/a&gt;\n      &lt;\/li&gt;\n    &lt;\/ul&gt;\n  &lt;\/li&gt;\n&lt;\/ul&gt;<\/code><\/pre>\n<\/div>\n<div class=\"memo alert\">\n<div class=\"memo_ttl dfont\"> \u6ce8\u610f<\/div>\n<p>\u4f7f\u7528\u3059\u308b\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306e\u7a2e\u985e\u306b\u3088\u3063\u3066\u3001id\u5c5e\u6027\u3084class\u5c5e\u6027\u304c\u5909\u308f\u308b\u3053\u3068\u304c\u3042\u308b\u306e\u3067\u3001\u8981\u30c1\u30a7\u30c3\u30af\uff01<\/p>\n<\/div>\n<h2 class=\"hh hh5 pastel-bc\" id=\"i-17\"><span id=\"STEP7\">STEP.7 \u6295\u7a3f\u30da\u30fc\u30b8\uff08\u8a18\u4e8b\u306e\u5185\u5bb9\u30da\u30fc\u30b8\uff09\u3092\u6574\u3048\u308b<\/span><\/h2>\n<h3 id=\"i-18\"><span id=\"nbsp-2\">&nbsp;\u8a18\u4e8b\u306e\u30bf\u30a4\u30c8\u30eb\u3084\u5185\u5bb9\u3092\u8868\u793a\u3059\u308b<\/span><\/h3>\n<p>\u8a18\u4e8b\u4e00\u89a7\u304b\u3089\uff11\u3064\u8a18\u4e8b\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u5834\u5408\u3001<span class=\"keiko_yellow\"><strong>single.php<\/strong><\/span> \u304c\u512a\u5148\u3057\u3066\u547c\u3070\u308c\u308b\u306e\u3067\u3001\u3053\u306e\u30d5\u30a1\u30a4\u30eb\u3067\u30bf\u30a4\u30c8\u30eb\u3084\u3089\u3001\u6295\u7a3f\u5185\u5bb9\u3092\u8868\u793a\u3059\u308b\u3002<\/p>\n<p>\u51fa\u529b\u65b9\u6cd5\u306f\u300c\u30d6\u30ed\u30b0\u4e00\u89a7\u300d\u306e\u5834\u5408\u3068\u540c\u69d8\u3002<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>\/\/\u3000\u8a18\u4e8b\u304c\u3042\u308c\u3070\u3001\u305d\u306e\u5206\u51fa\u529b\n&lt;?php if(have_posts()): while(have_posts()): the_post();?&gt;\n\n  \/\/\u8a18\u4e8b\u30bf\u30a4\u30c8\u30eb\u3092\u51fa\u529b\n  &lt;?php the_title();?&gt;\n\n  \/\/\u30a2\u30a4\u30ad\u30e3\u30c3\u30c1\u753b\u50cf(\u30b5\u30e0\u30cd\u30a4\u30eb)\u3092\u51fa\u529b\n  &lt;?php if (has_post_thumbnail()):\n        the_post_thumbnail();   \n  endif; ?&gt;     \n  \/\/\u8a18\u4e8b\u6295\u7a3f\u65e5\u3092\u51fa\u529b\n  &lt;?php the_date(); ?&gt;  \n\n  \/\/\u6295\u7a3f\u5185\u5bb9\u3092\u51fa\u529b\n  &lt;?php the_content(); ?&gt;  \n\n&lt;?php endwhile; endif; ?&gt;<\/code><\/pre>\n<\/div>\n<p>\u4e00\u5fdc\u3001while\u3067\u30eb\u30fc\u30d7\u3092\u307e\u308f\u3057\u3066\u3044\u308b\u304c\u3001\u8a72\u5f53\u8a18\u4e8b\u306f\uff11\u4ef6\u3060\u3051\u306a\u306e\u3067\u3001\u8907\u6570\u306e\u6295\u7a3f\u5185\u5bb9\u304c\u8868\u793a\u3055\u308c\u308b\u3053\u3068\u306f\u306a\u3044\u3002<\/p>\n<h3 id=\"i-19\"><span id=\"i-8\">\u300c \u524d\u306e\u8a18\u4e8b\u300d\u3001\u300c\u6b21\u306e\u8a18\u4e8b\u300d\u306e\u30ea\u30f3\u30af\u3092\u8868\u793a\u3059\u308b<\/span><\/h3>\n<p>\u30eb\u30fc\u30d7\u5185\u3067\u4ee5\u4e0b\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30bf\u30b0\u3092\u8a18\u8ff0<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>\/\/ \u524d\u306e\u8a18\u4e8b\n&lt;?php previous_post_link(); ?&gt;\n\n\/\/ \u6b21\u306e\u8a18\u4e8b\n&lt;?php next_post_link(); ?&gt;<\/code><\/pre>\n<\/div>\n<p>\u524d\u306e\u8a18\u4e8b\u30ea\u30f3\u30af\u306b\u306f\u300c<span>\u00ab \u8a18\u4e8b\u30bf\u30a4\u30c8\u30eb\u300d\u3001\u6b21\u306e\u8a18\u4e8b\u30ea\u30f3\u30af\u306b\u306f\u300c\u8a18\u4e8b\u30bf\u30a4\u30c8\u30eb <\/span><span>\u00bb<\/span>\u300d\u306e\u3088\u3046\u306b\u8868\u793a\u3055\u308c\u308b\u3002<\/p>\n<p>&nbsp;<\/p>\n<h2 class=\"hh hh5 pastel-bc\" id=\"i-20\"><span id=\"STEP8\">STEP.8 \u56fa\u5b9a\u30da\u30fc\u30b8\u3092\u6574\u3048\u308b<\/span><\/h2>\n<p>\u56fa\u5b9a\u30da\u30fc\u30b8\u306f <span class=\"keiko_yellow\"><strong>page.php<\/strong><\/span> \u3092\u53c2\u7167\u3057\u306b\u3044\u304f\u306e\u3067\u3001\u305d\u306e\u30d5\u30a1\u30a4\u30eb\u5185\u3067\u3001\u30bf\u30a4\u30c8\u30eb\u3084\u3089\u6295\u7a3f\u5185\u5bb9\u3092\u8868\u793a\u3059\u308b\u3002<\/p>\n<p>\u51fa\u529b\u65b9\u6cd5\u3082\u6295\u7a3f\u30da\u30fc\u30b8\u3084\u30d6\u30ed\u30b0\u4e00\u89a7\u30da\u30fc\u30b8\u3068\u540c\u3058\u306a\u306e\u3067\u3001\u30ec\u30a4\u30a2\u30a6\u30c8\u304c\u300csingle.php\u300d\u3068\u540c\u3058\u5834\u5408\u306f\u3001\u305d\u308c\u3092\u30b3\u30d4\u30fc\u3057\u3066\u4f59\u5206\u306a\u7269\u3092\u524a\u9664\u3059\u308c\u3070OK\u3002<\/p>\n<h2 class=\"hh hh5 pastel-bc\" id=\"i-21\"><span id=\"STEP9\">STEP.9 \u30ab\u30b9\u30bf\u30e0\u30e1\u30cb\u30e5\u30fc\u3092\u767b\u9332\u3059\u308b<\/span><\/h2>\n<h3 id=\"i-22\"><span id=\"i-9\">\u30e1\u30cb\u30e5\u30fc\u3092\u767b\u9332\u3059\u308b<\/span><\/h3>\n<p>\u30d8\u30c3\u30c0\u30fc\u306b\u8868\u793a\u3059\u308b\u30ab\u30b9\u30bf\u30e0\u30e1\u30cb\u30e5\u30fc\u3092\u4f5c\u6210\u3059\u308b\u306b\u306f\u3001functions.php\u3067\u300cafter_setup_theme\u300d\u6642\u306b\u884c\u3046\u51e6\u7406\u306e\u4e2d\u3067\u6b21\u306e\u3088\u3046\u306b\u8a18\u8ff0\u3059\u308b<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>&lt;?php\n\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\n\/\/ after_setup_theme\u3067\u884c\u3046\u51e6\u7406\n\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\nfunction theme_setup(){\n \n  \/\/ \u30ab\u30b9\u30bf\u30e0\u30e1\u30cb\u30e5\u30fc\u306e\u767b\u9332\n  register_nav_menus(array(\n    'header_menu' =&gt; '\u30d8\u30c3\u30c0\u30fc\u30e1\u30cb\u30e5\u30fc'\n  ));\n}\nadd_action('after_setup_theme', 'theme_setup');\n\n?&gt;<\/code><\/pre>\n<\/div>\n<p>\u3053\u308c\u306b\u3088\u308a\u3001\u300c\u30e1\u30cb\u30e5\u30fc\u753b\u9762\u300d\u306e\u300c\u30e1\u30cb\u30e5\u30fc\u4f4d\u7f6e\u300d\u306b\u65b0\u3057\u304f\u9805\u76ee\u304c\u8ffd\u52a0\u3055\u308c\u308b\u3002<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-05-03_17_34_38-1024x490.jpg\" alt=\"\" width=\"880\" height=\"421\" class=\"alignnone wp-image-3131 size-large\" srcset=\"https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-05-03_17_34_38-1024x490.jpg 1024w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-05-03_17_34_38-300x144.jpg 300w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-05-03_17_34_38-768x368.jpg 768w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-05-03_17_34_38-1536x735.jpg 1536w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-05-03_17_34_38-940x450.jpg 940w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-05-03_17_34_38.jpg 1592w\" sizes=\"(max-width: 880px) 100vw, 880px\"><\/p>\n<p>\u305f\u3060\u3057\u3001\u4eca\u306e\u72b6\u614b\u3067\u306f\u305f\u3060\u9805\u76ee\u304c\u8ffd\u52a0\u3055\u308c\u305f\u3060\u3051\u306a\u306e\u3067\u3001\u30c1\u30a7\u30c3\u30af\u3092\u3064\u3051\u3066\u3082\u53cd\u6620\u3055\u308c\u306a\u3044\u3002<\/p>\n<h3 id=\"i-23\"><span id=\"i-10\">\u30e1\u30cb\u30e5\u30fc\u3092\u8868\u793a\u3059\u308b<\/span><\/h3>\n<p>\u30d8\u30c3\u30c0\u30fc\u306b\u8868\u793a\u3055\u308c\u308b\u306b\u306f\u3001\u30d8\u30c3\u30c0\u30fc\u5185\u306b\u4ee5\u4e0b\u306e\u30b3\u30fc\u30c9\u3092\u8a18\u8ff0\u3059\u308b\u3002<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>&lt;?php\n\u3000\u3000$params = array(\n  \u3000\u3000'theme_location' =&gt;  'header_menu' \/\/\u30ab\u30b9\u30bf\u30e0\u30e1\u30cb\u30e5\u30fc\u540d\n\u3000\u3000);\n  wp_nav_menu($params)\n?&gt;\n<\/code><\/pre>\n<\/div>\n<p>\u3053\u308c\u3067\u3001\u8868\u793a\u3055\u308c\u308b\u3088\u3046\u306b\u306a\u308b\u3002<\/p>\n<p>\u4ee5\u4e0b\u306f\u5b9f\u969b\u306b\u51fa\u529b\u3055\u308c\u308b\u30bf\u30b0\u3068\u30af\u30e9\u30b9\u306e\u4f8b<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>&lt;div class=\"menu-\u30e1\u30cb\u30e5\u30fc\u540d-container\"&gt;\n  &lt;ul id=\"menu-\u30e1\u30cb\u30e5\u30fc\u540d\" class=\"menu\"&gt;\n    &lt;li id=\"menu-item-2216\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2216\"&gt;\n      &lt;a href=\"http:\/\/localhost:8888\/wordpress\/about\/\"&gt;\u30e1\u30cb\u30e5\u30fc\uff11&lt;\/a&gt;\n    &lt;\/li&gt;\n    &lt;li id=\"menu-item-2217\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2217\"&gt;\n      &lt;a href=\"http:\/\/localhost:8888\/wordpress\/contact\/\"&gt;\u304a\u554f\u3044\u5408\u308f\u305b&lt;\/a&gt;\n    &lt;\/li&gt;\n  &lt;\/ul&gt;\n&lt;\/div&gt;<\/code><\/pre>\n<\/div>\n<h2 class=\"hh hh5 pastel-bc\" id=\"i-24\"><span id=\"STEP10\">STEP.10 \u30ab\u30c6\u30b4\u30ea\u30fc\u5225\u306e\u4e00\u89a7\u30da\u30fc\u30b8\u3067\u30ab\u30c6\u30b4\u30ea\u30fc\u30bf\u30a4\u30c8\u30eb\u3092\u8868\u793a\u3059\u308b<\/span><\/h2>\n<p>\u30ab\u30c6\u30b4\u30ea\u30fc\u30da\u30fc\u30b8\u306f <span class=\"keiko_yellow\"><strong>archive.php<\/strong><\/span> \u3092\u53c2\u7167\u3057\u306b\u3044\u304f\u306e\u3067\u3001index.php\u3092\u30b3\u30d4\u30fc\u3057\u3066\u30bf\u30a4\u30c8\u30eb\u3092\u51fa\u529b\u3059\u308b\u305f\u3081\u306e\u3001\u4ee5\u4e0b\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30bf\u30b0\u3092\u8a18\u8ff0\u3059\u308b\u3002<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>&lt;?php the_archive_title() ;?&gt;<\/code><\/pre>\n<\/div>\n<div class=\"memo alert\">\n<div class=\"memo_ttl dfont\"> \u6ce8\u610f<\/div>\n<p>\u305f\u3060\u3057\u3001\u3053\u306e\u307e\u307e\u3067\u306f\u5358\u306b\u6587\u5b57\u304c\u8868\u793a\u3055\u308c\u308b\u3060\u3051\u306a\u306e\u3067\u3001&lt;div&gt;\u30bf\u30b0\u3084&lt;h2&gt;\u306a\u3069\u3067\u56f2\u3063\u3066\u3042\u3052\u3066\u3001\u30b9\u30bf\u30a4\u30eb\u3092\u8abf\u6574\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3002<\/p>\n<\/div>\n<h2 class=\"hh hh5 pastel-bc\" id=\"i-25\"><span id=\"STEP11\">STEP.11 \u691c\u7d22\u30d5\u30a9\u30fc\u30e0\u3092\u8a2d\u7f6e\u3059\u308b<\/span><\/h2>\n<h3 id=\"i-26\"><span id=\"1\">1. \u691c\u7d22\u30d5\u30a9\u30fc\u30e0\u306e\u4f5c\u6210<\/span><\/h3>\n<p>\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u304b\u3089\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3082\u53ef\u80fd\u3060\u304c\u3001\u30c7\u30b6\u30a4\u30f3\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u305f\u3081\u306b\u81ea\u4f5c\u3059\u308b\u3002<\/p>\n<p>\u691c\u7d22\u30d5\u30a9\u30fc\u30e0\u7528\u306e\u30d5\u30a1\u30a4\u30eb\u306f <span class=\"keiko_yellow\"><strong>searchform.php<\/strong><\/span> \u306a\u306e\u3067\u3053\u3053\u306b\u8a18\u8ff0\u3002<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>&lt;form role=\"search\" method=\"GET\" id=\"searchform\" class=\"p-searchform\" action=\"\"&gt;\n  &lt;div class=\"p-searchform__wrap\"&gt;\n    &lt;input type=\"search\" id=\"s\" name=\"s\" class=\"p-searchform__input\" placeholder=\"\u30b5\u30a4\u30c8\u5185\u691c\u7d22\"&gt;\n    &lt;button type=\"submit\" id=\"searchsubmit\" class=\"p-searchform__submit\"&gt;&lt;i class=\"fas fa-search\"&gt;&lt;\/i&gt;&lt;\/button&gt;              \n   &lt;\/div&gt;\n&lt;\/form&gt;<\/code><\/pre>\n<\/div>\n<p>\u4e0a\u8a18\u306f\u30b5\u30f3\u30d7\u30eb\u306a\u306e\u3067\u3001\u540c\u3058\u3088\u3046\u306b\u66f8\u304f\u5fc5\u8981\u306f\u306a\u3044\u304c\u3001form\u306emethod\u306f\u300cGET\u300d\u3001input\u30c6\u30ad\u30b9\u30c8\u306ename\u306b\u306f\u300cs\u300d\u3092\u5fc5\u305a\u542b\u3081\u308b\u5fc5\u8981\u304c\u3042\u308b\u3002<\/p>\n<p>\u3042\u3068\u306f\u30b9\u30bf\u30a4\u30eb\u3092\u8abf\u6574\u3059\u308c\u3070\u3001\u597d\u304d\u306a\u30c7\u30b6\u30a4\u30f3\u306e\u691c\u7d22\u30d5\u30a9\u30fc\u30e0\u304c\u4f5c\u308c\u308b\u3002<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2020-05-04-11.16.34.png\" alt=\"\" width=\"350\" height=\"75\" class=\"alignnone wp-image-3137 \" srcset=\"https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2020-05-04-11.16.34.png 748w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2020-05-04-11.16.34-300x64.png 300w\" sizes=\"(max-width: 350px) 100vw, 350px\"><\/p>\n<h3 id=\"i-27\"><span id=\"2\">2. \u691c\u7d22\u7d50\u679c\u753b\u9762\u306e\u4f5c\u6210<\/span><\/h3>\n<p>\u691c\u7d22\u7d50\u679c\u3092\u8868\u793a\u3059\u308b\u306b\u306f\u3001<span class=\"keiko_yellow\"><strong>search.php<\/strong><\/span> \u304c\u5fc5\u8981\u306a\u306e\u3067\u3053\u3061\u3089\u3092\u7528\u610f\u3002<\/p>\n<p>\u30ec\u30a4\u30a2\u30a6\u30c8\u306f\u4e00\u89a7\u753b\u9762\u3068\u540c\u3058\u3088\u3046\u306a\u611f\u3058\u306b\u306a\u308b\u306e\u3067\u3001\u305d\u308c\u3092\u30b3\u30d4\u30fc\u3057\u3066\u4f5c\u6210\u3059\u308c\u3070OK\u3002<\/p>\n<p>\u691c\u7d22\u7d50\u679c\u753b\u9762\u306b\u691c\u7d22\u3057\u305f\u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u8868\u793a\u3055\u305b\u305f\u3044\u5834\u5408\u306f\u4ee5\u4e0b\u3092\u8a18\u8ff0\u3002<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>&lt;?php echo get_search_query(); ?&gt;\n<\/code><\/pre>\n<\/div>\n<h2 class=\"hh hh5 pastel-bc\" id=\"i-28\"><span id=\"STEP12_404\">STEP.12 404\u30a8\u30e9\u30fc\u30da\u30fc\u30b8\u3092\u8a2d\u7f6e\u3059\u308b<\/span><\/h2>\n<p>404\u30a8\u30e9\u30fc\u6642\u306b\u306f\u3001<span class=\"keiko_yellow\"><strong>404.php<\/strong><\/span> \u3092\u512a\u5148\u7684\u306b\u53c2\u7167\u3057\u306b\u3044\u304f\u306e\u3067\u3001\u3053\u3061\u3089\u306b\u30a8\u30e9\u30fc\u6642\u306e\u30c7\u30b6\u30a4\u30f3\u3092\u7528\u610f\u3057\u3066\u304a\u304f\u3002<\/p>\n<p>\u306a\u304f\u3066\u3082\u52d5\u304f\u304c\u3001\u3061\u3087\u3063\u3068\u4e0d\u89aa\u5207\u306a\u306e\u3067\u3042\u3063\u305f\u307b\u3046\u306f\u3044\u3044\u3002<\/p>\n<p>&nbsp;<\/p>\n<p>\u4ee5\u4e0a\u3067\u3001\u4e00\u901a\u308a\u5b8c\u4e86\u3002<\/p>\n<p>\u4ed6\u306b\u3042\u308c\u3070\u3001\u968f\u6642\u8ffd\u52a0\u3057\u3066\u3044\u304f\u3002<br \/>\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block; text-align: center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-4166043434922569\" data-ad-slot=\"7750996733\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n<h2 class=\"hh hh5 pastel-bc\" id=\"i-29\"><span id=\"Level_up\">Level up \u2460\uff1a\u72ec\u81ea\u306e\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u3092\u958b\u767a\u3059\u308b\u306b\u306f\uff1f<\/span><\/h2>\n<p>\u4ee5\u4e0b\u306e\u8a18\u4e8b\u3067\u89e3\u8aac\u3002<\/p>\n<p><a class=\"linkto table\" href=\"https:\/\/naoya-ono.com\/blog\/wp-make-shortcode\/\"><span class=\"tbcell tbimg\"><img loading=\"lazy\" width=\"160\" height=\"160\" src=\"https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/wordpress-make-shortcode-160x160.jpg\" class=\"attachment-thumb-160 size-thumb-160 wp-post-image\" alt=\"\" decoding=\"async\" srcset=\"https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/wordpress-make-shortcode-160x160.jpg 160w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/05\/wordpress-make-shortcode-150x150.jpg 150w\" sizes=\"(max-width: 160px) 100vw, 160px\"><\/span><span class=\"tbcell tbtext\">\u3010WordPress\u30c6\u30fc\u30de\u958b\u767a\u3011\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u306e\u4f5c\u308a\u65b9<\/span><\/a><\/p>\n<h2 class=\"hh hh5 pastel-bc\" id=\"i-30\"><span id=\"Level_up-2\">Level up \u2461\uff1a\u30ab\u30b9\u30bf\u30de\u30a4\u30b6\u30fc\u306b\u8a2d\u5b9a\u3092\u8ffd\u52a0\u3059\u308b\u306b\u306f\uff1f<\/span><\/h2>\n<p>\u203b\u6e96\u5099\u4e2d<\/p>\n<h2 class=\"hh hh5 pastel-bc\" id=\"i-31\"><span id=\"WordPress-2\">WordPress\u30c6\u30fc\u30de\u958b\u767a\u306b\u304a\u3059\u3059\u3081\u306e\u672c<\/span><\/h2>\n<div id=\"rinkerid1360\" class=\"yyi-rinker-contents  yyi-rinker-postid-1360 yyi-rinker-img-m yyi-rinker-catid-28 yyi-rinker-catid-3 \">\n<div class=\"yyi-rinker-box\">\n<div class=\"yyi-rinker-image\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/www.amazon.co.jp\/dp\/4802612400?tag=naoya-ono-22&amp;linkCode=ogi&amp;th=1&amp;psc=1\" rel=\"nofollow\" class=\"yyi-rinker-tracking\" data-click-tracking=\"amazon_img 1360 WordPress\u30ec\u30c3\u30b9\u30f3\u30d6\u30c3\u30af 5.x\u5bfe\u5fdc\u7248\" data-vars-click-id=\"amazon_img 1360 WordPress\u30ec\u30c3\u30b9\u30f3\u30d6\u30c3\u30af 5.x\u5bfe\u5fdc\u7248\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/m.media-amazon.com\/images\/I\/51jeLWpYjjL._SL160_.jpg\" width=\"125\" height=\"160\" class=\"yyi-rinker-main-img\" style=\"border: none;\"><\/a>\t\t\t\t\t<\/div>\n<div class=\"yyi-rinker-info\">\n<div class=\"yyi-rinker-title\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.amazon.co.jp\/dp\/4802612400?tag=naoya-ono-22&amp;linkCode=ogi&amp;th=1&amp;psc=1\" rel=\"nofollow\" class=\"yyi-rinker-tracking\" data-click-tracking=\"amazon_title 1360 WordPress\u30ec\u30c3\u30b9\u30f3\u30d6\u30c3\u30af 5.x\u5bfe\u5fdc\u7248\" data-vars-amp-click-id=\"amazon_title 1360 WordPress\u30ec\u30c3\u30b9\u30f3\u30d6\u30c3\u30af 5.x\u5bfe\u5fdc\u7248\">WordPress\u30ec\u30c3\u30b9\u30f3\u30d6\u30c3\u30af 5.x\u5bfe\u5fdc\u7248<\/a>\t\t\t\t\t\t\t<\/div>\n<div class=\"yyi-rinker-detail\">\n<div class=\"credit-box\">created by&nbsp;<a href=\"https:\/\/oyakosodate.com\/rinker\/\" rel=\"nofollow noopener\" target=\"_blank\">Rinker<\/a><\/div>\n<div class=\"brand\">\u30bd\u30b7\u30e0<\/div>\n<div class=\"price-box\">\n\t\t\t\t\t\t\t<\/div>\n<\/p><\/div>\n<ul class=\"yyi-rinker-links\">\n<li class=\"amazonkindlelink\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.amazon.co.jp\/gp\/product\/B081RX7BTS\/ref=as_li_qf_asin_il_tl?ie=UTF8&amp;tag=naoya-ono-22&amp;creative=1211&amp;linkCode=as2&amp;creativeASIN=B081RX7BTS&amp;linkId=420d6e9fcd90404c5a39e1574b953e80\" rel=\"nofollow\" class=\"yyi-rinker-link yyi-rinker-tracking\" data-click-tracking=\"amazon_kindle 1360 WordPress\u30ec\u30c3\u30b9\u30f3\u30d6\u30c3\u30af 5.x\u5bfe\u5fdc\u7248\" data-vars-amp-click-id=\"amazon_kindle 1360 WordPress\u30ec\u30c3\u30b9\u30f3\u30d6\u30c3\u30af 5.x\u5bfe\u5fdc\u7248\">Kindle<\/a>\t\t\t\t\t<\/li>\n<li class=\"amazonlink\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.amazon.co.jp\/dp\/4802612400?tag=naoya-ono-22&amp;linkCode=ogi&amp;th=1&amp;psc=1\" rel=\"nofollow\" class=\"yyi-rinker-link yyi-rinker-tracking\" data-click-tracking=\"amazon 1360 WordPress\u30ec\u30c3\u30b9\u30f3\u30d6\u30c3\u30af 5.x\u5bfe\u5fdc\u7248\" data-vars-amp-click-id=\"amazon 1360 WordPress\u30ec\u30c3\u30b9\u30f3\u30d6\u30c3\u30af 5.x\u5bfe\u5fdc\u7248\">Amazon<\/a>\t\t\t\t\t<\/li>\n<li class=\"rakutenlink\">\n\t\t\t\t\t\t<a href=\"https:\/\/hb.afl.rakuten.co.jp\/hgc\/16781883.64066d33.16781884.4f333982\/Rinker_o_20191204123653?pc=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2FWordPress%25E3%2583%25AC%25E3%2583%2583%25E3%2582%25B9%25E3%2583%25B3%25E3%2583%2596%25E3%2583%2583%25E3%2582%25AF%2B5.x%25E5%25AF%25BE%25E5%25BF%259C%25E7%2589%2588%2F%3Ff%3D1%26grp%3Dproduct&amp;m=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2FWordPress%25E3%2583%25AC%25E3%2583%2583%25E3%2582%25B9%25E3%2583%25B3%25E3%2583%2596%25E3%2583%2583%25E3%2582%25AF%2B5.x%25E5%25AF%25BE%25E5%25BF%259C%25E7%2589%2588%2F%3Ff%3D1%26grp%3Dproduct\" rel=\"nofollow\" class=\"yyi-rinker-link yyi-rinker-tracking\" data-click-tracking=\"rakuten 1360 WordPress\u30ec\u30c3\u30b9\u30f3\u30d6\u30c3\u30af 5.x\u5bfe\u5fdc\u7248\" data-vars-amp-click-id=\"rakuten 1360 WordPress\u30ec\u30c3\u30b9\u30f3\u30d6\u30c3\u30af 5.x\u5bfe\u5fdc\u7248\">\u697d\u5929\u5e02\u5834<\/a>\t\t\t\t\t<\/li>\n<li class=\"yahoolink\">\n\t\t\t\t\t\t<a href=\"https:\/\/shopping.yahoo.co.jp\/search?p=WordPress%E3%83%AC%E3%83%83%E3%82%B9%E3%83%B3%E3%83%96%E3%83%83%E3%82%AF+5.x%E5%AF%BE%E5%BF%9C%E7%89%88\" rel=\"nofollow\" class=\"yyi-rinker-link yyi-rinker-tracking\" data-click-tracking=\"yahoo 1360 WordPress\u30ec\u30c3\u30b9\u30f3\u30d6\u30c3\u30af 5.x\u5bfe\u5fdc\u7248\" data-vars-amp-click-id=\"yahoo 1360 WordPress\u30ec\u30c3\u30b9\u30f3\u30d6\u30c3\u30af 5.x\u5bfe\u5fdc\u7248\">Yahoo\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0<\/a>\t\t\t\t\t<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/div>\n<p>\u3053\u3061\u3089\u306f\u3001\u521d\u5fc3\u8005\u306b\u304a\u3059\u3059\u3081\u3002\u5b9f\u969b\u306b\u30b9\u30e2\u30fc\u30eb\u30b9\u30c6\u30c3\u30d7\u3067\u3001\u30b5\u30a4\u30c8\u3092\u4f5c\u308a\u306a\u304c\u3089\u5b66\u3093\u3067\u3044\u304f\u306e\u3067\u632b\u6298\u3057\u306b\u304f\u3044\u3002<\/p>\n<p>\u30dc\u30ea\u30e5\u30fc\u30e0\u3082\u591a\u3059\u304e\u305a\u3001\u3061\u3087\u3046\u3069\u3044\u3044\u3050\u3089\u3044\u3002<\/p>\n<div id=\"rinkerid1362\" class=\"yyi-rinker-contents  yyi-rinker-postid-1362 yyi-rinker-img-m yyi-rinker-catid-28 yyi-rinker-catid-3 \">\n<div class=\"yyi-rinker-box\">\n<div class=\"yyi-rinker-image\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/www.amazon.co.jp\/dp\/4297107783?tag=naoya-ono-22&amp;linkCode=ogi&amp;th=1&amp;psc=1\" rel=\"nofollow\" class=\"yyi-rinker-tracking\" data-click-tracking=\"amazon_img 1362 WordPress\u30c7\u30b6\u30a4\u30f3\u30ec\u30b7\u30d4\u96c6\" data-vars-click-id=\"amazon_img 1362 WordPress\u30c7\u30b6\u30a4\u30f3\u30ec\u30b7\u30d4\u96c6\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/m.media-amazon.com\/images\/I\/51NUhSy8e2L._SL160_.jpg\" width=\"112\" height=\"160\" class=\"yyi-rinker-main-img\" style=\"border: none;\"><\/a>\t\t\t\t\t<\/div>\n<div class=\"yyi-rinker-info\">\n<div class=\"yyi-rinker-title\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.amazon.co.jp\/dp\/4297107783?tag=naoya-ono-22&amp;linkCode=ogi&amp;th=1&amp;psc=1\" rel=\"nofollow\" class=\"yyi-rinker-tracking\" data-click-tracking=\"amazon_title 1362 WordPress\u30c7\u30b6\u30a4\u30f3\u30ec\u30b7\u30d4\u96c6\" data-vars-amp-click-id=\"amazon_title 1362 WordPress\u30c7\u30b6\u30a4\u30f3\u30ec\u30b7\u30d4\u96c6\">WordPress\u30c7\u30b6\u30a4\u30f3\u30ec\u30b7\u30d4\u96c6<\/a>\t\t\t\t\t\t\t<\/div>\n<div class=\"yyi-rinker-detail\">\n<div class=\"credit-box\">created by&nbsp;<a href=\"https:\/\/oyakosodate.com\/rinker\/\" rel=\"nofollow noopener\" target=\"_blank\">Rinker<\/a><\/div>\n<div class=\"brand\">\u6280\u8853\u8a55\u8ad6\u793e<\/div>\n<div class=\"price-box\">\n\t\t\t\t\t\t\t<\/div>\n<\/p><\/div>\n<ul class=\"yyi-rinker-links\">\n<li class=\"amazonkindlelink\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.amazon.co.jp\/gp\/product\/B07X6SPL26\/ref=as_li_qf_asin_il_tl?ie=UTF8&amp;tag=naoya-ono-22&amp;creative=1211&amp;linkCode=as2&amp;creativeASIN=B07X6SPL26&amp;linkId=2b41a2198e9bcdc91afa44399913758d\" rel=\"nofollow\" class=\"yyi-rinker-link yyi-rinker-tracking\" data-click-tracking=\"amazon_kindle 1362 WordPress\u30c7\u30b6\u30a4\u30f3\u30ec\u30b7\u30d4\u96c6\" data-vars-amp-click-id=\"amazon_kindle 1362 WordPress\u30c7\u30b6\u30a4\u30f3\u30ec\u30b7\u30d4\u96c6\">Kindle<\/a>\t\t\t\t\t<\/li>\n<li class=\"amazonlink\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.amazon.co.jp\/dp\/4297107783?tag=naoya-ono-22&amp;linkCode=ogi&amp;th=1&amp;psc=1\" rel=\"nofollow\" class=\"yyi-rinker-link yyi-rinker-tracking\" data-click-tracking=\"amazon 1362 WordPress\u30c7\u30b6\u30a4\u30f3\u30ec\u30b7\u30d4\u96c6\" data-vars-amp-click-id=\"amazon 1362 WordPress\u30c7\u30b6\u30a4\u30f3\u30ec\u30b7\u30d4\u96c6\">Amazon<\/a>\t\t\t\t\t<\/li>\n<li class=\"rakutenlink\">\n\t\t\t\t\t\t<a href=\"https:\/\/hb.afl.rakuten.co.jp\/hgc\/16781883.64066d33.16781884.4f333982\/Rinker_o_20191204123926?pc=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2FWordPress%25E3%2583%2587%25E3%2582%25B6%25E3%2582%25A4%25E3%2583%25B3%25E3%2583%25AC%25E3%2582%25B7%25E3%2583%2594%25E9%259B%2586%2B%2F%3Ff%3D1%26grp%3Dproduct&amp;m=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2FWordPress%25E3%2583%2587%25E3%2582%25B6%25E3%2582%25A4%25E3%2583%25B3%25E3%2583%25AC%25E3%2582%25B7%25E3%2583%2594%25E9%259B%2586%2B%2F%3Ff%3D1%26grp%3Dproduct\" rel=\"nofollow\" class=\"yyi-rinker-link yyi-rinker-tracking\" data-click-tracking=\"rakuten 1362 WordPress\u30c7\u30b6\u30a4\u30f3\u30ec\u30b7\u30d4\u96c6\" data-vars-amp-click-id=\"rakuten 1362 WordPress\u30c7\u30b6\u30a4\u30f3\u30ec\u30b7\u30d4\u96c6\">\u697d\u5929\u5e02\u5834<\/a>\t\t\t\t\t<\/li>\n<li class=\"yahoolink\">\n\t\t\t\t\t\t<a href=\"https:\/\/shopping.yahoo.co.jp\/search?p=WordPress%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%AC%E3%82%B7%E3%83%94%E9%9B%86+\" rel=\"nofollow\" class=\"yyi-rinker-link yyi-rinker-tracking\" data-click-tracking=\"yahoo 1362 WordPress\u30c7\u30b6\u30a4\u30f3\u30ec\u30b7\u30d4\u96c6\" data-vars-amp-click-id=\"yahoo 1362 WordPress\u30c7\u30b6\u30a4\u30f3\u30ec\u30b7\u30d4\u96c6\">Yahoo\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0<\/a>\t\t\t\t\t<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/div>\n<p>\u3053\u3061\u3089\u306f\u8f9e\u66f8\u7684\u306a\u672c\u3002\u300c\u3042\u308c\u3063\u3066\u3069\u30fc\u3084\u308b\u3093\u3060\u3063\u3051\u300d\u3068\u56f0\u3063\u305f\u6642\u306b\u5f79\u7acb\u3064\u3002<\/p>\n<p>\u3060\u3044\u305f\u3044\u306e\u3053\u3068\u306f\u8f09\u3063\u3066\u3044\u308b\u306e\u3067\u3001\uff11\u518a\u6301\u3063\u3066\u304a\u304f\u3068\u304b\u306a\u308a\u91cd\u5b9d\u3059\u308b\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u3061\u3087\u3063\u3068\u52c9\u5f37\u304c\u3066\u3089\u3001WordPress\u306e\u30c6\u30fc\u30de\u3092\u4f5c\u6210\u4e2d\u306a\u306e\u3067\u3001\u4f5c\u308a\u65b9\u306e\u624b\u9806\u3092\u30e1\u30e2\u3068\u3057\u3066\u6b8b\u3057\u3066\u304a\u304f\u3002 \u76ee\u6b21STEP.1 HTML\u30fbCSS\u3092\u6e96\u5099\u3059\u308bSTEP2. \u74b0\u5883\u958b\u767a\u3092\u69cb\u7bc9\u3059\u308bSTEP3. \u521d\u671f\u8a2d\u5b9aWordPress\u306b\u8a8d &#8230; <\/p>\n","protected":false},"author":1,"featured_media":3106,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28,3],"tags":[],"_links":{"self":[{"href":"https:\/\/naoya-ono.com\/blog\/wp-json\/wp\/v2\/posts\/3086"}],"collection":[{"href":"https:\/\/naoya-ono.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/naoya-ono.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/naoya-ono.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/naoya-ono.com\/blog\/wp-json\/wp\/v2\/comments?post=3086"}],"version-history":[{"count":37,"href":"https:\/\/naoya-ono.com\/blog\/wp-json\/wp\/v2\/posts\/3086\/revisions"}],"predecessor-version":[{"id":3231,"href":"https:\/\/naoya-ono.com\/blog\/wp-json\/wp\/v2\/posts\/3086\/revisions\/3231"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/naoya-ono.com\/blog\/wp-json\/wp\/v2\/media\/3106"}],"wp:attachment":[{"href":"https:\/\/naoya-ono.com\/blog\/wp-json\/wp\/v2\/media?parent=3086"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/naoya-ono.com\/blog\/wp-json\/wp\/v2\/categories?post=3086"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/naoya-ono.com\/blog\/wp-json\/wp\/v2\/tags?post=3086"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}