<?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>Sun, 08 Mar 2026 10:34:02 -0700</lastBuildDate><generator>http://zoho.com/sites/</generator><item><title><![CDATA[要素の編集方法]]></title><link>https://www.opdweb.jp/blogs/post/element</link><description><![CDATA[要素は、さまざまな種類のコンテンツを ホームページに追加でき、それぞれに独自にカスタマイズすることができます。要素を使用して、叶えたいホームページを構築して行きましょう。 要素には、 テキスト、画像、ボタン、仕切り、オーディオ、ビデオなど、さまざまな要素があります。 ページに要素を追加する方法は2つあり ]]></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"><p><span style="color:inherit;"><span style="vertical-align:inherit;">要素は、さまざまな種類のコンテンツを ホームページに追加でき、それぞれに独自にカスタマイズすることができます。要素を使用して、叶えたいホームページを構築して行きましょう。</span></span><br></p></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;"><span style="color:inherit;">要素には、 テキスト、画像、ボタン、仕切り、オーディオ、ビデオなど、さまざまな要素があります。</span></div></div><div><div><div style="line-height:2;"><span style="color:rgb(232, 69, 111);">ページに要素を追加する方法は2つあります。</span></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_-VRSSj2b-dYzd4aXNgsFVA" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_-VRSSj2b-dYzd4aXNgsFVA"].zpelem-text { border-radius:1px; } </style><div class="zptext zptext-align-left " data-editor="true"><p><span style="font-weight:700;">方法１</span></p><p><span style="color:inherit;">ビルダーの左上隅にある</span><span style="font-weight:700;color:rgb(255, 255, 255);background-color:rgb(52, 152, 219);">&nbsp;＋&nbsp;</span><span style="color:inherit;">アイコンをクリックしてから、</span><span style="color:inherit;font-weight:700;">[+要素]</span><span style="color:inherit;">をクリックします。 次に、要素を配置したいページの任意の位置にドラッグアンドドロップします。</span><br></p></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-6 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_iYvaMU6YbhK-5KkgkMUBLA" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_iYvaMU6YbhK-5KkgkMUBLA"] .zpimage-container figure img { width: 540px ; height: 259.80px ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_iYvaMU6YbhK-5KkgkMUBLA"] .zpimage-container figure img { width:723px ; height:347.84px ; } } @media (max-width: 767px) { [data-element-id="elm_iYvaMU6YbhK-5KkgkMUBLA"] .zpimage-container figure img { width:415px ; height:199.66px ; } } [data-element-id="elm_iYvaMU6YbhK-5KkgkMUBLA"].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 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/tut4.png" width="415" height="199.66" loading="lazy" size="fit" data-lightbox="true"/></picture></span></figure></div>
</div></div><div data-element-id="elm_Y46PGkIlKAO02MOmAe3hOQ" 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_Y46PGkIlKAO02MOmAe3hOQ"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_XkTUDk4LzqEbt92-qGvcXw" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_XkTUDk4LzqEbt92-qGvcXw"] .zpimage-container figure img { width: 540px ; height: 455.26px ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_XkTUDk4LzqEbt92-qGvcXw"] .zpimage-container figure img { width:723px ; height:609.54px ; } } @media (max-width: 767px) { [data-element-id="elm_XkTUDk4LzqEbt92-qGvcXw"] .zpimage-container figure img { width:415px ; height:349.88px ; } } [data-element-id="elm_XkTUDk4LzqEbt92-qGvcXw"].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 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/tut5.png" width="415" height="349.88" 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_atOu2BYPGZhEU5GHqkEW0g" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_atOu2BYPGZhEU5GHqkEW0g"].zpelem-text { border-radius:1px; } </style><div class="zptext zptext-align-left " data-editor="true"><p><span style="font-size:18px;font-weight:700;">方法２</span></p><p><span style="color:inherit;">要素を追加したい場所の真上の要素をクリックすると表示される<span style="font-weight:700;">[+要素を追加]</span>をクリックします。 次に、ページに追加する要素をクリックして選択します。</span><br></p></div>
</div><div data-element-id="elm_Z5GDvUNxY7eabegnrP6b1A" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_Z5GDvUNxY7eabegnrP6b1A"] .zpimage-container figure img { width: 1110px ; height: 490.87px ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_Z5GDvUNxY7eabegnrP6b1A"] .zpimage-container figure img { width:723px ; height:319.73px ; } } @media (max-width: 767px) { [data-element-id="elm_Z5GDvUNxY7eabegnrP6b1A"] .zpimage-container figure img { width:415px ; height:183.52px ; } } [data-element-id="elm_Z5GDvUNxY7eabegnrP6b1A"].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/tut6.png" width="415" height="183.52" 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 data-element-id="elm_kM3GjPdWDbyqOoeoDDB6Ww" data-element-type="box" class="zpelem-box zpelement zpbox-container zpdefault-section zpdefault-section-bg zp-hidden-sm zp-hidden-xs "><style type="text/css"> [data-element-id="elm_kM3GjPdWDbyqOoeoDDB6Ww"].zpelem-box{ background-color:#FFFFFF; background-image:unset; border-style:solid; border-color:#E7316E !important; border-width:2px; border-radius:21px; padding-block-end:15px; } </style><div data-element-id="elm_jpxzsKTry9VnLwzMBu3z9A" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_jpxzsKTry9VnLwzMBu3z9A"].zpelem-text { color:#000000 ; font-family:'Noto Sans',sans-serif; font-size:16px; font-weight:400; border-radius:1px; padding-inline-end:35px; padding-inline-start:35px; } [data-element-id="elm_jpxzsKTry9VnLwzMBu3z9A"].zpelem-text :is(h1,h2,h3,h4,h5,h6){ color:#000000 ; font-family:'Noto Sans',sans-serif; font-size:16px; font-weight:400; } </style><div class="zptext zptext-align-left " data-editor="true"><div><div><div><div><div><span style="font-weight:700;background-color:rgb(52, 152, 219);color:rgb(255, 255, 255);">&nbsp;＋ </span><span style="color:inherit;">からはセクション、アプリ、フォームを追加することもできます。セクションはあらかじめたくさんのテンプレートが用意されているので、目的に合ったセクションを選ぶことでカスタマイズできます。</span><br></div></div></div></div></div></div>
</div></div><div data-element-id="elm_5uksXcN-lopTSiVcLVOsPg" data-element-type="box" class="zpelem-box zpelement zpbox-container zpdefault-section zpdefault-section-bg zp-hidden-md "><style type="text/css"> [data-element-id="elm_5uksXcN-lopTSiVcLVOsPg"].zpelem-box{ background-color:#FFFFFF; background-image:unset; border-style:solid; border-color:#E7316E !important; border-width:2px; border-radius:21px; padding-block-end:15px; } </style><div data-element-id="elm_7nzNEN-dNzFgQEOLqwra1g" data-element-type="text" class="zpelement zpelem-text zp-hidden-md "><style> [data-element-id="elm_7nzNEN-dNzFgQEOLqwra1g"].zpelem-text { color:#000000 ; font-family:'Noto Sans',sans-serif; font-size:16px; font-weight:400; border-radius:1px; padding-inline-end:10px; padding-inline-start:10px; } [data-element-id="elm_7nzNEN-dNzFgQEOLqwra1g"].zpelem-text :is(h1,h2,h3,h4,h5,h6){ color:#000000 ; font-family:'Noto Sans',sans-serif; font-size:16px; font-weight:400; } </style><div class="zptext zptext-align-left " data-editor="true"><div><div><div><div><div><span style="font-weight:700;background-color:rgb(52, 152, 219);color:rgb(255, 255, 255);">&nbsp;＋ </span><span style="color:inherit;">からはセクション、アプリ、フォームを追加することもできます。セクションはあらかじめたくさんのテンプレートが用意されているので、目的に合ったセクションを選ぶことでカスタマイズできます。</span><br></div></div></div></div></div></div>
</div></div><div data-element-id="elm_fH2Gr1EWAcvvXgU7NmbYYA" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_fH2Gr1EWAcvvXgU7NmbYYA"] div.zpspacer { height:27px; } @media (max-width: 768px) { div[data-element-id="elm_fH2Gr1EWAcvvXgU7NmbYYA"] div.zpspacer { height:calc(27px / 3); } } </style><div class="zpspacer " data-height="27"></div>
</div><div data-element-id="elm_w8Ky47aMc1Z7YJUz3fGc8g" data-element-type="divider" class="zpelement zpelem-divider "><style type="text/css"> [data-element-id="elm_w8Ky47aMc1Z7YJUz3fGc8g"].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_BXcrsWCUctSUobxJ-X9f6w" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_BXcrsWCUctSUobxJ-X9f6w"] div.zpspacer { height:30px; } @media (max-width: 768px) { div[data-element-id="elm_BXcrsWCUctSUobxJ-X9f6w"] div.zpspacer { height:calc(30px / 3); } } </style><div class="zpspacer " data-height="30"></div>
</div></div></div></div></div><div data-element-id="elm_OhEtAQ_f55e6YNedslzXqw" data-element-type="section" class="zpsection zpdefault-section zpdefault-section-bg "><style type="text/css"> [data-element-id="elm_OhEtAQ_f55e6YNedslzXqw"].zpsection{ border-radius:1px; } </style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_oNCcwsqiqm2AemA7GMDsNg" 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_oNCcwsqiqm2AemA7GMDsNg"].zprow{ border-radius:1px; } </style><div data-element-id="elm_q-6IaP3gIfV_DlOsSEcLhQ" 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_q-6IaP3gIfV_DlOsSEcLhQ"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_OdpZiIsrEvernyKHtGNWww" data-element-type="heading" class="zpelement zpelem-heading "><style> [data-element-id="elm_OdpZiIsrEvernyKHtGNWww"] h2.zpheading{ color:#000000 ; font-family:'Noto Sans',sans-serif; font-size:26px; font-weight:700; line-height:32px; } [data-element-id="elm_OdpZiIsrEvernyKHtGNWww"].zpelem-heading { border-radius:1px; } [data-element-id="elm_OdpZiIsrEvernyKHtGNWww"] .zpheading:after,[data-element-id="elm_OdpZiIsrEvernyKHtGNWww"] .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_TvI75NmChkA1_mCZvbYyFg" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_TvI75NmChkA1_mCZvbYyFg"].zpelem-text { font-family:'Noto Sans',sans-serif; font-size:16px; font-weight:400; line-height:19px; border-radius:1px; padding-inline-start:10px; margin-block-start:12px; } [data-element-id="elm_TvI75NmChkA1_mCZvbYyFg"].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"><ul><li style="line-height:2;"><span style="color:inherit;">4点矢印&nbsp;<img src="/zoho%20sites%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB/Wed%20Dec%2020%202017-2.png">&nbsp;をドラッグすると、要素が表示される場所を</span><span style="font-weight:700;color:rgb(230, 50, 110);">移動</span><span style="color:inherit;">できます。</span></li><li style="line-height:2;"><span style="color:inherit;">要素の右下に表示される黄色い矢印&nbsp;<img src="/zoho%20sites%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB/%E7%A7%BB%E5%8B%95%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3.png" style="width:24px !important;height:24px !important;max-width:100% !important;">&nbsp;を上下に動かすと、</span><span style="font-weight:700;color:rgb(230, 50, 110);">要素の外側の余白（マージン）を変更</span><span style="color:inherit;">できます。</span><br></li><li style="line-height:2;"><span style="color:inherit;">要素を</span><span style="font-weight:700;color:rgb(230, 50, 110);">削除</span><span style="color:inherit;">するには、ゴミ箱アイコン&nbsp;<img src="/zoho%20sites%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB/Screen%20Shot%202018-09-25%20at%206.55.37%20PM.png" style="color:inherit;">&nbsp;を</span><span style="color:inherit;">クリックします。&nbsp;</span><br></li></ul></div>
</div><div data-element-id="elm_rLnLqbgZ2a0m82fqc3drzA" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_rLnLqbgZ2a0m82fqc3drzA"] .zpimage-container figure img { width: 1110px ; height: 212.13px ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_rLnLqbgZ2a0m82fqc3drzA"] .zpimage-container figure img { width:723px ; height:138.17px ; } } @media (max-width: 767px) { [data-element-id="elm_rLnLqbgZ2a0m82fqc3drzA"] .zpimage-container figure img { width:415px ; height:79.31px ; } } [data-element-id="elm_rLnLqbgZ2a0m82fqc3drzA"].zpelem-image { border-radius:1px; margin-block-start:6px; } </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/tut9.png" width="415" height="79.31" loading="lazy" size="fit" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_WwasM07kWzWPmOBq1RD8Yw" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_WwasM07kWzWPmOBq1RD8Yw"] div.zpspacer { height:30px; } @media (max-width: 768px) { div[data-element-id="elm_WwasM07kWzWPmOBq1RD8Yw"] div.zpspacer { height:calc(30px / 3); } } </style><div class="zpspacer " data-height="30"></div>
</div><div data-element-id="elm_35u4fxAMqCnbjzUwM59nXA" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_35u4fxAMqCnbjzUwM59nXA"].zpelem-text { font-family:'Noto Sans',sans-serif; font-size:16px; font-weight:400; line-height:19px; border-radius:1px; padding-inline-start:10px; margin-block-start:12px; } [data-element-id="elm_35u4fxAMqCnbjzUwM59nXA"].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"><ul><li>要素をコピーするには、アイコン<img src="/zoho%20sites%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB/%E3%82%B3%E3%83%92%E3%82%9A%E3%83%BC%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3.png">をクリックします。コピーした要素を貼り付けるには、貼り付けたい１つ上にある要素をクリックし、<span style="font-weight:700;">[貼り付け]</span>をクリックします。</li></ul></div>
</div><div data-element-id="elm_RJ-Jj1JWbjD-CcSm9Wrthw" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_RJ-Jj1JWbjD-CcSm9Wrthw"] .zpimage-container figure img { width: 391px !important ; height: 255px !important ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_RJ-Jj1JWbjD-CcSm9Wrthw"] .zpimage-container figure img { width:391px ; height:255px ; } } @media (max-width: 767px) { [data-element-id="elm_RJ-Jj1JWbjD-CcSm9Wrthw"] .zpimage-container figure img { width:391px ; height:255px ; } } [data-element-id="elm_RJ-Jj1JWbjD-CcSm9Wrthw"].zpelem-image { border-radius:1px; margin-block-start:6px; } </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 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/tut28.png" width="391" height="255" loading="lazy" size="original" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_tleSt9vDuFdJ56nF5HyZVQ" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_tleSt9vDuFdJ56nF5HyZVQ"] div.zpspacer { height:30px; } @media (max-width: 768px) { div[data-element-id="elm_tleSt9vDuFdJ56nF5HyZVQ"] div.zpspacer { height:calc(30px / 3); } } </style><div class="zpspacer " data-height="30"></div>
</div><div data-element-id="elm_eayGlObAo115kL_LDrdibA" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_eayGlObAo115kL_LDrdibA"].zpelem-text { border-radius:1px; } </style><div class="zptext zptext-align-left " data-editor="true"><p>各要素を追加または、クリックすると独自のカスタマイズオプションが表示されます。 オプションは好きな場所にドラッグして移動することができます。オプションが消えてしまっても、<img src="/zoho%20sites%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB/%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%B9%E3%82%99%E3%82%AA%E3%83%95%E3%82%9A%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%20.png">をクリックすれば再表示できます。</p></div>
</div><div data-element-id="elm_sna6bdkWTSGKrFyWNMbY9g" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_sna6bdkWTSGKrFyWNMbY9g"] .zpimage-container figure img { width: 1110px ; height: 328.07px ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_sna6bdkWTSGKrFyWNMbY9g"] .zpimage-container figure img { width:723px ; height:213.69px ; } } @media (max-width: 767px) { [data-element-id="elm_sna6bdkWTSGKrFyWNMbY9g"] .zpimage-container figure img { width:415px ; height:122.66px ; } } [data-element-id="elm_sna6bdkWTSGKrFyWNMbY9g"].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/tut10.png" width="415" height="122.66" loading="lazy" size="fit" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_qq3XXdzfi19ifI1yxjbv3A" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_qq3XXdzfi19ifI1yxjbv3A"].zpelem-text { border-radius:1px; padding-inline-start:10px; margin-block-start:8px; } </style><div class="zptext zptext-align-left " data-editor="true"><p><span style="color:inherit;">カスタマイズオプション内容は要素によって変わりますが、大まかに以下の項目があります。</span><br></p><ul><li>配置</li><li>テキスト（文字デザイン、背景、罫線、影、間隔の設定）</li><li>カスタムCSS（CSSが編集できます）</li><li>アニメーション（モーションを追加できます）</li><li>要素の表示/非表示（PC、タブレット、モバイルでの表示/非表示）</li><li>JS（ジャバスクリプト）</li></ul></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_S5KfbsCstEUMIzFR2E61DQ" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_S5KfbsCstEUMIzFR2E61DQ"] div.zpspacer { height:49px; } @media (max-width: 768px) { div[data-element-id="elm_S5KfbsCstEUMIzFR2E61DQ"] div.zpspacer { height:calc(49px / 3); } } </style><div class="zpspacer " data-height="49"></div>
</div><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>Fri, 19 Aug 2022 16:31:03 +0900</pubDate></item></channel></rss>