<?xml version="1.0" encoding="UTF-8" ?><!-- generator=Zoho Sites --><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><atom:link href="https://www.opdweb.jp/blogs/tag/セクション/feed" rel="self" type="application/rss+xml"/><title>WEBデザイン本舗 - カテゴリー１ #セクション</title><description>WEBデザイン本舗 - カテゴリー１ #セクション</description><link>https://www.opdweb.jp/blogs/tag/セクション</link><lastBuildDate>Thu, 26 Feb 2026 00:12:09 -0800</lastBuildDate><generator>http://zoho.com/sites/</generator><item><title><![CDATA[セクション]]></title><link>https://www.opdweb.jp/blogs/post/section</link><description><![CDATA[セクションとは、１つの内容のまとまりを意味します。ページに要素を追加すると、セクションが作成されます。 セクションには、内部の要素に基づいた独自の階層があり、各セクションは個別にカスタマイズできます。 コンテンツ領域にカーソルを合わせると、特定のセクションにアクセスできます。 または、コンテンツ領域を ]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm_rDPrOS4HH3AcoL3m4cXAew" data-element-type="section" class="zpsection zpdefault-section zpdefault-section-bg "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_jUvBtZpsA4KRae6OhcgBTw" data-element-type="row" class="zprow zprow-container zpalign-items-flex-start zpjustify-content-flex-start zpdefault-section zpdefault-section-bg " data-equal-column=""><style type="text/css"> [data-element-id="elm_jUvBtZpsA4KRae6OhcgBTw"].zprow{ border-radius:1px; } </style><div data-element-id="elm_rCeP2_lJiYV_tiwgI1yXVw" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg "><style type="text/css"> [data-element-id="elm_rCeP2_lJiYV_tiwgI1yXVw"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_P8l9tc3kmNwmlKcHJgnGaQ" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_P8l9tc3kmNwmlKcHJgnGaQ"].zpelem-text { border-radius:1px; } </style><div class="zptext zptext-align-left " data-editor="true"><div style="color:inherit;"><div>セクションとは、１つの内容のまとまりを意味します。ページに要素を追加すると、セクションが作成されます。 セクションには、内部の要素に基づいた独自の階層があり、各セクションは個別にカスタマイズできます。</div></div></div>
</div><div data-element-id="elm_-oS4ppGRxwnzberqfLf1_Q" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_-oS4ppGRxwnzberqfLf1_Q"] div.zpspacer { height:26px; } @media (max-width: 768px) { div[data-element-id="elm_-oS4ppGRxwnzberqfLf1_Q"] div.zpspacer { height:calc(26px / 3); } } </style><div class="zpspacer " data-height="26"></div>
</div></div></div></div></div><div data-element-id="elm_omPBNqhSI8xlpk9tLrAnlw" data-element-type="section" class="zpsection zpdefault-section zpdefault-section-bg "><style type="text/css"> [data-element-id="elm_omPBNqhSI8xlpk9tLrAnlw"].zpsection{ border-radius:1px; } </style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_0Mh3rwZP6OjlG4Itpc-r-Q" data-element-type="row" class="zprow zprow-container zpalign-items-flex-start zpjustify-content-flex-start zpdefault-section zpdefault-section-bg " data-equal-column=""><style type="text/css"> [data-element-id="elm_0Mh3rwZP6OjlG4Itpc-r-Q"].zprow{ border-radius:1px; } </style><div data-element-id="elm_Qy_-mNyjVkIWG64K5mkYEg" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg "><style type="text/css"> [data-element-id="elm_Qy_-mNyjVkIWG64K5mkYEg"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_iLnaaTH0pjlZEEpi3eQO0g" data-element-type="heading" class="zpelement zpelem-heading "><style> [data-element-id="elm_iLnaaTH0pjlZEEpi3eQO0g"] h2.zpheading{ color:#000000 ; font-family:'Noto Sans',sans-serif; font-size:26px; font-weight:700; line-height:32px; } [data-element-id="elm_iLnaaTH0pjlZEEpi3eQO0g"].zpelem-heading { border-radius:1px; } [data-element-id="elm_iLnaaTH0pjlZEEpi3eQO0g"] .zpheading:after,[data-element-id="elm_iLnaaTH0pjlZEEpi3eQO0g"] .zpheading:before{ background-color:#000000 !important; } </style><h2
 class="zpheading zpheading-style-type3 zpheading-align-left " data-editor="true"><span style="color:inherit;">セクションを選択するには</span><br></h2></div>
<div data-element-id="elm_9WzV482Gt2Rk5S6CdVet6g" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_9WzV482Gt2Rk5S6CdVet6g"].zpelem-text { font-family:'Noto Sans',sans-serif; font-size:16px; font-weight:400; line-height:19px; border-radius:1px; } [data-element-id="elm_9WzV482Gt2Rk5S6CdVet6g"].zpelem-text :is(h1,h2,h3,h4,h5,h6){ font-family:'Noto Sans',sans-serif; font-size:16px; font-weight:400; line-height:19px; } </style><div class="zptext zptext-align-left " data-editor="true"><div style="color:inherit;"><div style="color:inherit;"><div style="line-height:1.5;"><div style="color:inherit;"><div style="color:inherit;line-height:1.5;"><div style="color:inherit;"><div>コンテンツ領域にカーソルを合わせると、特定のセクションにアクセスできます。 または、コンテンツ領域をクリックして、ドロップダウンリストから編集したいセクションを選択します。</div></div></div></div></div></div></div></div>
</div><div data-element-id="elm_DzdO9wjAZRMeJs2Ojd6SMw" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_DzdO9wjAZRMeJs2Ojd6SMw"] div.zpspacer { height:14px; } @media (max-width: 768px) { div[data-element-id="elm_DzdO9wjAZRMeJs2Ojd6SMw"] div.zpspacer { height:calc(14px / 3); } } </style><div class="zpspacer " data-height="14"></div>
</div><div data-element-id="elm_jtw-_NjTS9Q6GiX2-cklYQ" data-element-type="row" class="zprow zprow-container zpalign-items-flex-start zpjustify-content-flex-start zpdefault-section zpdefault-section-bg " data-equal-column=""><style type="text/css"> [data-element-id="elm_jtw-_NjTS9Q6GiX2-cklYQ"].zprow{ border-radius:1px; } </style><div data-element-id="elm_hzvzoMInP4ktbxfqvwab2A" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg "><style type="text/css"> [data-element-id="elm_hzvzoMInP4ktbxfqvwab2A"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_b_txl3D6JrEjhxuO0ua4Uw" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_b_txl3D6JrEjhxuO0ua4Uw"] .zpimage-container figure img { width: 1110px ; height: 506.90px ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_b_txl3D6JrEjhxuO0ua4Uw"] .zpimage-container figure img { width:723px ; height:330.17px ; } } @media (max-width: 767px) { [data-element-id="elm_b_txl3D6JrEjhxuO0ua4Uw"] .zpimage-container figure img { width:415px ; height:189.52px ; } } [data-element-id="elm_b_txl3D6JrEjhxuO0ua4Uw"].zpelem-image { border-radius:1px; } </style><div data-caption-color="" data-size-tablet="" data-size-mobile="" data-align="center" data-tablet-image-separate="false" data-mobile-image-separate="false" class="zpimage-container zpimage-align-center zpimage-size-fit zpimage-tablet-fallback-fit zpimage-mobile-fallback-fit hb-lightbox " data-lightbox-options="
                type:fullscreen,
                theme:dark"><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor" role="link" tabindex="0" aria-label="Open Lightbox" style="cursor:pointer;"><picture><img class="zpimage zpimage-style-none zpimage-space-none " src="/zoho%20sites%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB/%E5%88%9D%E5%BF%83%E8%80%85%E3%82%AC%E3%82%A4%E3%83%89/tut7.png" width="415" height="189.52" loading="lazy" size="fit" data-lightbox="true"/></picture></span></figure></div>
</div></div></div><div data-element-id="elm_HvuWyulMpbzbTXx1LpX5vA" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_HvuWyulMpbzbTXx1LpX5vA"] div.zpspacer { height:30px; } @media (max-width: 768px) { div[data-element-id="elm_HvuWyulMpbzbTXx1LpX5vA"] div.zpspacer { height:calc(30px / 3); } } </style><div class="zpspacer " data-height="30"></div>
</div><div data-element-id="elm_Fmm-TVV9NFjbi3c8_EHR2Q" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_Fmm-TVV9NFjbi3c8_EHR2Q"].zpelem-text { border-radius:1px; } </style><div class="zptext zptext-align-left " data-editor="true"><p><span style="color:inherit;">&nbsp;または、コンテンツ領域をクリックして、ドロップダウンリストから編集したいセクションを選択します。この方法で、列や行などの内部構造を選択することもできます。</span><br></p></div>
</div><div data-element-id="elm_EUz3kLG4cvSP6lhFl3MHng" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_EUz3kLG4cvSP6lhFl3MHng"] .zpimage-container figure img { width: 1110px ; height: 543.90px ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_EUz3kLG4cvSP6lhFl3MHng"] .zpimage-container figure img { width:723px ; height:354.27px ; } } @media (max-width: 767px) { [data-element-id="elm_EUz3kLG4cvSP6lhFl3MHng"] .zpimage-container figure img { width:415px ; height:203.35px ; } } [data-element-id="elm_EUz3kLG4cvSP6lhFl3MHng"].zpelem-image { border-radius:1px; margin-block-start:8px; } </style><div data-caption-color="" data-size-tablet="" data-size-mobile="" data-align="center" data-tablet-image-separate="false" data-mobile-image-separate="false" class="zpimage-container zpimage-align-center zpimage-size-fit zpimage-tablet-fallback-fit zpimage-mobile-fallback-fit hb-lightbox " data-lightbox-options="
                type:fullscreen,
                theme:dark"><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor" role="link" tabindex="0" aria-label="Open Lightbox" style="cursor:pointer;"><picture><img class="zpimage zpimage-style-none zpimage-space-none " src="/zoho%20sites%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB/%E5%88%9D%E5%BF%83%E8%80%85%E3%82%AC%E3%82%A4%E3%83%89/tut8.png" width="415" height="203.35" loading="lazy" size="fit" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_tnguwtVi32prIPEl7tc7yg" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_tnguwtVi32prIPEl7tc7yg"] div.zpspacer { height:30px; } @media (max-width: 768px) { div[data-element-id="elm_tnguwtVi32prIPEl7tc7yg"] div.zpspacer { height:calc(30px / 3); } } </style><div class="zpspacer " data-height="30"></div>
</div></div></div></div></div><div data-element-id="elm_d4lQE_WUkuN_8kKXcxh9JQ" data-element-type="section" class="zpsection zpdefault-section zpdefault-section-bg "><style type="text/css"> [data-element-id="elm_d4lQE_WUkuN_8kKXcxh9JQ"].zpsection{ border-radius:1px; } </style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_72pqTrYXDHrRBxBT1c_3lQ" data-element-type="row" class="zprow zprow-container zpalign-items-flex-start zpjustify-content-flex-start zpdefault-section zpdefault-section-bg " data-equal-column=""><style type="text/css"> [data-element-id="elm_72pqTrYXDHrRBxBT1c_3lQ"].zprow{ border-radius:1px; } </style><div data-element-id="elm_JcnypJZSJJCpsjCYb7unJw" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg "><style type="text/css"> [data-element-id="elm_JcnypJZSJJCpsjCYb7unJw"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_auXIGDl6oguBfWSLMCC39Q" data-element-type="divider" class="zpelement zpelem-divider "><style type="text/css"> [data-element-id="elm_auXIGDl6oguBfWSLMCC39Q"].zpelem-divider{ border-radius:1px; } </style><style></style><div class="zpdivider-container zpdivider-line zpdivider-align-center zpdivider-width100 zpdivider-line-style-solid "><div class="zpdivider-common"></div>
</div></div><div data-element-id="elm_yhCVx8Gn6krZNFHfE-KOmQ" data-element-type="row" class="zprow zprow-container zpalign-items-flex-start zpjustify-content-flex-start zpdefault-section zpdefault-section-bg " data-equal-column=""><style type="text/css"> [data-element-id="elm_yhCVx8Gn6krZNFHfE-KOmQ"].zprow{ border-radius:1px; } </style><div data-element-id="elm_xvnCaecMrDWXdtwn4WQ-Xw" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-6 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg "><style type="text/css"> [data-element-id="elm_xvnCaecMrDWXdtwn4WQ-Xw"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_Ym-upi7yd5zGBxWKU2YD5g" data-element-type="image" class="zpelement zpelem-image banner "><style> @media (min-width: 992px) { [data-element-id="elm_Ym-upi7yd5zGBxWKU2YD5g"] .zpimage-container figure img { width: 541px !important ; height: 163px !important ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_Ym-upi7yd5zGBxWKU2YD5g"] .zpimage-container figure img { width:541px ; height:163px ; } } @media (max-width: 767px) { [data-element-id="elm_Ym-upi7yd5zGBxWKU2YD5g"] .zpimage-container figure img { width:541px ; height:163px ; } } [data-element-id="elm_Ym-upi7yd5zGBxWKU2YD5g"].zpelem-image { border-radius:1px; } </style><div data-caption-color="" data-size-tablet="" data-size-mobile="" data-align="left" data-tablet-image-separate="false" data-mobile-image-separate="false" class="zpimage-container zpimage-align-left zpimage-size-original zpimage-tablet-fallback-original zpimage-mobile-fallback-original "><figure role="none" class="zpimage-data-ref"><a class="zpimage-anchor" href="/zoho-sites-begginers-guide" target="" rel=""><picture><img class="zpimage zpimage-style-none zpimage-space-none " src="/zoho%20sites%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB/begginers_banner.png" width="541" height="163" loading="lazy" size="original"/></picture></a></figure></div>
</div></div><div data-element-id="elm_PcdkJ9CR8rbqlgyKG9TTCw" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-6 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg "><style type="text/css"> [data-element-id="elm_PcdkJ9CR8rbqlgyKG9TTCw"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_iN6DLXaqjiHaAYkIUye3wQ" data-element-type="image" class="zpelement zpelem-image banner "><style> @media (min-width: 992px) { [data-element-id="elm_iN6DLXaqjiHaAYkIUye3wQ"] .zpimage-container figure img { width: 540px ; height: 163.70px ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_iN6DLXaqjiHaAYkIUye3wQ"] .zpimage-container figure img { width:723px ; height:219.17px ; } } @media (max-width: 767px) { [data-element-id="elm_iN6DLXaqjiHaAYkIUye3wQ"] .zpimage-container figure img { width:415px ; height:125.80px ; } } [data-element-id="elm_iN6DLXaqjiHaAYkIUye3wQ"].zpelem-image { border-radius:1px; } </style><div data-caption-color="" data-size-tablet="" data-size-mobile="" data-align="left" data-tablet-image-separate="false" data-mobile-image-separate="false" class="zpimage-container zpimage-align-left zpimage-size-fit zpimage-tablet-fallback-fit zpimage-mobile-fallback-fit "><figure role="none" class="zpimage-data-ref"><a class="zpimage-anchor" href="/zoho-sites-tricks" target="" rel=""><picture><img class="zpimage zpimage-style-none zpimage-space-none " src="/zoho%20sites%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB/tricks_banner.png" width="415" height="125.80" loading="lazy" size="fit"/></picture></a></figure></div>
</div></div></div></div></div></div></div></div> ]]></content:encoded><pubDate>Mon, 22 Aug 2022 11:47:13 +0900</pubDate></item></channel></rss>