{"id":23600,"date":"2025-11-13T04:24:24","date_gmt":"2025-11-13T04:24:24","guid":{"rendered":"https:\/\/ourdemy.dev\/?p=23600"},"modified":"2025-11-20T09:33:11","modified_gmt":"2025-11-20T09:33:11","slug":"where-can-i-create-a-form","status":"publish","type":"post","link":"https:\/\/ourdemy.com\/ja\/where-can-i-create-a-form\/","title":{"rendered":"\u30d5\u30a9\u30fc\u30e0\u306f\u3069\u3053\u3067\u4f5c\u6210\u3067\u304d\u307e\u3059\u304b\uff1f"},"content":{"rendered":"<div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      1\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306e\u30b5\u30a4\u30c9\u30e1\u30cb\u30e5\u30fc\u304b\u3089 <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">\u30d5\u30a9\u30fc\u30e0<\/span> \u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002\u3059\u308b\u3068\u3001\u3059\u3079\u3066\u306e\u30d5\u30a9\u30fc\u30e0\u304c\u4e00\u89a7\u8868\u793a\u3055\u308c\u308b <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">\u30d5\u30a9\u30fc\u30e0<\/span> \u30da\u30fc\u30b8\u306b\u79fb\u52d5\u3057\u307e\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img fetchpriority=\"high\" decoding=\"async\" width=\"1240\" height=\"800\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e8c1c0707fb3ddca-1763631092.png\" class=\"wp-image-24665\" alt=\"Screenshot for step 1\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e8c1c0707fb3ddca-1763631092.png 1240w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e8c1c0707fb3ddca-1763631092-300x194.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e8c1c0707fb3ddca-1763631092-1024x661.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e8c1c0707fb3ddca-1763631092-768x495.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e8c1c0707fb3ddca-1763631092-18x12.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e8c1c0707fb3ddca-1763631092-710x458.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e8c1c0707fb3ddca-1763631092-600x387.png 600w\" sizes=\"(max-width: 1240px) 100vw, 1240px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      2\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\"><span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">\u65b0\u898f\u30d5\u30a9\u30fc\u30e0<\/span> \u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u3001\u65b0\u3057\u3044\u30d5\u30a9\u30fc\u30e0\u306e\u4f5c\u6210\u3092\u958b\u59cb\u3057\u307e\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img decoding=\"async\" width=\"1322\" height=\"489\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-a39629c7094ca25c-1763631095.png\" class=\"wp-image-24668\" alt=\"Screenshot for step 2\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-a39629c7094ca25c-1763631095.png 1322w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-a39629c7094ca25c-1763631095-300x111.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-a39629c7094ca25c-1763631095-1024x379.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-a39629c7094ca25c-1763631095-768x284.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-a39629c7094ca25c-1763631095-18x7.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-a39629c7094ca25c-1763631095-710x263.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-a39629c7094ca25c-1763631095-600x222.png 600w\" sizes=\"(max-width: 1322px) 100vw, 1322px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      3\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\"><span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">\u30bf\u30a4\u30c8\u30eb<\/span> \u30d5\u30a3\u30fc\u30eb\u30c9\u306b\u30d5\u30a9\u30fc\u30e0\u540d\u3092\u5165\u529b\u3057\u307e\u3059\u3002\u3053\u306e\u30bf\u30a4\u30c8\u30eb\u306f\u5185\u90e8\u7ba1\u7406\u7528\u3067\u3042\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u306f\u8868\u793a\u3055\u308c\u307e\u305b\u3093\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img decoding=\"async\" width=\"1240\" height=\"800\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-3c7c645445d525ff-1763631096.png\" class=\"wp-image-24669\" alt=\"Screenshot for step 3\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-3c7c645445d525ff-1763631096.png 1240w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-3c7c645445d525ff-1763631096-300x194.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-3c7c645445d525ff-1763631096-1024x661.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-3c7c645445d525ff-1763631096-768x495.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-3c7c645445d525ff-1763631096-18x12.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-3c7c645445d525ff-1763631096-710x458.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-3c7c645445d525ff-1763631096-600x387.png 600w\" sizes=\"(max-width: 1240px) 100vw, 1240px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      4\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\"><span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210<\/span> \u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u3092\u78ba\u5b9a\u30fb\u4f5c\u6210\u3057\u307e\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1240\" height=\"800\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-1169a0b63e2c1606-1763631097.png\" class=\"wp-image-24671\" alt=\"Screenshot for step 4\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-1169a0b63e2c1606-1763631097.png 1240w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-1169a0b63e2c1606-1763631097-300x194.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-1169a0b63e2c1606-1763631097-1024x661.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-1169a0b63e2c1606-1763631097-768x495.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-1169a0b63e2c1606-1763631097-18x12.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-1169a0b63e2c1606-1763631097-710x458.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-1169a0b63e2c1606-1763631097-600x387.png 600w\" sizes=\"(max-width: 1240px) 100vw, 1240px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      5\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u30b7\u30b9\u30c6\u30e0\u306f\u81ea\u52d5\u7684\u306b <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">\u30d5\u30a9\u30fc\u30e0\u3092\u7de8\u96c6<\/span> \u30da\u30fc\u30b8\u3078\u79fb\u52d5\u3057\u307e\u3059\u3002\u3053\u306e\u30da\u30fc\u30b8\u304c\u30d5\u30a9\u30fc\u30e0\u3092\u30c7\u30b6\u30a4\u30f3\u3057\u3001\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u305f\u3081\u306e\u30e1\u30a4\u30f3\u4f5c\u696d\u753b\u9762\u3067\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1696\" height=\"898\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-55a8a53f9a793bbd-1763631099.png\" class=\"wp-image-24672\" alt=\"Screenshot for step 5\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-55a8a53f9a793bbd-1763631099.png 1696w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-55a8a53f9a793bbd-1763631099-300x159.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-55a8a53f9a793bbd-1763631099-1024x542.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-55a8a53f9a793bbd-1763631099-768x407.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-55a8a53f9a793bbd-1763631099-1536x813.png 1536w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-55a8a53f9a793bbd-1763631099-18x10.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-55a8a53f9a793bbd-1763631099-710x376.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-55a8a53f9a793bbd-1763631099-600x318.png 600w\" sizes=\"(max-width: 1696px) 100vw, 1696px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      6\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u5de6\u5074\u306e <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Components<\/span> \u30d1\u30cd\u30eb\u304b\u3089 <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Form Layout<\/span> \u3092\u63a2\u3057\u3001\u7de8\u96c6\u30a8\u30ea\u30a2\u306b\u30c9\u30e9\u30c3\u30b0\uff06\u30c9\u30ed\u30c3\u30d7\u3057\u307e\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"966\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-045e00b780210bb8-1763631101.gif\" class=\"wp-image-24674\" alt=\"Screenshot for step 6\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      7\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u30d5\u30a9\u30fc\u30e0\u30ec\u30a4\u30a2\u30a6\u30c8\u8a2d\u5b9a\u3092\u5165\u529b\u3057\u307e\u3059\uff1a\n\u25cf\u3000<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Form Title<\/span> \u2192 \u30d5\u30a9\u30fc\u30e0\u306e\u4e00\u756a\u4e0a\u306b\u8868\u793a\u3055\u308c\u308b\u540d\u524d\u3067\u3059\u3002\u30e6\u30fc\u30b6\u30fc\u306b\u3068\u3063\u3066\u308f\u304b\u308a\u3084\u3059\u3044\u30bf\u30a4\u30c8\u30eb\u306b\u3057\u307e\u3057\u3087\u3046\u3002\n\u3000\u4f8b\uff1a\u304a\u7533\u3057\u8fbc\u307f\u30d5\u30a9\u30fc\u30e0\n\u25cf\u3000<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Form Description<\/span> \u2192 \u30bf\u30a4\u30c8\u30eb\u306e\u4e0b\u306b\u8868\u793a\u3055\u308c\u308b\u77ed\u3044\u8aac\u660e\u6587\u3067\u3001\u30d5\u30a9\u30fc\u30e0\u306e\u76ee\u7684\u3092\u4f1d\u3048\u307e\u3059\u3002\n\u3000\u4f8b\uff1a\u5fc5\u8981\u4e8b\u9805\u3092\u3054\u5165\u529b\u306e\u3046\u3048\u3001\u9001\u4fe1\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"860\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-57b318d66d563a1a-1763631106.gif\" class=\"wp-image-24676\" alt=\"Screenshot for step 7\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      8\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u9001\u4fe1\u8a2d\u5b9a\u3092\u5165\u529b\u3057\u307e\u3059\uff1a\n\u25cf\u3000<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Success Message<\/span> \u2192 \u30d5\u30a9\u30fc\u30e0\u9001\u4fe1\u5f8c\u306b\u8868\u793a\u3055\u308c\u308b\u77ed\u3044\u78ba\u8a8d\u30e1\u30c3\u30bb\u30fc\u30b8\u3067\u3059\u3002\n\u3000\u4f8b\uff1a\u9001\u4fe1\u304c\u5b8c\u4e86\u3057\u307e\u3057\u305f\u3002\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002\n\u25cf\u3000<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Submit Button Label<\/span> \u2192 \u30e1\u30a4\u30f3\u30dc\u30bf\u30f3\u306b\u8868\u793a\u3055\u308c\u308b\u30c6\u30ad\u30b9\u30c8\u3067\u3059\u3002\u30d5\u30a9\u30fc\u30e0\u306e\u76ee\u7684\u306b\u5408\u308f\u305b\u3066\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3057\u307e\u3059\u3002\n\u3000\u4f8b\uff1a\u9001\u4fe1<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"975\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-cde60c669bf25e57-1763631145.gif\" class=\"wp-image-24682\" alt=\"Screenshot for step 8\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      9\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u30d5\u30a9\u30fc\u30e0\u5185\u306b <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Text Input<\/span> \u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u30c9\u30e9\u30c3\u30b0\u3057\u3066\u8a2d\u5b9a\u3057\u307e\u3059\u3002\u3053\u306e\u30d5\u30a3\u30fc\u30eb\u30c9\u306f\u3001\u540d\u524d\u3084\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u306a\u3069\u306e\u77ed\u3044\u56de\u7b54\u7528\u3067\u3059\u3002\u53d7\u8b1b\u8005\u304c\u5165\u529b\u5185\u5bb9\u3092\u3059\u3050\u306b\u7406\u89e3\u3067\u304d\u308b\u3088\u3046\u306b\u8a2d\u5b9a\u3057\u307e\u3057\u3087\u3046\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"941\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-6a72ae655c0ad1f6-1763631150.gif\" class=\"wp-image-24683\" alt=\"Screenshot for step 9\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      10\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u30c6\u30ad\u30b9\u30c8\u5165\u529b\u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u8a2d\u5b9a\u3057\u307e\u3059\uff1a\n\u25cf\u3000<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Label<\/span> \u2192 \u30dc\u30c3\u30af\u30b9\u306e\u4e0a\u306b\u8868\u793a\u3055\u308c\u308b\u30bf\u30a4\u30c8\u30eb\uff08\u4f8b\uff1a\u304a\u540d\u524d\uff09\n\u25cf\u3000<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Placeholder<\/span> \u2192 \u30dc\u30c3\u30af\u30b9\u5185\u306b\u8868\u793a\u3055\u308c\u308b\u30ac\u30a4\u30c9\u30c6\u30ad\u30b9\u30c8\uff08\u4f8b\uff1a\u304a\u540d\u524d\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\uff09<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"882\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-b2f6b5777934bbc7-1763631153.gif\" class=\"wp-image-24684\" alt=\"Screenshot for step 10\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      11\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u5fc5\u9808\u8a2d\u5b9a\u3092\u884c\u3044\u307e\u3059\uff1a\n\u25cf\u3000<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Optional<\/span> \u3092\u9078\u629e\u3059\u308b\u3068\u3001\u53d7\u8b1b\u8005\u306f\u3053\u306e\u9805\u76ee\u3092\u7a7a\u6b04\u306e\u307e\u307e\u30d5\u30a9\u30fc\u30e0\u3092\u9001\u4fe1\u3067\u304d\u307e\u3059\u3002\n\u25cf\u3000<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Required<\/span> \u3092\u9078\u629e\u3059\u308b\u3068\u3001\u53d7\u8b1b\u8005\u306f\u3053\u306e\u9805\u76ee\u3092\u5165\u529b\u3057\u306a\u3044\u3068\u30d5\u30a9\u30fc\u30e0\u3092\u9001\u4fe1\u3067\u304d\u307e\u305b\u3093\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"870\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-03d8f8b86577ec77-1763631155.gif\" class=\"wp-image-24685\" alt=\"Screenshot for step 11\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      12\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u5165\u529b\u6b04\u306e\u4e0b\u306b\u3042\u308b <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Help Text<\/span> \u306b\u77ed\u3044\u8aac\u660e\u6587\u3092\u8ffd\u52a0\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u5165\u529b\u3057\u3084\u3059\u3044\u3088\u3046\u306b\u6848\u5185\u3092\u8a18\u8f09\u3057\u307e\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"865\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-0e1c457e5a0449da-1763631158.gif\" class=\"wp-image-24686\" alt=\"Screenshot for step 12\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      13\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u5de6\u5074\u306e\u30d1\u30cd\u30eb\u304b\u3089 <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Number Input<\/span> \u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u30c9\u30e9\u30c3\u30b0\uff06\u30c9\u30ed\u30c3\u30d7\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u306b\u8ffd\u52a0\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u5e74\u9f62\u3084\u9031\u3042\u305f\u308a\u306e\u6388\u696d\u56de\u6570\u306a\u3069\u3001\u6570\u5024\u3092\u5165\u529b\u3055\u305b\u305f\u3044\u5834\u5408\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"945\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-29f7b6bea8410305-1763631160.gif\" class=\"wp-image-24687\" alt=\"Screenshot for step 13\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      14\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u30d5\u30a3\u30fc\u30eb\u30c9\u8a73\u7d30\u3092\u5165\u529b\u3057\u307e\u3059\uff1a\n\u25cf\u3000<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Label<\/span> \u2192 \u30d5\u30a3\u30fc\u30eb\u30c9\u306e\u4e0a\u306b\u8868\u793a\u3055\u308c\u308b\u30bf\u30a4\u30c8\u30eb\uff08\u4f8b\uff1a1\u9031\u9593\u306e\u53d7\u8b1b\u56de\u6570\uff09\n\u25cf\u3000<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Placeholder<\/span> \u2192 \u5165\u529b\u524d\u306b\u8868\u793a\u3055\u308c\u308b\u77ed\u3044\u30ac\u30a4\u30c9\u30c6\u30ad\u30b9\u30c8\uff08\u4f8b\uff1a\u6570\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002\uff09<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"876\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-f7b9eab15e276e94-1763631163.gif\" class=\"wp-image-24688\" alt=\"Screenshot for step 14\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      15\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u5fc5\u9808\u8a2d\u5b9a\u3092\u884c\u3044\u307e\u3059\uff1a\n\u25cf\u3000<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Optional<\/span> \u2192 \u3053\u306e\u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u7a7a\u6b04\u3067\u3082\u9001\u4fe1\u53ef\u80fd\n\u25cf\u3000<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Required<\/span> \u2192 \u6570\u5024\u3092\u5165\u529b\u3057\u306a\u3044\u3068\u9001\u4fe1\u3067\u304d\u306a\u3044<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"862\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-f1e0436026285ee6-1763631166.gif\" class=\"wp-image-24689\" alt=\"Screenshot for step 15\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      16\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u5165\u529b\u5236\u9650\u3092\u8a2d\u5b9a\u3057\u307e\u3059\uff1a\n\u25cf\u3000<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Minimum Value<\/span> \u2192 \u5165\u529b\u3067\u304d\u308b\u6700\u5c0f\u5024\n\u25cf\u3000<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Maximum Value<\/span> \u2192 \u5165\u529b\u3067\u304d\u308b\u6700\u5927\u5024\n\u25cf\u3000<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Step Value<\/span> \u2192 \u6570\u5024\u306e\u5897\u6e1b\u5e45\n\u4f8b\uff1a1\u9031\u9593\u306e\u53d7\u8b1b\u56de\u6570\u3092\u8a2d\u5b9a\u3059\u308b\u5834\u5408\u3001Min = 1\u3001Max = 7\u3001Step = 1 \u3068\u3057\u307e\u3059\u3002\u5165\u529b\u9805\u76ee\u306e\u76ee\u7684\u306b\u5fdc\u3058\u3066\u8abf\u6574\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"867\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-d339ecaadffaa3ad-1763631168.gif\" class=\"wp-image-24690\" alt=\"Screenshot for step 16\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      17\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u30d5\u30a3\u30fc\u30eb\u30c9\u306e\u4e0b\u306b\u3042\u308b <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Help Text<\/span> \u306b\u77ed\u3044\u88dc\u8db3\u8aac\u660e\u3092\u8ffd\u52a0\u3057\u3066\u3001\u5165\u529b\u5185\u5bb9\u306e\u76ee\u7684\u3084\u8a18\u5165\u65b9\u6cd5\u3092\u660e\u78ba\u306b\u3057\u307e\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"1006\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-990ae4f14c79b3b3-1763631171.gif\" class=\"wp-image-24691\" alt=\"Screenshot for step 17\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      18\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30d1\u30cd\u30eb\u304b\u3089 <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Text Area Input<\/span> \u3092\u30af\u30ea\u30c3\u30af\uff06\u30c9\u30e9\u30c3\u30b0\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u306b\u8ffd\u52a0\u3057\u307e\u3059\u3002\u3053\u306e\u30d5\u30a3\u30fc\u30eb\u30c9\u306f\u3001\u30b3\u30e1\u30f3\u30c8\u3084\u8a73\u7d30\u306a\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3001\u307e\u305f\u306f1\u884c\u306e\u30c6\u30ad\u30b9\u30c8\u30dc\u30c3\u30af\u30b9\u306b\u53ce\u307e\u3089\u306a\u3044\u8ffd\u52a0\u60c5\u5831\u306a\u3069\u3001\u9577\u6587\u306e\u56de\u7b54\u3092\u5165\u529b\u3057\u3066\u3082\u3089\u3046\u305f\u3081\u306e\u9805\u76ee\u3067\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"940\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-97afbc76013218f1-1763631174.gif\" class=\"wp-image-24692\" alt=\"Screenshot for step 18\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      19\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\"><span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Label<\/span>\uff08\u5165\u529b\u6b04\u306e\u30bf\u30a4\u30c8\u30eb\uff09\u3001<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Placeholder<\/span>\uff08\u30e6\u30fc\u30b6\u30fc\u304c\u4f55\u3092\u5165\u529b\u3059\u308c\u3070\u3088\u3044\u304b\u3092\u793a\u3059\u30b5\u30f3\u30d7\u30eb\u30c6\u30ad\u30b9\u30c8\uff09\u3092\u5165\u529b\u3057\u3001<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Required<\/span>\uff08\u5fc5\u9808\uff09\u304b<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Optional<\/span>\uff08\u4efb\u610f\uff09\u304b\u3092\u8a2d\u5b9a\u3057\u3066\u304f\u3060\u3055\u3044\u3002<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Text Input<\/span>\u3068\u540c\u3058\u3088\u3046\u306b\u884c\u3044\u307e\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1342\" height=\"721\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-8e7e2ee225f81dc3-1763631176.png\" class=\"wp-image-24693\" alt=\"Screenshot for step 19\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-8e7e2ee225f81dc3-1763631176.png 1342w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-8e7e2ee225f81dc3-1763631176-300x161.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-8e7e2ee225f81dc3-1763631176-1024x550.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-8e7e2ee225f81dc3-1763631176-768x413.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-8e7e2ee225f81dc3-1763631176-18x10.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-8e7e2ee225f81dc3-1763631176-710x381.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-8e7e2ee225f81dc3-1763631176-600x322.png 600w\" sizes=\"(max-width: 1342px) 100vw, 1342px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      20\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\"><span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Rows<\/span> \u306e\u5024\u3092\u8abf\u6574\u3057\u3066\u3001\u30c6\u30ad\u30b9\u30c8\u30dc\u30c3\u30af\u30b9\u306e\u8868\u793a\u9ad8\u3055\u3092\u5909\u66f4\u3057\u307e\u3059\u3002\u60f3\u5b9a\u3059\u308b\u56de\u7b54\u306e\u9577\u3055\u306b\u5408\u308f\u305b\u3066\u884c\u6570\u3092\u8a2d\u5b9a\u3057\u307e\u3057\u3087\u3046\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"869\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-1964d3ecc0e06bd6-1763631177.gif\" class=\"wp-image-24694\" alt=\"Screenshot for step 20\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      21\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u5fc5\u8981\u306b\u5fdc\u3058\u3066 <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Help Text<\/span> \u306b\u88dc\u8db3\u8aac\u660e\u3092\u8ffd\u52a0\u3057\u3001\u5165\u529b\u306e\u6307\u793a\u3092\u660e\u78ba\u306b\u3057\u307e\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1345\" height=\"873\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-5a83bbc07ba923e4-1763631179.png\" class=\"wp-image-24695\" alt=\"Screenshot for step 21\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-5a83bbc07ba923e4-1763631179.png 1345w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-5a83bbc07ba923e4-1763631179-300x195.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-5a83bbc07ba923e4-1763631179-1024x665.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-5a83bbc07ba923e4-1763631179-768x498.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-5a83bbc07ba923e4-1763631179-18x12.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-5a83bbc07ba923e4-1763631179-710x461.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-5a83bbc07ba923e4-1763631179-600x389.png 600w\" sizes=\"(max-width: 1345px) 100vw, 1345px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      22\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30d1\u30cd\u30eb\u304b\u3089 <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Select Input<\/span> \u3092\u30d5\u30a9\u30fc\u30e0\u306b\u30c9\u30e9\u30c3\u30b0\uff06\u30c9\u30ed\u30c3\u30d7\u3057\u307e\u3059\u3002\u3053\u306e\u30d5\u30a3\u30fc\u30eb\u30c9\u3067\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u30ea\u30b9\u30c8\u304b\u3089\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"940\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-903f3fa694c9c91e-1763631181.gif\" class=\"wp-image-24696\" alt=\"Screenshot for step 22\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      23\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u25cb\u3000<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Label<\/span> \u306b\u5165\u529b\u3057\u3066\u3001\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u304c\u4f55\u3092\u5c0b\u306d\u3066\u3044\u308b\u306e\u304b\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u308f\u304b\u308a\u3084\u3059\u304f\u793a\u3057\u307e\u3059\uff08\u4f8b\uff1a\u30ec\u30d9\u30eb\uff09\u3002\n\u25cb\u3000\u5404\u30aa\u30d7\u30b7\u30e7\u30f3\u884c\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u8a73\u7d30\u3092\u8ffd\u52a0\u3057\u307e\u3059\uff1a\n\u3000\u25cf\u3000<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Value<\/span> \u2192 \u30b7\u30b9\u30c6\u30e0\u306b\u4fdd\u5b58\u3055\u308c\u308b\u30c7\u30fc\u30bf\uff08\u4f8b\uff1abeginner, intermediate, advanced\uff09\n\u3000\u25cf\u3000<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Label<\/span> \u2192 \u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u5185\u3067\u30e6\u30fc\u30b6\u30fc\u306b\u8868\u793a\u3055\u308c\u308b\u30c6\u30ad\u30b9\u30c8\uff08\u4f8b\uff1a\u521d\u5fc3\u8005\u3001\u4e2d\u7d1a\u8005\u3001\u4e0a\u7d1a\u8005\uff09<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"865\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-ea7f0afd984f0961-1763631185.gif\" class=\"wp-image-24697\" alt=\"Screenshot for step 23\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      24\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u8ffd\u52a0\u3057\u305f\u3044\u5834\u5408\u306f <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">+<\/span> \u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u9805\u76ee\u3092\u5897\u3084\u3057\u307e\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1347\" height=\"825\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-10e2600b8bea989b-1763631188.png\" class=\"wp-image-24698\" alt=\"Screenshot for step 24\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-10e2600b8bea989b-1763631188.png 1347w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-10e2600b8bea989b-1763631188-300x184.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-10e2600b8bea989b-1763631188-1024x627.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-10e2600b8bea989b-1763631188-768x470.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-10e2600b8bea989b-1763631188-18x12.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-10e2600b8bea989b-1763631188-710x435.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-10e2600b8bea989b-1763631188-600x367.png 600w\" sizes=\"(max-width: 1347px) 100vw, 1347px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      25\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u3053\u306e\u30d5\u30a3\u30fc\u30eb\u30c9\u3092<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Required<\/span>\uff08\u9001\u4fe1\u524d\u306b\u5fc5\u305a\u9078\u629e\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\uff09\u304b<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Optional<\/span>\uff08\u30e6\u30fc\u30b6\u30fc\u304c\u30b9\u30ad\u30c3\u30d7\u3067\u304d\u308b\uff09\u304b\u306b\u8a2d\u5b9a\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u307e\u305f\u3001Placeholder\u3092\u8ffd\u52a0\u3057\u3066\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u5185\u306b\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u6848\u5185\u30c6\u30ad\u30b9\u30c8\u3092\u8868\u793a\u3057\u305f\u308a\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066Help Text\u3067\u3055\u3089\u306b\u8a73\u3057\u3044\u8aac\u660e\u3092\u4ed8\u3051\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1330\" height=\"874\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-322cf1175eadd4ea-1763631189.png\" class=\"wp-image-24699\" alt=\"Screenshot for step 25\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-322cf1175eadd4ea-1763631189.png 1330w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-322cf1175eadd4ea-1763631189-300x197.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-322cf1175eadd4ea-1763631189-1024x673.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-322cf1175eadd4ea-1763631189-768x505.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-322cf1175eadd4ea-1763631189-18x12.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-322cf1175eadd4ea-1763631189-710x467.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-322cf1175eadd4ea-1763631189-600x394.png 600w\" sizes=\"(max-width: 1330px) 100vw, 1330px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      26\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u3059\u3079\u3066\u306e\u30d5\u30a3\u30fc\u30eb\u30c9\u8a2d\u5b9a\u304c\u5b8c\u4e86\u3057\u305f\u3089\u3001<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Publish<\/span> \u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u3092\u4fdd\u5b58\u30fb\u516c\u958b\u3057\u307e\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1341\" height=\"684\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-07f54a5fb2e395b8-1763631190.png\" class=\"wp-image-24700\" alt=\"Screenshot for step 26\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-07f54a5fb2e395b8-1763631190.png 1341w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-07f54a5fb2e395b8-1763631190-300x153.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-07f54a5fb2e395b8-1763631190-1024x522.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-07f54a5fb2e395b8-1763631190-768x392.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-07f54a5fb2e395b8-1763631190-18x9.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-07f54a5fb2e395b8-1763631190-710x362.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-07f54a5fb2e395b8-1763631190-600x306.png 600w\" sizes=\"(max-width: 1341px) 100vw, 1341px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      27\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\"><span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">\u30d5\u30a9\u30fc\u30e0\u4e00\u89a7\u306b\u623b\u308b<\/span> \u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u4e00\u89a7\u30da\u30fc\u30b8\u306b\u623b\u308a\u307e\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1341\" height=\"684\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e916592c810eee6d-1763631190.png\" class=\"wp-image-24701\" alt=\"Screenshot for step 27\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e916592c810eee6d-1763631190.png 1341w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e916592c810eee6d-1763631190-300x153.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e916592c810eee6d-1763631190-1024x522.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e916592c810eee6d-1763631190-768x392.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e916592c810eee6d-1763631190-18x9.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e916592c810eee6d-1763631190-710x362.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e916592c810eee6d-1763631190-600x306.png 600w\" sizes=\"(max-width: 1341px) 100vw, 1341px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      28\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u4f5c\u6210\u6e08\u307f\u306e\u3059\u3079\u3066\u306e\u30d5\u30a9\u30fc\u30e0\u304c\u4e00\u89a7\u3067\u8868\u793a\u3055\u308c\u307e\u3059\u3002\n\u25cf\u3000<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Edit<\/span> \u30a2\u30a4\u30b3\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u65e2\u5b58\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u7de8\u96c6\u3057\u307e\u3059\n\u25cf\u3000<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Delete<\/span> \u30a2\u30a4\u30b3\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u4e0d\u8981\u306a\u30d5\u30a9\u30fc\u30e0\u3092\u524a\u9664\u3057\u307e\u3059<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1304\" height=\"537\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-9b25fa216586c865-1763631191.png\" class=\"wp-image-24702\" alt=\"Screenshot for step 28\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-9b25fa216586c865-1763631191.png 1304w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-9b25fa216586c865-1763631191-300x124.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-9b25fa216586c865-1763631191-1024x422.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-9b25fa216586c865-1763631191-768x316.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-9b25fa216586c865-1763631191-18x7.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-9b25fa216586c865-1763631191-710x292.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-9b25fa216586c865-1763631191-600x247.png 600w\" sizes=\"(max-width: 1304px) 100vw, 1304px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>1 \u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306e\u30b5\u30a4\u30c9\u30e1\u30cb\u30e5\u30fc\u304b\u3089 \u30d5\u30a9\u30fc\u30e0 \u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002\u3059\u308b\u3068\u3001\u3059\u3079\u3066\u306e\u30d5\u30a9\u30fc\u30e0\u304c\u4e00\u89a7\u8868\u793a\u3055\u308c\u308b \u30d5\u30a9\u30fc\u30e0 \u30da\u30fc\u30b8\u306b\u79fb\u52d5\u3057\u307e\u3059\u3002 2 \u65b0\u898f\u30d5\u30a9\u30fc\u30e0 \u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u3001\u65b0\u3057\u3044\u30d5\u30a9\u30fc\u30e0\u306e\u4f5c\u6210\u3092\u958b\u59cb\u3057\u307e\u3059\u3002 3 \u30bf\u30a4\u30c8\u30eb \u30d5\u30a3\u30fc\u30eb\u30c9\u306b\u30d5\u30a9\u30fc\u30e0\u540d\u3092\u5165\u529b\u3057\u307e\u3059\u3002\u3053\u306e\u30bf\u30a4\u30c8\u30eb\u306f\u5185\u90e8\u7ba1\u7406\u7528\u3067\u3042\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u306f\u8868\u793a\u3055\u308c\u307e\u305b\u3093\u3002 4 \u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210 \u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u3092\u78ba\u5b9a\u30fb\u4f5c\u6210\u3057\u307e\u3059\u3002 5 \u30b7\u30b9\u30c6\u30e0\u306f\u81ea\u52d5\u7684\u306b \u30d5\u30a9\u30fc\u30e0\u3092\u7de8\u96c6 \u30da\u30fc\u30b8\u3078\u79fb\u52d5\u3057\u307e\u3059\u3002\u3053\u306e\u30da\u30fc\u30b8\u304c\u30d5\u30a9\u30fc\u30e0\u3092\u30c7\u30b6\u30a4\u30f3\u3057\u3001\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u305f\u3081\u306e\u30e1\u30a4\u30f3\u4f5c\u696d\u753b\u9762\u3067\u3059\u3002 6 \u5de6\u5074\u306e Components \u30d1\u30cd\u30eb\u304b\u3089 Form Layout \u3092\u63a2\u3057\u3001\u7de8\u96c6\u30a8\u30ea\u30a2\u306b\u30c9\u30e9\u30c3\u30b0\uff06\u30c9\u30ed\u30c3\u30d7\u3057\u307e\u3059\u3002 7 \u30d5\u30a9\u30fc\u30e0\u30ec\u30a4\u30a2\u30a6\u30c8\u8a2d\u5b9a\u3092\u5165\u529b\u3057\u307e\u3059\uff1a \u25cf\u3000Form Title \u2192 \u30d5\u30a9\u30fc\u30e0\u306e\u4e00\u756a\u4e0a\u306b\u8868\u793a\u3055\u308c\u308b\u540d\u524d\u3067\u3059\u3002\u30e6\u30fc\u30b6\u30fc\u306b\u3068\u3063\u3066\u308f\u304b\u308a\u3084\u3059\u3044\u30bf\u30a4\u30c8\u30eb\u306b\u3057\u307e\u3057\u3087\u3046\u3002 \u3000\u4f8b\uff1a\u304a\u7533\u3057\u8fbc\u307f\u30d5\u30a9\u30fc\u30e0 \u25cf\u3000Form Description \u2192 \u30bf\u30a4\u30c8\u30eb\u306e\u4e0b\u306b\u8868\u793a\u3055\u308c\u308b\u77ed\u3044\u8aac\u660e\u6587\u3067\u3001\u30d5\u30a9\u30fc\u30e0\u306e\u76ee\u7684\u3092\u4f1d\u3048\u307e\u3059\u3002 \u3000\u4f8b\uff1a\u5fc5\u8981\u4e8b\u9805\u3092\u3054\u5165\u529b\u306e\u3046\u3048\u3001\u9001\u4fe1\u3057\u3066\u304f\u3060\u3055\u3044\u3002 8 \u9001\u4fe1\u8a2d\u5b9a\u3092\u5165\u529b\u3057\u307e\u3059\uff1a \u25cf\u3000Success Message \u2192 \u30d5\u30a9\u30fc\u30e0\u9001\u4fe1\u5f8c\u306b\u8868\u793a\u3055\u308c\u308b\u77ed\u3044\u78ba\u8a8d\u30e1\u30c3\u30bb\u30fc\u30b8\u3067\u3059\u3002 \u3000\u4f8b\uff1a\u9001\u4fe1\u304c\u5b8c\u4e86\u3057\u307e\u3057\u305f\u3002\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002 \u25cf\u3000Submit Button Label \u2192 \u30e1\u30a4\u30f3\u30dc\u30bf\u30f3\u306b\u8868\u793a\u3055\u308c\u308b\u30c6\u30ad\u30b9\u30c8\u3067\u3059\u3002\u30d5\u30a9\u30fc\u30e0\u306e\u76ee\u7684\u306b\u5408\u308f\u305b\u3066\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3057\u307e\u3059\u3002 \u3000\u4f8b\uff1a\u9001\u4fe1 9 \u30d5\u30a9\u30fc\u30e0\u5185\u306b Text Input \u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u30c9\u30e9\u30c3\u30b0\u3057\u3066\u8a2d\u5b9a\u3057\u307e\u3059\u3002\u3053\u306e\u30d5\u30a3\u30fc\u30eb\u30c9\u306f\u3001\u540d\u524d\u3084\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u306a\u3069\u306e\u77ed\u3044\u56de\u7b54\u7528\u3067\u3059\u3002\u53d7\u8b1b\u8005\u304c\u5165\u529b\u5185\u5bb9\u3092\u3059\u3050\u306b\u7406\u89e3\u3067\u304d\u308b\u3088\u3046\u306b\u8a2d\u5b9a\u3057\u307e\u3057\u3087\u3046\u3002 10 \u30c6\u30ad\u30b9\u30c8\u5165\u529b\u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u8a2d\u5b9a\u3057\u307e\u3059\uff1a \u25cf\u3000Label \u2192 \u30dc\u30c3\u30af\u30b9\u306e\u4e0a\u306b\u8868\u793a\u3055\u308c\u308b\u30bf\u30a4\u30c8\u30eb\uff08\u4f8b\uff1a\u304a\u540d\u524d\uff09 \u25cf\u3000Placeholder \u2192 \u30dc\u30c3\u30af\u30b9\u5185\u306b\u8868\u793a\u3055\u308c\u308b\u30ac\u30a4\u30c9\u30c6\u30ad\u30b9\u30c8\uff08\u4f8b\uff1a\u304a\u540d\u524d\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\uff09 11 \u5fc5\u9808\u8a2d\u5b9a\u3092\u884c\u3044\u307e\u3059\uff1a \u25cf\u3000Optional \u3092\u9078\u629e\u3059\u308b\u3068\u3001\u53d7\u8b1b\u8005\u306f\u3053\u306e\u9805\u76ee\u3092\u7a7a\u6b04\u306e\u307e\u307e\u30d5\u30a9\u30fc\u30e0\u3092\u9001\u4fe1\u3067\u304d\u307e\u3059\u3002 \u25cf\u3000Required \u3092\u9078\u629e\u3059\u308b\u3068\u3001\u53d7\u8b1b\u8005\u306f\u3053\u306e\u9805\u76ee\u3092\u5165\u529b\u3057\u306a\u3044\u3068\u30d5\u30a9\u30fc\u30e0\u3092\u9001\u4fe1\u3067\u304d\u307e\u305b\u3093\u3002 12 \u5165\u529b\u6b04\u306e\u4e0b\u306b\u3042\u308b Help Text \u306b\u77ed\u3044\u8aac\u660e\u6587\u3092\u8ffd\u52a0\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u5165\u529b\u3057\u3084\u3059\u3044\u3088\u3046\u306b\u6848\u5185\u3092\u8a18\u8f09\u3057\u307e\u3059\u3002 13 \u5de6\u5074\u306e\u30d1\u30cd\u30eb\u304b\u3089 Number Input \u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u30c9\u30e9\u30c3\u30b0\uff06\u30c9\u30ed\u30c3\u30d7\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u306b\u8ffd\u52a0\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u5e74\u9f62\u3084\u9031\u3042\u305f\u308a\u306e\u6388\u696d\u56de\u6570\u306a\u3069\u3001\u6570\u5024\u3092\u5165\u529b\u3055\u305b\u305f\u3044\u5834\u5408\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002 14 \u30d5\u30a3\u30fc\u30eb\u30c9\u8a73\u7d30\u3092\u5165\u529b\u3057\u307e\u3059\uff1a \u25cf\u3000Label \u2192 \u30d5\u30a3\u30fc\u30eb\u30c9\u306e\u4e0a\u306b\u8868\u793a\u3055\u308c\u308b\u30bf\u30a4\u30c8\u30eb\uff08\u4f8b\uff1a1\u9031\u9593\u306e\u53d7\u8b1b\u56de\u6570\uff09 \u25cf\u3000Placeholder \u2192 \u5165\u529b\u524d\u306b\u8868\u793a\u3055\u308c\u308b\u77ed\u3044\u30ac\u30a4\u30c9\u30c6\u30ad\u30b9\u30c8\uff08\u4f8b\uff1a\u6570\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002\uff09 15 \u5fc5\u9808\u8a2d\u5b9a\u3092\u884c\u3044\u307e\u3059\uff1a \u25cf\u3000Optional \u2192 \u3053\u306e\u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u7a7a\u6b04\u3067\u3082\u9001\u4fe1\u53ef\u80fd \u25cf\u3000Required \u2192 \u6570\u5024\u3092\u5165\u529b\u3057\u306a\u3044\u3068\u9001\u4fe1\u3067\u304d\u306a\u3044 16 \u5165\u529b\u5236\u9650\u3092\u8a2d\u5b9a\u3057\u307e\u3059\uff1a \u25cf\u3000Minimum Value \u2192 \u5165\u529b\u3067\u304d\u308b\u6700\u5c0f\u5024 \u25cf\u3000Maximum Value \u2192 \u5165\u529b\u3067\u304d\u308b\u6700\u5927\u5024 \u25cf\u3000Step Value \u2192 \u6570\u5024\u306e\u5897\u6e1b\u5e45 [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[40,34],"tags":[],"class_list":["post-23600","post","type-post","status-publish","format-standard","hentry","category-customize-your-site","category-help-center"],"_links":{"self":[{"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/posts\/23600","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/comments?post=23600"}],"version-history":[{"count":7,"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/posts\/23600\/revisions"}],"predecessor-version":[{"id":24703,"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/posts\/23600\/revisions\/24703"}],"wp:attachment":[{"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/media?parent=23600"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/categories?post=23600"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/tags?post=23600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}