<?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/author/WEBデザイン本舗/feed" rel="self" type="application/rss+xml"/><title>WEBデザイン本舗 - カテゴリー１ by WEBデザイン本舗</title><description>WEBデザイン本舗 - カテゴリー１ by WEBデザイン本舗</description><link>https://www.opdweb.jp/blogs/author/WEBデザイン本舗</link><lastBuildDate>Sun, 08 Mar 2026 10:33:22 -0700</lastBuildDate><generator>http://zoho.com/sites/</generator><item><title><![CDATA[サイトを公開する]]></title><link>https://www.opdweb.jp/blogs/post/publish</link><description><![CDATA[zoho Sitesのブログ投稿が初めてでも怖くない！オプションの設定方法から公開まで、詳しく解説しています。]]></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 zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><span style="color:inherit;">ウェブサイトのデザインが完了したら、ホームページを公開します。ユーザーは、使用しているデバイスに関係なく、Webサイトにアクセスできます。緑色の<span style="font-weight:700;">[公開する]</span>ボタンをクリックすると、Webサイトを公開できます。</span></div>
</div><div data-element-id="elm_TEMkZwsBL0BwIxjTUUJvSw" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_TEMkZwsBL0BwIxjTUUJvSw"].zpelem-text { border-radius:1px; } </style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><p style="line-height:1.5;"><span style="color:rgb(230, 50, 110);">※サイトを公開する前に、ドメイン名が必要になります。理想的なドメイン名は、Webサイトの性質に固有のドメイン名です。ドメインをまだ持っていない場合は、ドメインを構成する必要があります。</span></p><p style="line-height:1.5;"><span style="color:rgb(230, 50, 110);"><a href="http://www.opdweb.jp/blogs/post/domain" rel="">&gt;&gt;ドメイン設定方法はこちら</a></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_xTFYxgbMBi9zX-6OviRjRQ" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_xTFYxgbMBi9zX-6OviRjRQ"] .zpimage-container figure img { width: 1110px !important ; height: 220px !important ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_xTFYxgbMBi9zX-6OviRjRQ"] .zpimage-container figure img { width:1110px ; height:220px ; } } @media (max-width: 767px) { [data-element-id="elm_xTFYxgbMBi9zX-6OviRjRQ"] .zpimage-container figure img { width:1110px ; height:220px ; } } [data-element-id="elm_xTFYxgbMBi9zX-6OviRjRQ"].zpelem-image { border-style:solid; border-color:rgba(0,0,0,0.4) !important; border-width:1px; border-radius:1px; margin-block-start:8px; } </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-tablet-align-left zpimage-mobile-align-left zpimage-size-original 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/tut26.png" width="1110" height="220" loading="lazy" size="original" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_a5zv7rhbNOPgxWMJwWj3Mw" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_a5zv7rhbNOPgxWMJwWj3Mw"] div.zpspacer { height:30px; } @media (max-width: 768px) { div[data-element-id="elm_a5zv7rhbNOPgxWMJwWj3Mw"] div.zpspacer { height:calc(30px / 3); } } </style><div class="zpspacer " data-height="30"></div>
</div><div data-element-id="elm_JHcSl7CfSQKEn9vxVp7YPQ" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_JHcSl7CfSQKEn9vxVp7YPQ"] div.zpspacer { height:30px; } @media (max-width: 768px) { div[data-element-id="elm_JHcSl7CfSQKEn9vxVp7YPQ"] 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-align-mobile-center zpdivider-align-tablet-center zpdivider-width100 zpdivider-line-style-solid "><div class="zpdivider-common"></div>
</div></div><div data-element-id="elm_THBFt6kgdWC72aPMVl_0pw" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_THBFt6kgdWC72aPMVl_0pw"] div.zpspacer { height:15px; } @media (max-width: 768px) { div[data-element-id="elm_THBFt6kgdWC72aPMVl_0pw"] div.zpspacer { height:calc(15px / 3); } } </style><div class="zpspacer " data-height="15"></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-tablet-align-left zpimage-mobile-align-left zpimage-size-original zpimage-tablet-fallback-original zpimage-mobile-fallback-fit "><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-tablet-align-left zpimage-mobile-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>Wed, 25 Feb 2026 18:49:48 +0900</pubDate></item><item><title><![CDATA[段落]]></title><link>https://www.opdweb.jp/blogs/post/paragraph</link><description><![CDATA[Zoho Sitesチュートリアル！高度なビジュアルエディターで変更内容がどのように反映されるか確認しながら設定ができます。プリセットでは、サイト全体の見出しの設定ができます。]]></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_8UwKL2slEp8GLidnfZmWWA" 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_8UwKL2slEp8GLidnfZmWWA"].zprow{ border-radius:1px; } </style><div data-element-id="elm_ePi133T4_GZLQe09HDC3HQ" 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_ePi133T4_GZLQe09HDC3HQ"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_0LhQKFm81kLyquhmoIoIOQ" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_0LhQKFm81kLyquhmoIoIOQ"].zpelem-text { border-radius:1px; margin-block-start:7px; } </style><div class="zptext zptext-align-center " data-editor="true"><p>段落では、見出し以外の文章部分（パラグラフ）の設定ができます。</p></div>
</div><div data-element-id="elm_ROwkwceG3-PJ1dmU3ELVqQ" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_ROwkwceG3-PJ1dmU3ELVqQ"] div.zpspacer { height:14px; } @media (max-width: 768px) { div[data-element-id="elm_ROwkwceG3-PJ1dmU3ELVqQ"] div.zpspacer { height:calc(14px / 3); } } </style><div class="zpspacer " data-height="14"></div>
</div><div data-element-id="elm_-AUlCMUwqkfcjSq2ZjW3ZQ" 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_-AUlCMUwqkfcjSq2ZjW3ZQ"].zprow{ border-radius:1px; } </style><div data-element-id="elm_xFoXQWwPaVezdlFz_OxxlA" 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_xFoXQWwPaVezdlFz_OxxlA"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_tV9a3CEBC7y9Ahu1ql1jnQ" data-element-type="heading" class="zpelement zpelem-heading "><style> [data-element-id="elm_tV9a3CEBC7y9Ahu1ql1jnQ"] h2.zpheading{ color:#E6326E ; font-family:'Noto Sans',sans-serif; font-size:24px; font-weight:700; } [data-element-id="elm_tV9a3CEBC7y9Ahu1ql1jnQ"].zpelem-heading { border-radius:1px; } [data-element-id="elm_tV9a3CEBC7y9Ahu1ql1jnQ"] .zpheading:after,[data-element-id="elm_tV9a3CEBC7y9Ahu1ql1jnQ"] .zpheading:before{ background-color:#E6326E !important; } </style><h2
 class="zpheading zpheading-style-none zpheading-align-left " data-editor="true">ビジュアルエディターの起動</h2></div>
<div data-element-id="elm_x8KgHkwuN4OeCvhhiI1btQ" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_x8KgHkwuN4OeCvhhiI1btQ"].zpelem-text { border-radius:1px; margin-block-start:1px; } </style><div class="zptext zptext-align-left " data-editor="true"><ol><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%83%92%E3%82%99%E3%82%B7%E3%82%99%E3%83%A5%E3%82%A2%E3%83%AB%E3%82%A8%E3%83%86%E3%82%99%E3%82%A3%E3%82%BF%E3%83%BC%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3.png">を起動します。</li><li>下部にある[<span style="color:rgb(52, 152, 219);">Advanced</span>]をクリックします。</li><li>[<span style="color:inherit;">Paragraph</span>]を開きカスタマイズします。</li></ol></div>
</div><div data-element-id="elm_YCsH3JDCcK-EoHAZjzlclQ" data-element-type="divider" class="zpelement zpelem-divider "><style type="text/css"> [data-element-id="elm_YCsH3JDCcK-EoHAZjzlclQ"].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></div><div data-element-id="elm_uFrvZpHNaGM1Ti8O7VfjRA" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_uFrvZpHNaGM1Ti8O7VfjRA"].zpelem-text { font-family:'Noto Sans',sans-serif; font-size:16px; font-weight:400; line-height:20px; border-radius:1px; margin-block-start:12px; } [data-element-id="elm_uFrvZpHNaGM1Ti8O7VfjRA"].zpelem-text :is(h1,h2,h3,h4,h5,h6){ font-family:'Noto Sans',sans-serif; font-size:16px; font-weight:400; line-height:20px; } </style><div class="zptext zptext-align-left " data-editor="true">段落の<div><ul><li>フォント</li><li>文字の太さ</li><li>文字のサイズ</li><li>色</li><li>行送り行間</li></ul></div><div>などの設定が<span style="color:inherit;">「Light Theme（明るい背景に暗い文字）」と「Dark Theme（暗い背景に明るい文字）」ごとに設定</span>できます。</div><div>※<span style="color:inherit;">Dark Themeは文字の色のみ設定できます。</span></div><div><br></div><div><div><a href="http://www.opdweb.jp/blogs/post/heading" rel="">&gt;&gt;フォントや色の詳しい設定方法は</a><a href="http://www.opdweb.jp/blogs/post/heading" rel="">見出し設定をご覧下さい。</a></div></div></div>
</div><div data-element-id="elm_YxU3OiOZL32vsieQ1oI9qA" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_YxU3OiOZL32vsieQ1oI9qA"] .zpimage-container figure img { width: 1109px !important ; height: 572px !important ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_YxU3OiOZL32vsieQ1oI9qA"] .zpimage-container figure img { width:1109px ; height:572px ; } } @media (max-width: 767px) { [data-element-id="elm_YxU3OiOZL32vsieQ1oI9qA"] .zpimage-container figure img { width:1109px ; height:572px ; } } [data-element-id="elm_YxU3OiOZL32vsieQ1oI9qA"].zpelem-image { border-style:none; border-radius:1px; margin-block-start:8px; } </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/tut92.png" width="1109" height="572" loading="lazy" size="original" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_xKX6B63XEplKT6ksV3dxxw" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_xKX6B63XEplKT6ksV3dxxw"] div.zpspacer { height:30px; } @media (max-width: 768px) { div[data-element-id="elm_xKX6B63XEplKT6ksV3dxxw"] div.zpspacer { height:calc(30px / 3); } } </style><div class="zpspacer " data-height="30"></div>
</div><div data-element-id="elm_Aj0QjrwRdCd-elhiB44CRg" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_Aj0QjrwRdCd-elhiB44CRg"].zpelem-text { border-radius:1px; } </style><div class="zptext zptext-align-left " data-editor="true"><p>リンクの文字色も設定できます。</p></div>
</div><div data-element-id="elm_6nKdpu1TgJuK5noVQJwHag" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_6nKdpu1TgJuK5noVQJwHag"] .zpimage-container figure img { width: 299px !important ; height: 279px !important ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_6nKdpu1TgJuK5noVQJwHag"] .zpimage-container figure img { width:299px ; height:279px ; } } @media (max-width: 767px) { [data-element-id="elm_6nKdpu1TgJuK5noVQJwHag"] .zpimage-container figure img { width:299px ; height:279px ; } } [data-element-id="elm_6nKdpu1TgJuK5noVQJwHag"].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 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/tut93.png" width="299" height="279" loading="lazy" size="original" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_MKx6fdWfEqEXnMKd0d6n7A" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_MKx6fdWfEqEXnMKd0d6n7A"] div.zpspacer { height:3px; } @media (max-width: 768px) { div[data-element-id="elm_MKx6fdWfEqEXnMKd0d6n7A"] div.zpspacer { height:calc(3px / 3); } } </style><div class="zpspacer " data-height="3"></div>
</div><div data-element-id="elm_J3Drvjkx50Dhf2Ycab0IOw" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_J3Drvjkx50Dhf2Ycab0IOw"] div.zpspacer { height:30px; } @media (max-width: 768px) { div[data-element-id="elm_J3Drvjkx50Dhf2Ycab0IOw"] div.zpspacer { height:calc(30px / 3); } } </style><div class="zpspacer " data-height="30"></div>
</div><div data-element-id="elm_S5L8u3UC1M8caph3EZlu4g" data-element-type="button" class="zpelement zpelem-button "><style> [data-element-id="elm_S5L8u3UC1M8caph3EZlu4g"].zpelem-button{ color:#F39C12 ; border-radius:1px; } </style><div class="zpbutton-container zpbutton-align-center "><style type="text/css"> [data-element-id="elm_S5L8u3UC1M8caph3EZlu4g"] .zpbutton.zpbutton-type-primary{ background-color:#FFFFFF !important; color:#F39C12 !important; border-style:solid; border-color:#F39C12 !important; border-width:1px; border-radius:12px; } </style><a class="zpbutton-wrapper zpbutton zpbutton-type-primary zpbutton-size-md zpbutton-style-none " href="http://www.opdweb.jp/blogs/post/advanced-visualediter"><span class="zpbutton-content">高度なビジュアルエディター設定に戻る</span></a></div>
</div></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_THBFt6kgdWC72aPMVl_0pw" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_THBFt6kgdWC72aPMVl_0pw"] div.zpspacer { height:15px; } @media (max-width: 768px) { div[data-element-id="elm_THBFt6kgdWC72aPMVl_0pw"] div.zpspacer { height:calc(15px / 3); } } </style><div class="zpspacer " data-height="15"></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, 23 Dec 2022 13:06:26 +0900</pubDate></item><item><title><![CDATA[ドメインの設定]]></title><link>https://www.opdweb.jp/blogs/post/domain</link><description><![CDATA[zoho Sitesのブログ投稿が初めてでも怖くない！オプションの設定方法から公開まで、詳しく解説しています。]]></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">ドメイン（ホームページの住所）を設定すると、ホームページを公開できるようになります。Zoho Sitesでは無料のドメインを取得することもできるので気軽にホームページを持つことができます。また、すでにお持ちのお好きなドメインで公開することもできます！（有料サブスクにアップグレードが必要）</div>
</div><div data-element-id="elm_YFUu1T1HETzfGGZXjxiUfw" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_YFUu1T1HETzfGGZXjxiUfw"] div.zpspacer { height:30px; } @media (max-width: 768px) { div[data-element-id="elm_YFUu1T1HETzfGGZXjxiUfw"] div.zpspacer { height:calc(30px / 3); } } </style><div class="zpspacer " data-height="30"></div>
</div><div data-element-id="elm_enik30TLZSBFPtgiiBmqmg" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_enik30TLZSBFPtgiiBmqmg"].zpelem-text { border-radius:1px; } </style><div class="zptext zptext-align-left " data-editor="true"><p><span style="color:inherit;">初めて<span style="font-weight:700;">[公開する]</span>ボタンをクリックすると、次のドメインオプションが出てきます。</span><br></p></div>
</div><div data-element-id="elm_DNAUzCedgyVD2HSTMuZsqw" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_DNAUzCedgyVD2HSTMuZsqw"].zpelem-text { border-radius:1px; margin-block-start:-1px; } </style><div class="zptext zptext-align-left " data-editor="true"><ul><li>無料のサブドメインを作成（お好みの名前に、拡張子zohosites.jpがつきます）</li><li>既存のドメイン名を関連づける</li></ul></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_xTFYxgbMBi9zX-6OviRjRQ" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_xTFYxgbMBi9zX-6OviRjRQ"] .zpimage-container figure img { width: 1108px ; height: 344.38px ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_xTFYxgbMBi9zX-6OviRjRQ"] .zpimage-container figure img { width:723px ; height:224.72px ; } } @media (max-width: 767px) { [data-element-id="elm_xTFYxgbMBi9zX-6OviRjRQ"] .zpimage-container figure img { width:415px ; height:128.99px ; } } [data-element-id="elm_xTFYxgbMBi9zX-6OviRjRQ"].zpelem-image { border-style:solid; border-color:rgba(0,0,0,0.4) !important; border-width:1px; border-radius:1px; margin-block-start:8px; } </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/tut27.png" width="415" height="128.99" loading="lazy" size="fit" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_3yRNO-ZlVD55I7DI36weKw" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_3yRNO-ZlVD55I7DI36weKw"].zpelem-text { border-radius:1px; } </style><div class="zptext zptext-align-left " data-editor="true"><p style="line-height:1.5;"><a href="%E6%B3%A8%EF%BC%9A%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%E3%82%92%E8%B3%BC%E5%85%A5%E3%81%97%E3%81%9F%E3%82%8A%E3%80%81%E6%97%A2%E5%AD%98%E3%81%AE%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%E3%82%92%E3%83%9E%E3%83%83%E3%83%94%E3%83%B3%E3%82%B0%E3%81%97%E3%81%9F%E3%82%8A%E3%81%99%E3%82%8B%E5%A0%B4%E5%90%88%E3%81%AF%E3%80%81%E3%82%B5%E3%82%A4%E3%83%88%E3%82%92%E6%9C%89%E6%96%99%E3%83%97%E3%83%A9%E3%83%B3%E3%81%AE1%E3%81%A4%E3%81%AB%E3%82%A2%E3%83%83%E3%83%97%E3%82%B0%E3%83%AC%E3%83%BC%E3%83%89%E3%81%A7%E3%81%8D%E3%81%BE%E3%81%99%E3%80%82%E7%84%A1%E6%96%99%E3%81%AE%E3%82%B5%E3%83%96%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E3%82%92%E9%81%B8%E6%8A%9E%E3%81%97%E3%81%9F%E5%A0%B4%E5%90%88%E3%80%81%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%E5%90%8D%E3%81%AB%E3%81%AF.zohosites.com%E3%81%A8%E3%81%84%E3%81%86%E6%8E%A5%E5%B0%BE%E8%BE%9E%E3%81%8C%E4%BB%98%E3%81%8D%E3%81%BE%E3%81%99%E3%80%82" style="color:rgb(232, 69, 111);">※既存のドメインをマッピングする場合は、サイトを有料プランの1つにアップグレードします。無料のサブドメインを使用することを選択した場合、ドメイン名には.zohosites.comという接尾辞が付きます。</a><br></p></div>
</div><div data-element-id="elm_a5zv7rhbNOPgxWMJwWj3Mw" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_a5zv7rhbNOPgxWMJwWj3Mw"] div.zpspacer { height:30px; } @media (max-width: 768px) { div[data-element-id="elm_a5zv7rhbNOPgxWMJwWj3Mw"] div.zpspacer { height:calc(30px / 3); } } </style><div class="zpspacer " data-height="30"></div>
</div><div data-element-id="elm_JHcSl7CfSQKEn9vxVp7YPQ" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_JHcSl7CfSQKEn9vxVp7YPQ"] div.zpspacer { height:30px; } @media (max-width: 768px) { div[data-element-id="elm_JHcSl7CfSQKEn9vxVp7YPQ"] 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_THBFt6kgdWC72aPMVl_0pw" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_THBFt6kgdWC72aPMVl_0pw"] div.zpspacer { height:15px; } @media (max-width: 768px) { div[data-element-id="elm_THBFt6kgdWC72aPMVl_0pw"] div.zpspacer { height:calc(15px / 3); } } </style><div class="zpspacer " data-height="15"></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, 23 Dec 2022 11:47:43 +0900</pubDate></item><item><title><![CDATA[サイトを公開する]]></title><link>https://www.opdweb.jp/blogs/post/domain1</link><description><![CDATA[zoho Sitesのブログ投稿が初めてでも怖くない！オプションの設定方法から公開まで、詳しく解説しています。]]></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"><span style="color:inherit;">ウェブサイトのデザインが完了したら、ホームページを公開します。ユーザーは、使用しているデバイスに関係なく、Webサイトにアクセスできます。緑色の<span style="font-weight:700;">[公開する]</span>ボタンをクリックすると、Webサイトを公開できます。</span></div>
</div><div data-element-id="elm_TEMkZwsBL0BwIxjTUUJvSw" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_TEMkZwsBL0BwIxjTUUJvSw"].zpelem-text { border-radius:1px; } </style><div class="zptext zptext-align-left " data-editor="true"><p style="line-height:1.5;"><span style="color:rgb(230, 50, 110);">※サイトを公開する前に、ドメイン名が必要になります。理想的なドメイン名は、Webサイトの性質に固有のドメイン名です。ドメインをまだ持っていない場合は、ドメインを構成する必要があります。</span></p><p style="line-height:1.5;"><span style="color:rgb(230, 50, 110);"><a href="http://www.opdweb.jp/blogs/post/domain" rel="">&gt;&gt;ドメイン設定方法はこちら</a></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_xTFYxgbMBi9zX-6OviRjRQ" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_xTFYxgbMBi9zX-6OviRjRQ"] .zpimage-container figure img { width: 1110px !important ; height: 220px !important ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_xTFYxgbMBi9zX-6OviRjRQ"] .zpimage-container figure img { width:1110px ; height:220px ; } } @media (max-width: 767px) { [data-element-id="elm_xTFYxgbMBi9zX-6OviRjRQ"] .zpimage-container figure img { width:1110px ; height:220px ; } } [data-element-id="elm_xTFYxgbMBi9zX-6OviRjRQ"].zpelem-image { border-style:solid; border-color:rgba(0,0,0,0.4) !important; border-width:1px; border-radius:1px; margin-block-start:8px; } </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/tut26.png" width="1110" height="220" loading="lazy" size="original" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_a5zv7rhbNOPgxWMJwWj3Mw" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_a5zv7rhbNOPgxWMJwWj3Mw"] div.zpspacer { height:30px; } @media (max-width: 768px) { div[data-element-id="elm_a5zv7rhbNOPgxWMJwWj3Mw"] div.zpspacer { height:calc(30px / 3); } } </style><div class="zpspacer " data-height="30"></div>
</div><div data-element-id="elm_JHcSl7CfSQKEn9vxVp7YPQ" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_JHcSl7CfSQKEn9vxVp7YPQ"] div.zpspacer { height:30px; } @media (max-width: 768px) { div[data-element-id="elm_JHcSl7CfSQKEn9vxVp7YPQ"] 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_THBFt6kgdWC72aPMVl_0pw" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_THBFt6kgdWC72aPMVl_0pw"] div.zpspacer { height:15px; } @media (max-width: 768px) { div[data-element-id="elm_THBFt6kgdWC72aPMVl_0pw"] div.zpspacer { height:calc(15px / 3); } } </style><div class="zpspacer " data-height="15"></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, 23 Dec 2022 11:47:43 +0900</pubDate></item><item><title><![CDATA[プレビュー表示の方法]]></title><link>https://www.opdweb.jp/blogs/post/preview</link><description><![CDATA[zoho Sitesのブログ投稿が初めてでも怖くない！オプションの設定方法から公開まで、詳しく解説しています。]]></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">Zoho Sitesには便利なプレビュー表示があります。<span style="color:inherit;">実際にホームページを公開したらどのように見えるかを確認することができるので、新しく加えた変更が正しく表示されるかを確認するのに最適です。</span></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">プレビューボタン<br></h2></div>
<div data-element-id="elm_5PTj7XW7QDTQUhh9HA3pKA" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_5PTj7XW7QDTQUhh9HA3pKA"].zpelem-text { font-family:'Noto Sans',sans-serif; font-size:16px; font-weight:400; line-height:19px; border-radius:1px; margin-block-start:12px; } [data-element-id="elm_5PTj7XW7QDTQUhh9HA3pKA"].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="color:inherit;"><div style="color:inherit;"><div style="color:inherit;line-height:1.5;"><span style="color:inherit;">ワンクリックで編集画面とプレビュー画面の切り替えが行えます。右上にある 【プレビュー】ボタン をクリックしてください。</span><br></div></div></div></div></div></div>
</div><div data-element-id="elm_xTFYxgbMBi9zX-6OviRjRQ" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_xTFYxgbMBi9zX-6OviRjRQ"] .zpimage-container figure img { width: 1108px ; height: 100.82px ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_xTFYxgbMBi9zX-6OviRjRQ"] .zpimage-container figure img { width:723px ; height:65.79px ; } } @media (max-width: 767px) { [data-element-id="elm_xTFYxgbMBi9zX-6OviRjRQ"] .zpimage-container figure img { width:415px ; height:37.76px ; } } [data-element-id="elm_xTFYxgbMBi9zX-6OviRjRQ"].zpelem-image { border-style:solid; border-color:rgba(0,0,0,0.4) !important; border-width:1px; border-radius:1px; margin-block-start:8px; } </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/tut24.png" width="415" height="37.76" loading="lazy" size="fit" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_a5zv7rhbNOPgxWMJwWj3Mw" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_a5zv7rhbNOPgxWMJwWj3Mw"] div.zpspacer { height:30px; } @media (max-width: 768px) { div[data-element-id="elm_a5zv7rhbNOPgxWMJwWj3Mw"] div.zpspacer { height:calc(30px / 3); } } </style><div class="zpspacer " data-height="30"></div>
</div><div data-element-id="elm_6M9wR2DpEr0YHHBLMzkXpQ" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_6M9wR2DpEr0YHHBLMzkXpQ"].zpelem-text { font-family:'Noto Sans',sans-serif; font-size:16px; font-weight:400; line-height:19px; border-radius:1px; margin-block-start:12px; } [data-element-id="elm_6M9wR2DpEr0YHHBLMzkXpQ"].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="color:inherit;"><span style="color:inherit;">真ん中上のアイコンで、PC・タブレット・モバイルの表示を切り替え表示できます。</span><br></div></div></div></div>
</div><div data-element-id="elm_c8X7oams3dz8LkJwAxs0kw" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_c8X7oams3dz8LkJwAxs0kw"] .zpimage-container figure img { width: 1110px ; height: 563.00px ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_c8X7oams3dz8LkJwAxs0kw"] .zpimage-container figure img { width:723px ; height:366.71px ; } } @media (max-width: 767px) { [data-element-id="elm_c8X7oams3dz8LkJwAxs0kw"] .zpimage-container figure img { width:415px ; height:210.49px ; } } [data-element-id="elm_c8X7oams3dz8LkJwAxs0kw"].zpelem-image { border-radius:1px; margin-block-start:14px; } </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/tut25.png" width="415" height="210.49" loading="lazy" size="fit" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_JHcSl7CfSQKEn9vxVp7YPQ" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_JHcSl7CfSQKEn9vxVp7YPQ"] div.zpspacer { height:30px; } @media (max-width: 768px) { div[data-element-id="elm_JHcSl7CfSQKEn9vxVp7YPQ"] 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_THBFt6kgdWC72aPMVl_0pw" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_THBFt6kgdWC72aPMVl_0pw"] div.zpspacer { height:15px; } @media (max-width: 768px) { div[data-element-id="elm_THBFt6kgdWC72aPMVl_0pw"] div.zpspacer { height:calc(15px / 3); } } </style><div class="zpspacer " data-height="15"></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, 23 Dec 2022 11:24:42 +0900</pubDate></item><item><title><![CDATA[高度なビジュアルエディター]]></title><link>https://www.opdweb.jp/blogs/post/advanced-visualediter</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><p><span style="color:inherit;">高度なビジュアル エディターは、サイト全体の要素とヘッダーのプロパティをカスタマイズできます。ビジュアルエディターより更に細かいスタイリングができます。<a href="#advanced" rel="">&gt;&gt;高度なビジュアルエディターへのアクセス方法</a></span><br></p></div><div></div></div></div>
</div></div></div></div></div><div data-element-id="elm_U20sd0pCwbly5bezWNfmEw" data-element-type="section" class="zpsection zpdefault-section zpdefault-section-bg "><style type="text/css"> [data-element-id="elm_U20sd0pCwbly5bezWNfmEw"].zpsection{ border-radius:1px; } </style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_cCd0BiiRo5orU1C4V7gHrg" 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_cCd0BiiRo5orU1C4V7gHrg"].zprow{ border-radius:1px; } </style><div data-element-id="elm_5Ozp2I17-gZg034jf_3bFQ" 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_5Ozp2I17-gZg034jf_3bFQ"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_r48697ZiY9i36RBsA2-SoA" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_r48697ZiY9i36RBsA2-SoA"] div.zpspacer { height:10px; } @media (max-width: 768px) { div[data-element-id="elm_r48697ZiY9i36RBsA2-SoA"] div.zpspacer { height:calc(10px / 3); } } </style><div class="zpspacer " data-height="10"></div>
</div><div data-element-id="elm_aXNvHlmr6hrVZh9OpOjc2Q" 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_aXNvHlmr6hrVZh9OpOjc2Q"].zprow{ background-color:rgba(243,156,18,0.2); background-image:unset; border-style:solid; border-color:#F39C12 !important; border-width:1px; border-radius:1px; padding-inline-end:30px; padding-block-end:25px; padding-inline-start:30px; } </style><div data-element-id="elm_a5olieDZpRJu5lp2KzoHjg" 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_a5olieDZpRJu5lp2KzoHjg"].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:#F39C12 ; 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:#F39C12 !important; } </style><h2
 class="zpheading zpheading-style-none zpheading-align-center " data-editor="true">高度なビジュアルエディターのメニュー<br></h2></div>
<div data-element-id="elm_-4rt5zRLLhwT7DFJcNuv1g" data-element-type="heading" class="zpelement zpelem-heading "><style> [data-element-id="elm_-4rt5zRLLhwT7DFJcNuv1g"] h3.zpheading{ color:rgba(0,0,0,0.7) ; font-family:'Noto Sans',sans-serif; font-size:20px; font-weight:400; } [data-element-id="elm_-4rt5zRLLhwT7DFJcNuv1g"].zpelem-heading { border-radius:1px; } [data-element-id="elm_-4rt5zRLLhwT7DFJcNuv1g"] .zpheading:after,[data-element-id="elm_-4rt5zRLLhwT7DFJcNuv1g"] .zpheading:before{ background-color:rgba(0,0,0,0.7) !important; } </style><h3
 class="zpheading zpheading-style-none zpheading-align-left " data-editor="true">Element(要素)</h3></div>
<div data-element-id="elm_JXwY-ksasN_X3Vtatc9nmw" data-element-type="divider" class="zpelement zpelem-divider "><style type="text/css"> [data-element-id="elm_JXwY-ksasN_X3Vtatc9nmw"].zpelem-divider{ border-radius:1px; margin-block-start:-19px; } </style><style> [data-element-id="elm_JXwY-ksasN_X3Vtatc9nmw"] .zpdivider-container .zpdivider-common:after, [data-element-id="elm_JXwY-ksasN_X3Vtatc9nmw"] .zpdivider-container .zpdivider-common:before{ border-color:rgba(0,0,0,0.7) } </style><div class="zpdivider-container zpdivider-line zpdivider-align-center zpdivider-width100 zpdivider-line-style-dashed "><div class="zpdivider-common"></div>
</div></div><div data-element-id="elm_Csx6Lz7qApQsPj75xaCOAw" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_Csx6Lz7qApQsPj75xaCOAw"].zpelem-text { border-radius:1px; margin-block-start:5px; } </style><div class="zptext zptext-align-left " data-editor="true"><p><span style="color:rgb(0, 0, 0);">・</span><a href="http://www.opdweb.jp/blogs/post/heading" title="見出し" rel="" style="text-decoration-line:underline;">見出し</a>　・<a href="http://www.opdweb.jp/blogs/post/paragraph" title="段落" rel="" style="text-decoration-line:underline;">段落</a>　・テキスト付画像、<span style="color:inherit;">見出しとテキスト付画像　</span>・アイコン、見出し付アイコン、<span style="color:inherit;">見出しとテキスト付アイコン</span><span style="color:inherit;">　・</span><span style="color:inherit;">ボタン</span></p><p><span style="color:inherit;">・カルーセル、タブ、アコーディオン</span><span style="color:inherit;">　・</span><span style="color:inherit;">ボックス</span><span style="color:inherit;">　・</span><span style="color:inherit;">仕切り</span><span style="color:inherit;">　・</span><span style="color:inherit;">表</span><span style="color:inherit;">　・フォーム</span><u style="color:inherit;"><br></u></p></div>
</div><div data-element-id="elm_-Kl0PuYBzYYYYnbSKNq49g" data-element-type="heading" class="zpelement zpelem-heading "><style> [data-element-id="elm_-Kl0PuYBzYYYYnbSKNq49g"] h3.zpheading{ color:rgba(0,0,0,0.7) ; font-family:'Noto Sans',sans-serif; font-size:20px; font-weight:400; } [data-element-id="elm_-Kl0PuYBzYYYYnbSKNq49g"].zpelem-heading { border-radius:1px; } [data-element-id="elm_-Kl0PuYBzYYYYnbSKNq49g"] .zpheading:after,[data-element-id="elm_-Kl0PuYBzYYYYnbSKNq49g"] .zpheading:before{ background-color:rgba(0,0,0,0.7) !important; } </style><h3
 class="zpheading zpheading-style-none zpheading-align-left " data-editor="true">Header(ヘッダー)</h3></div>
<div data-element-id="elm_BXQ1HDB1m7pnMRPdSJO3mg" data-element-type="divider" class="zpelement zpelem-divider "><style type="text/css"> [data-element-id="elm_BXQ1HDB1m7pnMRPdSJO3mg"].zpelem-divider{ border-radius:1px; margin-block-start:-19px; } </style><style> [data-element-id="elm_BXQ1HDB1m7pnMRPdSJO3mg"] .zpdivider-container .zpdivider-common:after, [data-element-id="elm_BXQ1HDB1m7pnMRPdSJO3mg"] .zpdivider-container .zpdivider-common:before{ border-color:rgba(0,0,0,0.7) } </style><div class="zpdivider-container zpdivider-line zpdivider-align-center zpdivider-width100 zpdivider-line-style-dashed "><div class="zpdivider-common"></div>
</div></div><div data-element-id="elm_XTGOlFhJoQDWCeLf8W4W1g" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_XTGOlFhJoQDWCeLf8W4W1g"].zpelem-text { border-radius:1px; margin-block-start:5px; } </style><div class="zptext zptext-align-left " data-editor="true"><p>・サイトネーム　<span style="color:inherit;"></span><span style="color:inherit;">・サイトキャプション</span><span style="color:inherit;">　・メインメニュー、サブメニュー</span><span style="color:inherit;">　・モバイルバーガーアイコン</span><span style="color:inherit;">　・ヘッダーのテーマ</span><span style="color:inherit;">　・トップバー</span></p><p><span style="color:inherit;">・連絡先情報</span><span style="color:inherit;">　・SNSアイコン</span><span style="color:inherit;">　・会員ポータル</span></p></div>
</div></div></div><div data-element-id="elm_IAuDwDfa9NZep0FwlpuqIQ" data-element-type="button" class="zpelement zpelem-button "><style> [data-element-id="elm_IAuDwDfa9NZep0FwlpuqIQ"].zpelem-button{ color:#3498DB ; font-family:'Noto Sans',sans-serif; font-weight:400; border-radius:1px; } </style><div class="zpbutton-container zpbutton-align-center "><style type="text/css"> [data-element-id="elm_IAuDwDfa9NZep0FwlpuqIQ"] .zpbutton.zpbutton-type-primary{ background-color:rgba(255,255,255,1) !important; color:#3498DB !important; font-family:'Noto Sans',sans-serif; font-weight:400; border-style:solid; border-color:#3498DB !important; border-width:1px; border-radius:16px; } [data-element-id="elm_IAuDwDfa9NZep0FwlpuqIQ"] .zpbutton[class*="zpbutton-type-"].zpbutton-outline{ border-color:#3498DB; } </style><a class="zpbutton-wrapper zpbutton zpbutton-type-primary zpbutton-size-md zpbutton-style-none zpbutton-outline " href="https://www.opdweb.jp/blogs/post/visual-editer"><span class="zpbutton-content">ビジュアルエディターはこちら</span></a></div>
</div><div data-element-id="elm_82uAFZv4IAuEqEAnHR6lpg" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_82uAFZv4IAuEqEAnHR6lpg"] div.zpspacer { height:30px; } @media (max-width: 768px) { div[data-element-id="elm_82uAFZv4IAuEqEAnHR6lpg"] div.zpspacer { height:calc(30px / 3); } } </style><div class="zpspacer " data-height="30"></div>
</div><div data-element-id="elm_Bt49zLN_yFCWNnn8fo5oRQ" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_Bt49zLN_yFCWNnn8fo5oRQ"].zpelem-text { border-radius:1px; } </style><div class="zptext zptext-align-left " data-editor="true"><p style="color:inherit;line-height:1.5;"><span style="font-weight:700;">​<span id="advanced" title="advanced" class="zpItemAnchor"></span>​高度なビジュアルエディターにアクセスするには：</span></p><div><ol><li style="color:inherit;">編集画面の右上にある<span style="font-weight:700;">[パレットのアイコン<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%83%92%E3%82%99%E3%82%B7%E3%82%99%E3%83%A5%E3%82%A2%E3%83%AB%E3%82%A8%E3%83%86%E3%82%99%E3%82%A3%E3%82%BF%E3%83%BC%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3.png">]</span>をクリックします。</li><li><span style="color:inherit;">下部にある[</span><span style="font-weight:400;color:rgb(52, 152, 219);">Advanced</span><span style="color:inherit;">]をクリックします。</span><br></li><li style="color:inherit;">カスタマイズが完了したら、右下にある<span style="font-weight:700;">[保存]</span>をクリックします。</li></ol></div></div>
</div><div data-element-id="elm_924do3-KBNqjVqnaoyUsaA" 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_924do3-KBNqjVqnaoyUsaA"].zprow{ border-radius:1px; } </style><div data-element-id="elm_YhB744tV8QJoD3Ir_ebM8A" 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_YhB744tV8QJoD3Ir_ebM8A"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_Isp81zfOFcpQoEgU5JG6YA" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_Isp81zfOFcpQoEgU5JG6YA"] .zpimage-container figure img { width: 540px ; height: 346.72px ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_Isp81zfOFcpQoEgU5JG6YA"] .zpimage-container figure img { width:723px ; height:464.21px ; } } @media (max-width: 767px) { [data-element-id="elm_Isp81zfOFcpQoEgU5JG6YA"] .zpimage-container figure img { width:415px ; height:266.46px ; } } [data-element-id="elm_Isp81zfOFcpQoEgU5JG6YA"].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/tut21.png" width="415" height="266.46" loading="lazy" size="fit" data-lightbox="true"/></picture></span></figure></div>
</div></div><div data-element-id="elm_LT3qEkeidh2sOYIH3PQi9g" 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_LT3qEkeidh2sOYIH3PQi9g"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_AQ2l0GYtBsQ6YQYEdwfWSA" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_AQ2l0GYtBsQ6YQYEdwfWSA"] .zpimage-container figure img { width: 327px !important ; height: 450px !important ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_AQ2l0GYtBsQ6YQYEdwfWSA"] .zpimage-container figure img { width:327px ; height:450px ; } } @media (max-width: 767px) { [data-element-id="elm_AQ2l0GYtBsQ6YQYEdwfWSA"] .zpimage-container figure img { width:327px ; height:450px ; } } [data-element-id="elm_AQ2l0GYtBsQ6YQYEdwfWSA"].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-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/tut88.png" width="327" height="450" loading="lazy" size="original" data-lightbox="true"/></picture></span></figure></div>
</div></div></div><div data-element-id="elm_n1kVWUaPk9jorgVPb-xX5w" data-element-type="iconHeading" class="zpelement zpelem-iconheading "><style type="text/css"> [data-element-id="elm_n1kVWUaPk9jorgVPb-xX5w"].zpelem-iconheading{ border-radius:1px; } </style><div class="zpicon-container zpicon-align-left "><style>[data-element-id="elm_n1kVWUaPk9jorgVPb-xX5w"] .zpicon-common svg{ fill:#E6326E !important }</style><span class="zpicon zpicon-common zpicon-anchor zpicon-size-md zpicon-style-none "><svg viewBox="0 0 512 512" height="512" width="512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zM273 369.9l135.5-135.5c9.4-9.4 9.4-24.6 0-33.9l-17-17c-9.4-9.4-24.6-9.4-33.9 0L256 285.1 154.4 183.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L239 369.9c9.4 9.4 24.6 9.4 34 0z"></path></svg></span><h4 class="zpicon-heading " data-editor="true"><span style="color:inherit;font-size:16px;">行った変更は、プレビューのように即座に画面上で確認することができます。</span><br></h4></div>
</div><div data-element-id="elm_SFKhrElTgjCaOIeUb2l8Bw" data-element-type="iconHeading" class="zpelement zpelem-iconheading "><style type="text/css"> [data-element-id="elm_SFKhrElTgjCaOIeUb2l8Bw"].zpelem-iconheading{ border-radius:1px; margin-block-start:2px; } </style><div class="zpicon-container zpicon-align-left "><style>[data-element-id="elm_SFKhrElTgjCaOIeUb2l8Bw"] .zpicon-common svg{ fill:#E6326E !important }</style><span class="zpicon zpicon-common zpicon-anchor zpicon-size-md zpicon-style-none "><svg viewBox="0 0 512 512" height="512" width="512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zM273 369.9l135.5-135.5c9.4-9.4 9.4-24.6 0-33.9l-17-17c-9.4-9.4-24.6-9.4-33.9 0L256 285.1 154.4 183.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L239 369.9c9.4 9.4 24.6 9.4 34 0z"></path></svg></span><h4 class="zpicon-heading " data-editor="true"><div><div><div><span style="font-size:16px;">カスタマイズを確定させるには、[<span style="font-weight:700;">保存</span>] をクリックして変更を保存します。[<span style="font-weight:700;">リセット</span>] をクリックしてデフォルト設定に戻すことができます。</span><br></div></div></div></h4></div>
</div><div data-element-id="elm_033ReRtTJzvzs2I-B4z7OQ" data-element-type="iconHeading" class="zpelement zpelem-iconheading "><style type="text/css"> [data-element-id="elm_033ReRtTJzvzs2I-B4z7OQ"].zpelem-iconheading{ border-radius:1px; margin-block-start:2px; } </style><div class="zpicon-container zpicon-align-left "><style>[data-element-id="elm_033ReRtTJzvzs2I-B4z7OQ"] .zpicon-common svg{ fill:#E6326E !important }</style><span class="zpicon zpicon-common zpicon-anchor zpicon-size-md zpicon-style-none "><svg viewBox="0 0 512 512" height="512" width="512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zM273 369.9l135.5-135.5c9.4-9.4 9.4-24.6 0-33.9l-17-17c-9.4-9.4-24.6-9.4-33.9 0L256 285.1 154.4 183.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L239 369.9c9.4 9.4 24.6 9.4 34 0z"></path></svg></span><h4 class="zpicon-heading " data-editor="true"><div><div><div><span style="font-size:16px;">元に戻す場合は、[<span style="font-weight:700;">リセット</span>] をクリックします。</span><br></div></div></div></h4></div>
</div><div data-element-id="elm_Drt7PraeYkLswBHyan8RUg" data-element-type="divider" class="zpelement zpelem-divider "><style type="text/css"> [data-element-id="elm_Drt7PraeYkLswBHyan8RUg"].zpelem-divider{ border-radius:1px; margin-block-start:33px; } </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></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_THBFt6kgdWC72aPMVl_0pw" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_THBFt6kgdWC72aPMVl_0pw"] div.zpspacer { height:8px; } @media (max-width: 768px) { div[data-element-id="elm_THBFt6kgdWC72aPMVl_0pw"] div.zpspacer { height:calc(8px / 3); } } </style><div class="zpspacer " data-height="8"></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>Thu, 29 Sep 2022 15:46:12 +0900</pubDate></item><item><title><![CDATA[見出し]]></title><link>https://www.opdweb.jp/blogs/post/heading</link><description><![CDATA[Zoho Sitesチュートリアル！高度なビジュアルエディターで変更内容がどのように反映されるか確認しながら設定ができます。プリセットでは、サイト全体の見出しの設定ができます。]]></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_8UwKL2slEp8GLidnfZmWWA" 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_8UwKL2slEp8GLidnfZmWWA"].zprow{ border-radius:1px; } </style><div data-element-id="elm_ePi133T4_GZLQe09HDC3HQ" 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_ePi133T4_GZLQe09HDC3HQ"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_0LhQKFm81kLyquhmoIoIOQ" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_0LhQKFm81kLyquhmoIoIOQ"].zpelem-text { border-radius:1px; margin-block-start:7px; } </style><div class="zptext zptext-align-center " data-editor="true"><p>サイト全体の見出し（見出し1~6）のフォントやサイズ、色などの設定ができます。</p></div>
</div><div data-element-id="elm_ROwkwceG3-PJ1dmU3ELVqQ" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_ROwkwceG3-PJ1dmU3ELVqQ"] div.zpspacer { height:14px; } @media (max-width: 768px) { div[data-element-id="elm_ROwkwceG3-PJ1dmU3ELVqQ"] div.zpspacer { height:calc(14px / 3); } } </style><div class="zpspacer " data-height="14"></div>
</div><div data-element-id="elm_-AUlCMUwqkfcjSq2ZjW3ZQ" 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_-AUlCMUwqkfcjSq2ZjW3ZQ"].zprow{ border-radius:1px; } </style><div data-element-id="elm_xFoXQWwPaVezdlFz_OxxlA" 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_xFoXQWwPaVezdlFz_OxxlA"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_tV9a3CEBC7y9Ahu1ql1jnQ" data-element-type="heading" class="zpelement zpelem-heading "><style> [data-element-id="elm_tV9a3CEBC7y9Ahu1ql1jnQ"] h2.zpheading{ color:#E6326E ; font-family:'Noto Sans',sans-serif; font-size:24px; font-weight:700; } [data-element-id="elm_tV9a3CEBC7y9Ahu1ql1jnQ"].zpelem-heading { border-radius:1px; } [data-element-id="elm_tV9a3CEBC7y9Ahu1ql1jnQ"] .zpheading:after,[data-element-id="elm_tV9a3CEBC7y9Ahu1ql1jnQ"] .zpheading:before{ background-color:#E6326E !important; } </style><h2
 class="zpheading zpheading-style-none zpheading-align-left " data-editor="true">ビジュアルエディターの起動</h2></div>
<div data-element-id="elm_x8KgHkwuN4OeCvhhiI1btQ" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_x8KgHkwuN4OeCvhhiI1btQ"].zpelem-text { border-radius:1px; margin-block-start:1px; } </style><div class="zptext zptext-align-left " data-editor="true"><ol><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%83%92%E3%82%99%E3%82%B7%E3%82%99%E3%83%A5%E3%82%A2%E3%83%AB%E3%82%A8%E3%83%86%E3%82%99%E3%82%A3%E3%82%BF%E3%83%BC%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3.png">を起動します。</li><li>下部にある[<span style="color:rgb(52, 152, 219);">Advanced</span>]をクリックします。</li><li>[Heading]を開きカスタマイズします。</li></ol></div>
</div><div data-element-id="elm_YCsH3JDCcK-EoHAZjzlclQ" data-element-type="divider" class="zpelement zpelem-divider "><style type="text/css"> [data-element-id="elm_YCsH3JDCcK-EoHAZjzlclQ"].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></div><div data-element-id="elm_uFrvZpHNaGM1Ti8O7VfjRA" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_uFrvZpHNaGM1Ti8O7VfjRA"].zpelem-text { font-family:'Noto Sans',sans-serif; font-size:16px; font-weight:400; line-height:20px; border-radius:1px; margin-block-start:12px; } [data-element-id="elm_uFrvZpHNaGM1Ti8O7VfjRA"].zpelem-text :is(h1,h2,h3,h4,h5,h6){ font-family:'Noto Sans',sans-serif; font-size:16px; font-weight:400; line-height:20px; } </style><div class="zptext zptext-align-left " data-editor="true"><div style="color:inherit;"><div style="color:inherit;"><div style="color:inherit;"><div style="color:inherit;"><div style="color:inherit;line-height:2;"><div style="color:inherit;"><div style="color:inherit;line-height:1;"><span style="color:inherit;">見出し１〜６を選択し（H1、H2、H3、H4、H5、H6）から選択してフォントや色の設定をします。</span><br></div></div></div></div></div></div></div></div>
</div><div data-element-id="elm_YxU3OiOZL32vsieQ1oI9qA" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_YxU3OiOZL32vsieQ1oI9qA"] .zpimage-container figure img { width: 300px !important ; height: 369px !important ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_YxU3OiOZL32vsieQ1oI9qA"] .zpimage-container figure img { width:300px ; height:369px ; } } @media (max-width: 767px) { [data-element-id="elm_YxU3OiOZL32vsieQ1oI9qA"] .zpimage-container figure img { width:300px ; height:369px ; } } [data-element-id="elm_YxU3OiOZL32vsieQ1oI9qA"].zpelem-image { border-style:none; border-radius:1px; margin-block-start:8px; } </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/tut89.png" width="300" height="369" loading="lazy" size="original" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_mA1VwwC9UUlPEcVkZPbsbQ" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_mA1VwwC9UUlPEcVkZPbsbQ"] div.zpspacer { height:17px; } @media (max-width: 768px) { div[data-element-id="elm_mA1VwwC9UUlPEcVkZPbsbQ"] div.zpspacer { height:calc(17px / 3); } } </style><div class="zpspacer " data-height="17"></div>
</div><div data-element-id="elm_t1pHqeBxSEJgrwCn-nAskg" 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_t1pHqeBxSEJgrwCn-nAskg"].zprow{ border-radius:1px; } </style><div data-element-id="elm_ywNOmtLfvF6mp3LZd7fP1A" 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_ywNOmtLfvF6mp3LZd7fP1A"].zpelem-col{ background-color:rgba(243,156,18,0.3); background-image:unset; border-radius:1px; padding-block-end:16px; } </style><div data-element-id="elm_cMahaNyKQHgUWSWOl5gFGw" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_cMahaNyKQHgUWSWOl5gFGw"].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/%E5%88%9D%E5%BF%83%E8%80%85%E3%82%AC%E3%82%A4%E3%83%89/%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3/sunicon.svg" style="width:27px !important;height:27px !important;max-width:100% !important;">&nbsp;<span style="color:inherit;">これらの変更は、選択した見出しサイズにのみ反映されます。サイズ H1 を選択すると、変更はH1カテゴリに属する​​見出しにのみ反映されます。</span><br></p></div>
</div></div></div><div data-element-id="elm_q4VFFxhFyj8uofSOux8olg" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_q4VFFxhFyj8uofSOux8olg"] div.zpspacer { height:19px; } @media (max-width: 768px) { div[data-element-id="elm_q4VFFxhFyj8uofSOux8olg"] div.zpspacer { height:calc(19px / 3); } } </style><div class="zpspacer " data-height="19"></div>
</div><div data-element-id="elm_Rn3pc0oHRO58q3tQ7VU-gg" data-element-type="heading" class="zpelement zpelem-heading "><style> [data-element-id="elm_Rn3pc0oHRO58q3tQ7VU-gg"] h2.zpheading{ color:#000000 ; font-family:'Noto Sans',sans-serif; font-size:20px; font-weight:700; } [data-element-id="elm_Rn3pc0oHRO58q3tQ7VU-gg"].zpelem-heading { border-radius:1px; } [data-element-id="elm_Rn3pc0oHRO58q3tQ7VU-gg"] .zpheading:after,[data-element-id="elm_Rn3pc0oHRO58q3tQ7VU-gg"] .zpheading:before{ background-color:#000000 !important; } </style><h2
 class="zpheading zpheading-style-none zpheading-align-left " data-editor="true">フォント</h2></div>
<div data-element-id="elm_AZZVqUt_f4-3QtoBBH4qKQ" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_AZZVqUt_f4-3QtoBBH4qKQ"].zpelem-text { font-family:'Noto Sans',sans-serif; font-size:16px; font-weight:400; line-height:20px; border-radius:1px; margin-block-start:1px; } [data-element-id="elm_AZZVqUt_f4-3QtoBBH4qKQ"].zpelem-text :is(h1,h2,h3,h4,h5,h6){ font-family:'Noto Sans',sans-serif; font-size:16px; font-weight:400; line-height:20px; } </style><div class="zptext zptext-align-left " data-editor="true"><div><div><div><div><div style="line-height:2;"><div><div style="line-height:1;"><div style="line-height:1;"><div><div style="line-height:1.5;"><div><ol><li>ドロップダウンで使用可能なフォント スタイルから選択します。</li><li>[<span style="color:rgb(52, 152, 219);">+Add font</span>]をクリックしてフォントライブラリから新しいフォントを追加することもできます。</li><li>フォントを選択して [保存] をクリックします。</li></ol></div></div></div></div></div></div></div></div></div></div></div></div>
</div><div data-element-id="elm_4Fq2qvW9PeTiuZfXHCYtVg" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_4Fq2qvW9PeTiuZfXHCYtVg"] .zpimage-container figure img { width: 1110px ; height: 481.34px ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_4Fq2qvW9PeTiuZfXHCYtVg"] .zpimage-container figure img { width:723px ; height:313.52px ; } } @media (max-width: 767px) { [data-element-id="elm_4Fq2qvW9PeTiuZfXHCYtVg"] .zpimage-container figure img { width:415px ; height:179.96px ; } } [data-element-id="elm_4Fq2qvW9PeTiuZfXHCYtVg"].zpelem-image { border-style:solid; border-color:#000000 !important; border-width:1px; 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/tut90.png" width="415" height="179.96" loading="lazy" size="fit" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_u0sdbZz3NBTCoq08i_7ovg" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_u0sdbZz3NBTCoq08i_7ovg"] div.zpspacer { height:30px; } @media (max-width: 768px) { div[data-element-id="elm_u0sdbZz3NBTCoq08i_7ovg"] div.zpspacer { height:calc(30px / 3); } } </style><div class="zpspacer " data-height="30"></div>
</div><div data-element-id="elm_GeH3klOhcJ3b0FJQWU84OQ" data-element-type="heading" class="zpelement zpelem-heading "><style> [data-element-id="elm_GeH3klOhcJ3b0FJQWU84OQ"] h2.zpheading{ color:#000000 ; font-family:'Noto Sans',sans-serif; font-size:20px; font-weight:700; } [data-element-id="elm_GeH3klOhcJ3b0FJQWU84OQ"].zpelem-heading { border-radius:1px; } [data-element-id="elm_GeH3klOhcJ3b0FJQWU84OQ"] .zpheading:after,[data-element-id="elm_GeH3klOhcJ3b0FJQWU84OQ"] .zpheading:before{ background-color:#000000 !important; } </style><h2
 class="zpheading zpheading-style-none zpheading-align-left " data-editor="true">フォントの色</h2></div>
<div data-element-id="elm__qn4UbHTzk9miHap0lvI9Q" 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__qn4UbHTzk9miHap0lvI9Q"].zprow{ border-radius:1px; } </style><div data-element-id="elm_TO9CgtTdUY3dFYKk9860oA" 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_TO9CgtTdUY3dFYKk9860oA"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_x4KHwCChx_WD02vAXty76g" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_x4KHwCChx_WD02vAXty76g"] .zpimage-container figure img { width: 297px !important ; height: 554px !important ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_x4KHwCChx_WD02vAXty76g"] .zpimage-container figure img { width:297px ; height:554px ; } } @media (max-width: 767px) { [data-element-id="elm_x4KHwCChx_WD02vAXty76g"] .zpimage-container figure img { width:297px ; height:554px ; } } [data-element-id="elm_x4KHwCChx_WD02vAXty76g"].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 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/tut91.png" width="297" height="554" loading="lazy" size="original" data-lightbox="true"/></picture></span></figure></div>
</div></div><div data-element-id="elm_rGXApFDvFesSvaMfH6xcFw" 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_rGXApFDvFesSvaMfH6xcFw"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_5OQYqXkSfTUMs5Dc8sqOCw" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_5OQYqXkSfTUMs5Dc8sqOCw"].zpelem-text { font-family:'Noto Sans',sans-serif; font-size:16px; font-weight:400; line-height:20px; border-radius:1px; } [data-element-id="elm_5OQYqXkSfTUMs5Dc8sqOCw"].zpelem-text :is(h1,h2,h3,h4,h5,h6){ font-family:'Noto Sans',sans-serif; font-size:16px; font-weight:400; line-height:20px; } </style><div class="zptext zptext-align-left " data-editor="true"><div><div><div><div><div style="line-height:2;"><div><div style="line-height:1;"><div style="line-height:1;"><div><div style="line-height:1.5;"><div><p>タブを切り替えて色を選びます。</p><ul><li>Theme...テーマの色</li><li>Standerd...標準色</li><li>Recent...最近使った色</li><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/%E5%88%9D%E5%BF%83%E8%80%85%E3%82%AC%E3%82%A4%E3%83%89/%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3/%E3%82%AB%E3%83%A9%E3%83%BC%E3%83%9B%E3%82%A4%E3%83%BC%E3%83%AB.png">...好きな色を選択or入力</li></ul></div></div></div></div></div></div></div></div></div></div></div></div>
</div></div></div><div data-element-id="elm_MKx6fdWfEqEXnMKd0d6n7A" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_MKx6fdWfEqEXnMKd0d6n7A"] div.zpspacer { height:3px; } @media (max-width: 768px) { div[data-element-id="elm_MKx6fdWfEqEXnMKd0d6n7A"] div.zpspacer { height:calc(3px / 3); } } </style><div class="zpspacer " data-height="3"></div>
</div><div data-element-id="elm_524w_Jh-Zzw1yn4S68k6Aw" data-element-type="heading" class="zpelement zpelem-heading "><style> [data-element-id="elm_524w_Jh-Zzw1yn4S68k6Aw"] h2.zpheading{ color:#000000 ; font-family:'Noto Sans',sans-serif; font-size:20px; font-weight:700; } [data-element-id="elm_524w_Jh-Zzw1yn4S68k6Aw"].zpelem-heading { border-radius:1px; } [data-element-id="elm_524w_Jh-Zzw1yn4S68k6Aw"] .zpheading:after,[data-element-id="elm_524w_Jh-Zzw1yn4S68k6Aw"] .zpheading:before{ background-color:#000000 !important; } </style><h2
 class="zpheading zpheading-style-none zpheading-align-left " data-editor="true">その他</h2></div>
<div data-element-id="elm_KvLdytpXubpZi5rDVEMHUw" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_KvLdytpXubpZi5rDVEMHUw"].zpelem-text { border-radius:1px; } </style><div class="zptext zptext-align-left " data-editor="true"><p>その他、ローマ字表記の場合の大文字小文字、行間などが設定できます。</p></div>
</div><div data-element-id="elm_J3Drvjkx50Dhf2Ycab0IOw" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_J3Drvjkx50Dhf2Ycab0IOw"] div.zpspacer { height:30px; } @media (max-width: 768px) { div[data-element-id="elm_J3Drvjkx50Dhf2Ycab0IOw"] div.zpspacer { height:calc(30px / 3); } } </style><div class="zpspacer " data-height="30"></div>
</div><div data-element-id="elm_S5L8u3UC1M8caph3EZlu4g" data-element-type="button" class="zpelement zpelem-button "><style> [data-element-id="elm_S5L8u3UC1M8caph3EZlu4g"].zpelem-button{ color:#F39C12 ; border-radius:1px; } </style><div class="zpbutton-container zpbutton-align-center "><style type="text/css"> [data-element-id="elm_S5L8u3UC1M8caph3EZlu4g"] .zpbutton.zpbutton-type-primary{ background-color:#FFFFFF !important; color:#F39C12 !important; border-style:solid; border-color:#F39C12 !important; border-width:1px; border-radius:12px; } </style><a class="zpbutton-wrapper zpbutton zpbutton-type-primary zpbutton-size-md zpbutton-style-none " href="http://www.opdweb.jp/blogs/post/advanced-visualediter"><span class="zpbutton-content">高度なビジュアルエディター設定に戻る</span></a></div>
</div></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_THBFt6kgdWC72aPMVl_0pw" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_THBFt6kgdWC72aPMVl_0pw"] div.zpspacer { height:15px; } @media (max-width: 768px) { div[data-element-id="elm_THBFt6kgdWC72aPMVl_0pw"] div.zpspacer { height:calc(15px / 3); } } </style><div class="zpspacer " data-height="15"></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>Thu, 29 Sep 2022 15:45:27 +0900</pubDate></item><item><title><![CDATA[パンくずリスト（Breadcrumb）]]></title><link>https://www.opdweb.jp/blogs/post/breadcrumb</link><description><![CDATA[Zoho Sitesチュートリアル！ビジュアルエディターで変更内容がどのように反映されるか確認しながら設定ができます。パンクズリストのレイアウト変更方法を解説します。]]></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"> [data-element-id="elm_rDPrOS4HH3AcoL3m4cXAew"].zpsection{ border-radius:1px; } </style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_Xd6rlkeA-7J7f0C3X72vJA" 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_Xd6rlkeA-7J7f0C3X72vJA"].zprow{ border-radius:1px; } </style><div data-element-id="elm_C_mKzFHGOLAoaOKnBFJPEw" 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_C_mKzFHGOLAoaOKnBFJPEw"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_R25hVoyyFoJBCqpbt-EPFw" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_R25hVoyyFoJBCqpbt-EPFw"].zpelem-text { border-radius:1px; margin-block-start:5px; } </style><div class="zptext zptext-align-left " data-editor="true"><p style="text-align:center;">パンくずリストとは、<span style="color:inherit;">Webページの階層構造をリスト表示したものです。パンくずリストがあると今ユーザーがどのページにいるのかをナビゲートすることができます。ビジュアルエディターでは、パンくずリストのレイアウトを変えることができます。</span></p></div>
</div><div data-element-id="elm_GXnH4XgirTBeGyRQo0xItw" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_GXnH4XgirTBeGyRQo0xItw"] div.zpspacer { height:30px; } @media (max-width: 768px) { div[data-element-id="elm_GXnH4XgirTBeGyRQo0xItw"] div.zpspacer { height:calc(30px / 3); } } </style><div class="zpspacer " data-height="30"></div>
</div><div data-element-id="elm_JvWMPfBsm9Y54Cbvb2ka1w" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_JvWMPfBsm9Y54Cbvb2ka1w"] .zpimage-container figure img { width: 430px !important ; height: 65px !important ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_JvWMPfBsm9Y54Cbvb2ka1w"] .zpimage-container figure img { width:430px ; height:65px ; } } @media (max-width: 767px) { [data-element-id="elm_JvWMPfBsm9Y54Cbvb2ka1w"] .zpimage-container figure img { width:430px ; height:65px ; } } [data-element-id="elm_JvWMPfBsm9Y54Cbvb2ka1w"] .zpimage-container figure figcaption .zpimage-caption-content { color:#3498DB ; font-family:'Noto Sans',sans-serif; font-size:16px; font-weight:400; line-height:16px; } [data-element-id="elm_JvWMPfBsm9Y54Cbvb2ka1w"].zpelem-image { border-style:solid; border-color:#3498DB !important; border-width:1px; border-radius:7px; } </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-original zpimage-tablet-fallback-original zpimage-mobile-fallback-original "><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor"><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/tut87.png" width="430" height="65" loading="lazy" size="original"/></picture></span><figcaption class="zpimage-caption zpimage-caption-align-center"><span class="zpimage-caption-content">パンくずリストの例▲</span></figcaption></figure></div>
</div><div data-element-id="elm_XkUiuLNm5uz-4tkuP7VZFQ" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_XkUiuLNm5uz-4tkuP7VZFQ"] div.zpspacer { height:30px; } @media (max-width: 768px) { div[data-element-id="elm_XkUiuLNm5uz-4tkuP7VZFQ"] div.zpspacer { height:calc(30px / 3); } } </style><div class="zpspacer " data-height="30"></div>
</div><div data-element-id="elm_IS_wPrcoU06c8gvoj1uQrw" 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_IS_wPrcoU06c8gvoj1uQrw"].zprow{ border-radius:1px; } </style><div data-element-id="elm_gGsrTH7ONJb2xG3iPbNBWA" 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_gGsrTH7ONJb2xG3iPbNBWA"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_pHM_0hdEIawg3d2bUOAusQ" data-element-type="heading" class="zpelement zpelem-heading "><style> [data-element-id="elm_pHM_0hdEIawg3d2bUOAusQ"] h2.zpheading{ color:#E6326E ; font-family:'Noto Sans',sans-serif; font-size:24px; font-weight:700; } [data-element-id="elm_pHM_0hdEIawg3d2bUOAusQ"].zpelem-heading { border-radius:1px; } [data-element-id="elm_pHM_0hdEIawg3d2bUOAusQ"] .zpheading:after,[data-element-id="elm_pHM_0hdEIawg3d2bUOAusQ"] .zpheading:before{ background-color:#E6326E !important; } </style><h2
 class="zpheading zpheading-style-none zpheading-align-left " data-editor="true">ビジュアルエディターの起動</h2></div>
<div data-element-id="elm_26MvWG7puoq7jc0iRODPjA" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_26MvWG7puoq7jc0iRODPjA"].zpelem-text { border-radius:1px; margin-block-start:1px; } </style><div class="zptext zptext-align-left " data-editor="true"><ol><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%83%92%E3%82%99%E3%82%B7%E3%82%99%E3%83%A5%E3%82%A2%E3%83%AB%E3%82%A8%E3%83%86%E3%82%99%E3%82%A3%E3%82%BF%E3%83%BC%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3.png">を起動します。</li><li>[Breadcrumb]をクリックします。</li><li><span style="color:inherit;">好きなパンクズリストの表示方法を選択し、<span style="font-weight:700;">[保存]</span>をクリックします。</span><br></li></ol></div>
</div></div><div data-element-id="elm_imzq7q3arGWH3EC37jKtQQ" 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_imzq7q3arGWH3EC37jKtQQ"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_DGs709JDhb18IsK_agy0eg" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_DGs709JDhb18IsK_agy0eg"] .zpimage-container figure img { width: 299px ; height: 461.00px ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_DGs709JDhb18IsK_agy0eg"] .zpimage-container figure img { width:299px ; height:461.00px ; } } @media (max-width: 767px) { [data-element-id="elm_DGs709JDhb18IsK_agy0eg"] .zpimage-container figure img { width:299px ; height:461.00px ; } } [data-element-id="elm_DGs709JDhb18IsK_agy0eg"].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-medium zpimage-tablet-fallback-medium zpimage-mobile-fallback-medium 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/tut86.png" width="299" height="461.00" loading="lazy" size="medium" data-lightbox="true"/></picture></span></figure></div>
</div></div></div><div data-element-id="elm_IHWZ9TWFsVB053RAfS1cGQ" data-element-type="divider" class="zpelement zpelem-divider "><style type="text/css"> [data-element-id="elm_IHWZ9TWFsVB053RAfS1cGQ"].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></div><div data-element-id="elm_eBi_xE3GIJapHBRidoRziQ" 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_eBi_xE3GIJapHBRidoRziQ"].zprow{ border-radius:1px; } </style><div data-element-id="elm_OUzOqthtui8iXz4jZoVD_g" 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_OUzOqthtui8iXz4jZoVD_g"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_1Z1mvXl8uxn2ga7wo8-BIA" data-element-type="iconHeading" class="zpelement zpelem-iconheading "><style type="text/css"> [data-element-id="elm_1Z1mvXl8uxn2ga7wo8-BIA"].zpelem-iconheading h2.zpicon-heading{ color:#E6326E ; font-family:'Noto Sans',sans-serif; font-size:20px; font-weight:700; } [data-element-id="elm_1Z1mvXl8uxn2ga7wo8-BIA"].zpelem-iconheading{ border-radius:1px; } </style><div class="zpicon-container zpicon-align-left "><style>[data-element-id="elm_1Z1mvXl8uxn2ga7wo8-BIA"] .zpicon-common svg{ fill:#FFFFFF !important } [data-element-id="elm_1Z1mvXl8uxn2ga7wo8-BIA"] .zpicon-common.zpicon-style-bgfill, [data-element-id="elm_1Z1mvXl8uxn2ga7wo8-BIA"] .zpicon-common.zpicon-style-circle-fill, [data-element-id="elm_1Z1mvXl8uxn2ga7wo8-BIA"] .zpicon-common.zpicon-style-roundcorner-fill{ background:#E6326E !important }</style><span class="zpicon zpicon-common zpicon-anchor zpicon-size-md zpicon-style-circle-fill "><svg viewBox="0 0 640 512" height="640" width="512" xmlns="http://www.w3.org/2000/svg"><path d="M320 400c-75.85 0-137.25-58.71-142.9-133.11L72.2 185.82c-13.79 17.3-26.48 35.59-36.72 55.59a32.35 32.35 0 0 0 0 29.19C89.71 376.41 197.07 448 320 448c26.91 0 52.87-4 77.89-10.46L346 397.39a144.13 144.13 0 0 1-26 2.61zm313.82 58.1l-110.55-85.44a331.25 331.25 0 0 0 81.25-102.07 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64a308.15 308.15 0 0 0-147.32 37.7L45.46 3.37A16 16 0 0 0 23 6.18L3.37 31.45A16 16 0 0 0 6.18 53.9l588.36 454.73a16 16 0 0 0 22.46-2.81l19.64-25.27a16 16 0 0 0-2.82-22.45zm-183.72-142l-39.3-30.38A94.75 94.75 0 0 0 416 256a94.76 94.76 0 0 0-121.31-92.21A47.65 47.65 0 0 1 304 192a46.64 46.64 0 0 1-1.54 10l-73.61-56.89A142.31 142.31 0 0 1 320 112a143.92 143.92 0 0 1 144 144c0 21.63-5.29 41.79-13.9 60.11z"></path></svg></span><h2 class="zpicon-heading " data-editor="true">パンくずリストが表示されない場合</h2></div>
</div><div data-element-id="elm_Re1TtXYbO3798k7NlWYhrQ" data-element-type="divider" class="zpelement zpelem-divider "><style type="text/css"> [data-element-id="elm_Re1TtXYbO3798k7NlWYhrQ"].zpelem-divider{ border-radius:1px; margin-block-start:-17px; } </style><style> [data-element-id="elm_Re1TtXYbO3798k7NlWYhrQ"] .zpdivider-container .zpdivider-common:after, [data-element-id="elm_Re1TtXYbO3798k7NlWYhrQ"] .zpdivider-container .zpdivider-common:before{ border-color:rgba(0,0,0,0.3) } </style><div class="zpdivider-container zpdivider-line zpdivider-align-center zpdivider-width100 zpdivider-line-style-dotted "><div class="zpdivider-common"></div>
</div></div></div></div><div data-element-id="elm_IqCp4k3Iq9m5Uvg5zGOw0w" 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_IqCp4k3Iq9m5Uvg5zGOw0w"].zprow{ border-radius:1px; } </style><div data-element-id="elm_psKpPyg3NouvP4JHcWkBZA" 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_psKpPyg3NouvP4JHcWkBZA"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_AAqE8PnUPh_HOZ5moblZAg" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_AAqE8PnUPh_HOZ5moblZAg"].zpelem-text { border-radius:1px; } </style><div class="zptext zptext-align-left " data-editor="true"><p>１. 画面上の[設定]から、概要＞設定をクリックします。</p></div>
</div><div data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg"] .zpimage-container figure img { width: 538px ; height: 380.85px ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg"] .zpimage-container figure img { width:723px ; height:511.81px ; } } @media (max-width: 767px) { [data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg"] .zpimage-container figure img { width:415px ; height:293.78px ; } } [data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg"] .zpimage-container[class*='zpimage-overlay-effect-'] figure:hover figcaption , [data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg"] .zpimage-container[class*='zpimage-overlay-effect-'] figure figcaption { background:rgba(52,152,219,0.7) ; } [data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg"] .zpimage-container figure figcaption .zpimage-caption-content { color:#E6326E ; font-family:'Noto Sans',sans-serif; font-weight:700; } [data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg"].zpelem-image { border-style:solid; border-color:rgba(0,0,0,0.3) !important; border-width:1px; border-radius:1px; box-shadow:2px 2px 4px 0px rgba(0,0,0,0.3); } </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 "><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor"><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/tut84.png" width="415" height="293.78" loading="lazy" size="fit" alt="ブログリストのレイアウト例"/></picture></span></figure></div>
</div></div><div data-element-id="elm_qQnkIWWvFDe2Le34l93PeQ" 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_qQnkIWWvFDe2Le34l93PeQ"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_gd1H8dkYKfeXIC-HR8Xv6w" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_gd1H8dkYKfeXIC-HR8Xv6w"].zpelem-text { border-radius:1px; } </style><div class="zptext zptext-align-left " data-editor="true"><p>２. パンくずリストの[表示]にチェックを入れ保存すると、表示されるようになります。</p></div>
</div><div data-element-id="elm_YFMjNg6W-rA12P28rzVwKQ" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_YFMjNg6W-rA12P28rzVwKQ"] .zpimage-container figure img { width: 540px ; height: 381.13px ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_YFMjNg6W-rA12P28rzVwKQ"] .zpimage-container figure img { width:723px ; height:510.28px ; } } @media (max-width: 767px) { [data-element-id="elm_YFMjNg6W-rA12P28rzVwKQ"] .zpimage-container figure img { width:415px ; height:292.90px ; } } [data-element-id="elm_YFMjNg6W-rA12P28rzVwKQ"].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/tut85.png" width="415" height="292.90" loading="lazy" size="fit" data-lightbox="true"/></picture></span></figure></div>
</div></div></div><div data-element-id="elm_mJaOW60PFLpe_YJD-lPm2w" 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_mJaOW60PFLpe_YJD-lPm2w"].zprow{ border-radius:1px; } </style><div data-element-id="elm_Y9gHrMIQQxv5xJADP1U9Sg" 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_Y9gHrMIQQxv5xJADP1U9Sg"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_794MEJLOXH3yIeWpU9aLRg" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_794MEJLOXH3yIeWpU9aLRg"] div.zpspacer { height:20px; } @media (max-width: 768px) { div[data-element-id="elm_794MEJLOXH3yIeWpU9aLRg"] div.zpspacer { height:calc(20px / 3); } } </style><div class="zpspacer " data-height="20"></div>
</div><div data-element-id="elm_S5L8u3UC1M8caph3EZlu4g" data-element-type="button" class="zpelement zpelem-button "><style> [data-element-id="elm_S5L8u3UC1M8caph3EZlu4g"].zpelem-button{ color:#3498DB ; border-radius:1px; } </style><div class="zpbutton-container zpbutton-align-center "><style type="text/css"> [data-element-id="elm_S5L8u3UC1M8caph3EZlu4g"] .zpbutton.zpbutton-type-primary{ background-color:#FFFFFF !important; color:#3498DB !important; border-style:solid; border-color:#3498DB !important; border-width:1px; border-radius:12px; } </style><a class="zpbutton-wrapper zpbutton zpbutton-type-primary zpbutton-size-md zpbutton-style-none " href="https://www.opdweb.jp/blogs/post/visual-editer"><span class="zpbutton-content">ビジュアルエディター設定に戻る</span></a></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_THBFt6kgdWC72aPMVl_0pw" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_THBFt6kgdWC72aPMVl_0pw"] div.zpspacer { height:15px; } @media (max-width: 768px) { div[data-element-id="elm_THBFt6kgdWC72aPMVl_0pw"] div.zpspacer { height:calc(15px / 3); } } </style><div class="zpspacer " data-height="15"></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>Wed, 28 Sep 2022 13:01:07 +0900</pubDate></item><item><title><![CDATA[ブログポスト]]></title><link>https://www.opdweb.jp/blogs/post/blogpost</link><description><![CDATA[Zoho Sitesチュートリアル！ビジュアルエディターで変更内容がどのように反映されるか確認しながら設定ができます。ブログポストの配置の設定方法を解説します。]]></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"> [data-element-id="elm_rDPrOS4HH3AcoL3m4cXAew"].zpsection{ border-radius:1px; } </style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_Xd6rlkeA-7J7f0C3X72vJA" 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_Xd6rlkeA-7J7f0C3X72vJA"].zprow{ border-radius:1px; } </style><div data-element-id="elm_C_mKzFHGOLAoaOKnBFJPEw" 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_C_mKzFHGOLAoaOKnBFJPEw"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_R25hVoyyFoJBCqpbt-EPFw" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_R25hVoyyFoJBCqpbt-EPFw"].zpelem-text { border-radius:1px; margin-block-start:5px; } </style><div class="zptext zptext-align-left " data-editor="true"><p style="text-align:center;">ブログの一覧ページの配置の設定ができます。</p></div>
</div><div data-element-id="elm_IS_wPrcoU06c8gvoj1uQrw" 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_IS_wPrcoU06c8gvoj1uQrw"].zprow{ border-radius:1px; } </style><div data-element-id="elm_gGsrTH7ONJb2xG3iPbNBWA" 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_gGsrTH7ONJb2xG3iPbNBWA"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_pHM_0hdEIawg3d2bUOAusQ" data-element-type="heading" class="zpelement zpelem-heading "><style> [data-element-id="elm_pHM_0hdEIawg3d2bUOAusQ"] h2.zpheading{ color:#E6326E ; font-family:'Noto Sans',sans-serif; font-size:24px; font-weight:700; } [data-element-id="elm_pHM_0hdEIawg3d2bUOAusQ"].zpelem-heading { border-radius:1px; } [data-element-id="elm_pHM_0hdEIawg3d2bUOAusQ"] .zpheading:after,[data-element-id="elm_pHM_0hdEIawg3d2bUOAusQ"] .zpheading:before{ background-color:#E6326E !important; } </style><h2
 class="zpheading zpheading-style-none zpheading-align-left " data-editor="true">ビジュアルエディターの起動</h2></div>
<div data-element-id="elm_26MvWG7puoq7jc0iRODPjA" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_26MvWG7puoq7jc0iRODPjA"].zpelem-text { border-radius:1px; margin-block-start:1px; } </style><div class="zptext zptext-align-left " data-editor="true"><ol><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%83%92%E3%82%99%E3%82%B7%E3%82%99%E3%83%A5%E3%82%A2%E3%83%AB%E3%82%A8%E3%83%86%E3%82%99%E3%82%A3%E3%82%BF%E3%83%BC%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3.png">を起動します。</li><li>[Blog Post]をクリックします。</li><li>お好みの配置を選択します。</li></ol></div>
</div><div data-element-id="elm_IHWZ9TWFsVB053RAfS1cGQ" data-element-type="divider" class="zpelement zpelem-divider "><style type="text/css"> [data-element-id="elm_IHWZ9TWFsVB053RAfS1cGQ"].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></div><div data-element-id="elm_qEiXLJkwQWSVtWWEQoSGHg" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_qEiXLJkwQWSVtWWEQoSGHg"] div.zpspacer { height:24px; } @media (max-width: 768px) { div[data-element-id="elm_qEiXLJkwQWSVtWWEQoSGHg"] div.zpspacer { height:calc(24px / 3); } } </style><div class="zpspacer " data-height="24"></div>
</div></div></div><div data-element-id="elm_eBi_xE3GIJapHBRidoRziQ" 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_eBi_xE3GIJapHBRidoRziQ"].zprow{ border-radius:1px; } </style><div data-element-id="elm_OUzOqthtui8iXz4jZoVD_g" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-4 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg "><style type="text/css"> [data-element-id="elm_OUzOqthtui8iXz4jZoVD_g"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_nDsuMYv6pYjnMMvYAJjmhQ" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_nDsuMYv6pYjnMMvYAJjmhQ"].zpelem-text { border-radius:1px; } </style><div class="zptext zptext-align-left " data-editor="true"><p style="line-height:1.5;">ブログページの配置をどのようにするか選択できます。</p></div>
</div><div data-element-id="elm_DGs709JDhb18IsK_agy0eg" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_DGs709JDhb18IsK_agy0eg"] .zpimage-container figure img { width: 307px !important ; height: 449px !important ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_DGs709JDhb18IsK_agy0eg"] .zpimage-container figure img { width:307px ; height:449px ; } } @media (max-width: 767px) { [data-element-id="elm_DGs709JDhb18IsK_agy0eg"] .zpimage-container figure img { width:307px ; height:449px ; } } [data-element-id="elm_DGs709JDhb18IsK_agy0eg"].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-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/tut82.png" width="307" height="449" loading="lazy" size="original" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_6WGxOzRYQrwDHt1v-riCWg" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_6WGxOzRYQrwDHt1v-riCWg"] div.zpspacer { height:21px; } @media (max-width: 768px) { div[data-element-id="elm_6WGxOzRYQrwDHt1v-riCWg"] div.zpspacer { height:calc(21px / 3); } } </style><div class="zpspacer " data-height="21"></div>
</div><div data-element-id="elm_1Z1mvXl8uxn2ga7wo8-BIA" data-element-type="iconHeading" class="zpelement zpelem-iconheading "><style type="text/css"> [data-element-id="elm_1Z1mvXl8uxn2ga7wo8-BIA"].zpelem-iconheading h2.zpicon-heading{ color:#E6326E ; font-family:'Noto Sans',sans-serif; font-weight:700; } [data-element-id="elm_1Z1mvXl8uxn2ga7wo8-BIA"].zpelem-iconheading{ border-radius:1px; } </style><div class="zpicon-container zpicon-align-left "><style>[data-element-id="elm_1Z1mvXl8uxn2ga7wo8-BIA"] .zpicon-common svg{ fill:#FFFFFF !important } [data-element-id="elm_1Z1mvXl8uxn2ga7wo8-BIA"] .zpicon-common.zpicon-style-bgfill, [data-element-id="elm_1Z1mvXl8uxn2ga7wo8-BIA"] .zpicon-common.zpicon-style-circle-fill, [data-element-id="elm_1Z1mvXl8uxn2ga7wo8-BIA"] .zpicon-common.zpicon-style-roundcorner-fill{ background:#E6326E !important }</style><span class="zpicon zpicon-common zpicon-anchor zpicon-size-md zpicon-style-circle-fill "><svg viewBox="0 0 352 512" height="352" width="512" xmlns="http://www.w3.org/2000/svg"><path d="M96.06 454.35c.01 6.29 1.87 12.45 5.36 17.69l17.09 25.69a31.99 31.99 0 0 0 26.64 14.28h61.71a31.99 31.99 0 0 0 26.64-14.28l17.09-25.69a31.989 31.989 0 0 0 5.36-17.69l.04-38.35H96.01l.05 38.35zM0 176c0 44.37 16.45 84.85 43.56 115.78 16.52 18.85 42.36 58.23 52.21 91.45.04.26.07.52.11.78h160.24c.04-.26.07-.51.11-.78 9.85-33.22 35.69-72.6 52.21-91.45C335.55 260.85 352 220.37 352 176 352 78.61 272.91-.3 175.45 0 73.44.31 0 82.97 0 176zm176-80c-44.11 0-80 35.89-80 80 0 8.84-7.16 16-16 16s-16-7.16-16-16c0-61.76 50.24-112 112-112 8.84 0 16 7.16 16 16s-7.16 16-16 16z"></path></svg></span><h2 class="zpicon-heading " data-editor="true">ポイント</h2></div>
</div><div data-element-id="elm_Re1TtXYbO3798k7NlWYhrQ" data-element-type="divider" class="zpelement zpelem-divider "><style type="text/css"> [data-element-id="elm_Re1TtXYbO3798k7NlWYhrQ"].zpelem-divider{ border-radius:1px; margin-block-start:-17px; } </style><style> [data-element-id="elm_Re1TtXYbO3798k7NlWYhrQ"] .zpdivider-container .zpdivider-common:after, [data-element-id="elm_Re1TtXYbO3798k7NlWYhrQ"] .zpdivider-container .zpdivider-common:before{ border-color:rgba(0,0,0,0.3) } </style><div class="zpdivider-container zpdivider-line zpdivider-align-center zpdivider-width100 zpdivider-line-style-dotted "><div class="zpdivider-common"></div>
</div></div><div data-element-id="elm_MRHBj-X1_HfXxLEQiWJVGA" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_MRHBj-X1_HfXxLEQiWJVGA"].zpelem-text { border-radius:1px; margin-block-start:0px; } </style><div class="zptext zptext-align-left " data-editor="true"><ul><li><span style="color:inherit;">テンプレートによって選択できるレイアウトは変わる場合があります。</span></li><li>タイトルや、ブログの下に表示されるSNSアイコン、カテゴリータグ等のレイアウトを選ぶことができます。</li><li>ブログの中身（文章や写真、ボタン等）は通常ページと同様に自由に作ることができます。</li></ul></div>
</div></div><div data-element-id="elm_psKpPyg3NouvP4JHcWkBZA" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-8 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg "><style type="text/css"> [data-element-id="elm_psKpPyg3NouvP4JHcWkBZA"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_EJjRoP6HpQ8JOKETduuHBw" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_EJjRoP6HpQ8JOKETduuHBw"].zpelem-text { color:#F39C12 ; font-family:'Noto Sans',sans-serif; font-size:18px; font-weight:700; border-radius:1px; } [data-element-id="elm_EJjRoP6HpQ8JOKETduuHBw"].zpelem-text :is(h1,h2,h3,h4,h5,h6){ color:#F39C12 ; font-family:'Noto Sans',sans-serif; font-size:18px; font-weight:700; } </style><div class="zptext zptext-align-center " data-editor="true"><p>例：ブログポスト左上のレイアウトを選択した場合</p></div>
</div><div data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg"] .zpimage-container figure img { width: 728px ; height: 946.99px ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg"] .zpimage-container figure img { width:723px ; height:940.49px ; } } @media (max-width: 767px) { [data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg"] .zpimage-container figure img { width:415px ; height:539.84px ; } } [data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg"] .zpimage-container[class*='zpimage-overlay-effect-'] figure:hover figcaption , [data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg"] .zpimage-container[class*='zpimage-overlay-effect-'] figure figcaption { background:rgba(52,152,219,0.7) ; } [data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg"] .zpimage-container figure figcaption .zpimage-caption-content { color:#E6326E ; font-family:'Noto Sans',sans-serif; font-weight:700; } [data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg"].zpelem-image { border-style:solid; border-color:rgba(0,0,0,0.3) !important; border-width:1px; border-radius:1px; box-shadow:2px 2px 4px 0px rgba(0,0,0,0.3); } </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 "><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor"><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/tut83.png" width="415" height="539.84" loading="lazy" size="fit" alt="ブログリストのレイアウト例"/></picture></span></figure></div>
</div></div></div><div data-element-id="elm_mJaOW60PFLpe_YJD-lPm2w" 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_mJaOW60PFLpe_YJD-lPm2w"].zprow{ border-radius:1px; } </style><div data-element-id="elm_Y9gHrMIQQxv5xJADP1U9Sg" 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_Y9gHrMIQQxv5xJADP1U9Sg"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_794MEJLOXH3yIeWpU9aLRg" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_794MEJLOXH3yIeWpU9aLRg"] div.zpspacer { height:20px; } @media (max-width: 768px) { div[data-element-id="elm_794MEJLOXH3yIeWpU9aLRg"] div.zpspacer { height:calc(20px / 3); } } </style><div class="zpspacer " data-height="20"></div>
</div><div data-element-id="elm_S5L8u3UC1M8caph3EZlu4g" data-element-type="button" class="zpelement zpelem-button "><style> [data-element-id="elm_S5L8u3UC1M8caph3EZlu4g"].zpelem-button{ color:#3498DB ; border-radius:1px; } </style><div class="zpbutton-container zpbutton-align-center "><style type="text/css"> [data-element-id="elm_S5L8u3UC1M8caph3EZlu4g"] .zpbutton.zpbutton-type-primary{ background-color:#FFFFFF !important; color:#3498DB !important; border-style:solid; border-color:#3498DB !important; border-width:1px; border-radius:12px; } </style><a class="zpbutton-wrapper zpbutton zpbutton-type-primary zpbutton-size-md zpbutton-style-none " href="https://www.opdweb.jp/blogs/post/visual-editer"><span class="zpbutton-content">ビジュアルエディター設定に戻る</span></a></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_THBFt6kgdWC72aPMVl_0pw" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_THBFt6kgdWC72aPMVl_0pw"] div.zpspacer { height:15px; } @media (max-width: 768px) { div[data-element-id="elm_THBFt6kgdWC72aPMVl_0pw"] div.zpspacer { height:calc(15px / 3); } } </style><div class="zpspacer " data-height="15"></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>Wed, 28 Sep 2022 13:01:07 +0900</pubDate></item><item><title><![CDATA[ブログリスト]]></title><link>https://www.opdweb.jp/blogs/post/bloglist</link><description><![CDATA[Zoho Sitesチュートリアル！ビジュアルエディターで変更内容がどのように反映されるか確認しながら設定ができます。ブログリストの配置の設定方法を解説します。]]></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"> [data-element-id="elm_rDPrOS4HH3AcoL3m4cXAew"].zpsection{ border-radius:1px; } </style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_Xd6rlkeA-7J7f0C3X72vJA" 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_Xd6rlkeA-7J7f0C3X72vJA"].zprow{ border-radius:1px; } </style><div data-element-id="elm_C_mKzFHGOLAoaOKnBFJPEw" 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_C_mKzFHGOLAoaOKnBFJPEw"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_R25hVoyyFoJBCqpbt-EPFw" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_R25hVoyyFoJBCqpbt-EPFw"].zpelem-text { border-radius:1px; margin-block-start:5px; } </style><div class="zptext zptext-align-left " data-editor="true"><p style="text-align:center;">ブログの一覧ページの配置の設定ができます。</p></div>
</div><div data-element-id="elm_IS_wPrcoU06c8gvoj1uQrw" 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_IS_wPrcoU06c8gvoj1uQrw"].zprow{ border-radius:1px; } </style><div data-element-id="elm_gGsrTH7ONJb2xG3iPbNBWA" 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_gGsrTH7ONJb2xG3iPbNBWA"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_pHM_0hdEIawg3d2bUOAusQ" data-element-type="heading" class="zpelement zpelem-heading "><style> [data-element-id="elm_pHM_0hdEIawg3d2bUOAusQ"] h2.zpheading{ color:#E6326E ; font-family:'Noto Sans',sans-serif; font-size:24px; font-weight:700; } [data-element-id="elm_pHM_0hdEIawg3d2bUOAusQ"].zpelem-heading { border-radius:1px; } [data-element-id="elm_pHM_0hdEIawg3d2bUOAusQ"] .zpheading:after,[data-element-id="elm_pHM_0hdEIawg3d2bUOAusQ"] .zpheading:before{ background-color:#E6326E !important; } </style><h2
 class="zpheading zpheading-style-none zpheading-align-left " data-editor="true">ビジュアルエディターの起動</h2></div>
<div data-element-id="elm_26MvWG7puoq7jc0iRODPjA" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_26MvWG7puoq7jc0iRODPjA"].zpelem-text { border-radius:1px; margin-block-start:1px; } </style><div class="zptext zptext-align-left " data-editor="true"><ol><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%83%92%E3%82%99%E3%82%B7%E3%82%99%E3%83%A5%E3%82%A2%E3%83%AB%E3%82%A8%E3%83%86%E3%82%99%E3%82%A3%E3%82%BF%E3%83%BC%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3.png">を起動します。</li><li>[Blog List]をクリックします。</li><li>お好みの配置を選択します。</li></ol></div>
</div><div data-element-id="elm_IHWZ9TWFsVB053RAfS1cGQ" data-element-type="divider" class="zpelement zpelem-divider "><style type="text/css"> [data-element-id="elm_IHWZ9TWFsVB053RAfS1cGQ"].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></div><div data-element-id="elm_qEiXLJkwQWSVtWWEQoSGHg" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_qEiXLJkwQWSVtWWEQoSGHg"] div.zpspacer { height:24px; } @media (max-width: 768px) { div[data-element-id="elm_qEiXLJkwQWSVtWWEQoSGHg"] div.zpspacer { height:calc(24px / 3); } } </style><div class="zpspacer " data-height="24"></div>
</div></div></div><div data-element-id="elm_eBi_xE3GIJapHBRidoRziQ" 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_eBi_xE3GIJapHBRidoRziQ"].zprow{ border-radius:1px; } </style><div data-element-id="elm_OUzOqthtui8iXz4jZoVD_g" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-4 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg "><style type="text/css"> [data-element-id="elm_OUzOqthtui8iXz4jZoVD_g"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_nDsuMYv6pYjnMMvYAJjmhQ" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_nDsuMYv6pYjnMMvYAJjmhQ"].zpelem-text { border-radius:1px; } </style><div class="zptext zptext-align-left " data-editor="true"><p style="line-height:1.5;">ブログ一覧のページの配置をどのようにするか選択できます。</p></div>
</div><div data-element-id="elm_DGs709JDhb18IsK_agy0eg" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_DGs709JDhb18IsK_agy0eg"] .zpimage-container figure img { width: 306px !important ; height: 460px !important ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_DGs709JDhb18IsK_agy0eg"] .zpimage-container figure img { width:306px ; height:460px ; } } @media (max-width: 767px) { [data-element-id="elm_DGs709JDhb18IsK_agy0eg"] .zpimage-container figure img { width:306px ; height:460px ; } } [data-element-id="elm_DGs709JDhb18IsK_agy0eg"].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-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/tut79.png" width="306" height="460" loading="lazy" size="original" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_6WGxOzRYQrwDHt1v-riCWg" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_6WGxOzRYQrwDHt1v-riCWg"] div.zpspacer { height:21px; } @media (max-width: 768px) { div[data-element-id="elm_6WGxOzRYQrwDHt1v-riCWg"] div.zpspacer { height:calc(21px / 3); } } </style><div class="zpspacer " data-height="21"></div>
</div><div data-element-id="elm_1Z1mvXl8uxn2ga7wo8-BIA" data-element-type="iconHeading" class="zpelement zpelem-iconheading "><style type="text/css"> [data-element-id="elm_1Z1mvXl8uxn2ga7wo8-BIA"].zpelem-iconheading h2.zpicon-heading{ color:#E6326E ; font-family:'Noto Sans',sans-serif; font-weight:700; } [data-element-id="elm_1Z1mvXl8uxn2ga7wo8-BIA"].zpelem-iconheading{ border-radius:1px; } </style><div class="zpicon-container zpicon-align-left "><style>[data-element-id="elm_1Z1mvXl8uxn2ga7wo8-BIA"] .zpicon-common svg{ fill:#FFFFFF !important } [data-element-id="elm_1Z1mvXl8uxn2ga7wo8-BIA"] .zpicon-common.zpicon-style-bgfill, [data-element-id="elm_1Z1mvXl8uxn2ga7wo8-BIA"] .zpicon-common.zpicon-style-circle-fill, [data-element-id="elm_1Z1mvXl8uxn2ga7wo8-BIA"] .zpicon-common.zpicon-style-roundcorner-fill{ background:#E6326E !important }</style><span class="zpicon zpicon-common zpicon-anchor zpicon-size-md zpicon-style-circle-fill "><svg viewBox="0 0 352 512" height="352" width="512" xmlns="http://www.w3.org/2000/svg"><path d="M96.06 454.35c.01 6.29 1.87 12.45 5.36 17.69l17.09 25.69a31.99 31.99 0 0 0 26.64 14.28h61.71a31.99 31.99 0 0 0 26.64-14.28l17.09-25.69a31.989 31.989 0 0 0 5.36-17.69l.04-38.35H96.01l.05 38.35zM0 176c0 44.37 16.45 84.85 43.56 115.78 16.52 18.85 42.36 58.23 52.21 91.45.04.26.07.52.11.78h160.24c.04-.26.07-.51.11-.78 9.85-33.22 35.69-72.6 52.21-91.45C335.55 260.85 352 220.37 352 176 352 78.61 272.91-.3 175.45 0 73.44.31 0 82.97 0 176zm176-80c-44.11 0-80 35.89-80 80 0 8.84-7.16 16-16 16s-16-7.16-16-16c0-61.76 50.24-112 112-112 8.84 0 16 7.16 16 16s-7.16 16-16 16z"></path></svg></span><h2 class="zpicon-heading " data-editor="true">ポイント</h2></div>
</div><div data-element-id="elm_Re1TtXYbO3798k7NlWYhrQ" data-element-type="divider" class="zpelement zpelem-divider "><style type="text/css"> [data-element-id="elm_Re1TtXYbO3798k7NlWYhrQ"].zpelem-divider{ border-radius:1px; margin-block-start:-17px; } </style><style> [data-element-id="elm_Re1TtXYbO3798k7NlWYhrQ"] .zpdivider-container .zpdivider-common:after, [data-element-id="elm_Re1TtXYbO3798k7NlWYhrQ"] .zpdivider-container .zpdivider-common:before{ border-color:rgba(0,0,0,0.3) } </style><div class="zpdivider-container zpdivider-line zpdivider-align-center zpdivider-width100 zpdivider-line-style-dotted "><div class="zpdivider-common"></div>
</div></div><div data-element-id="elm_MRHBj-X1_HfXxLEQiWJVGA" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_MRHBj-X1_HfXxLEQiWJVGA"].zpelem-text { border-radius:1px; margin-block-start:0px; } </style><div class="zptext zptext-align-left " data-editor="true"><ul><li><span style="color:inherit;">テンプレートによって選択できるレイアウトは変わる場合があります。</span></li><li>ブログリストからそれぞれのブログを見るには「<span style="color:rgb(243, 156, 18);">Read more</span>」をクリックします。</li><li>読者は、カテゴリーやタグを利用して自分が読みたい記事にたどり着きやすくなります。</li></ul></div>
</div></div><div data-element-id="elm_psKpPyg3NouvP4JHcWkBZA" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-8 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg "><style type="text/css"> [data-element-id="elm_psKpPyg3NouvP4JHcWkBZA"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_EJjRoP6HpQ8JOKETduuHBw" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_EJjRoP6HpQ8JOKETduuHBw"].zpelem-text { color:#F39C12 ; font-family:'Noto Sans',sans-serif; font-size:18px; font-weight:700; border-radius:1px; } [data-element-id="elm_EJjRoP6HpQ8JOKETduuHBw"].zpelem-text :is(h1,h2,h3,h4,h5,h6){ color:#F39C12 ; font-family:'Noto Sans',sans-serif; font-size:18px; font-weight:700; } </style><div class="zptext zptext-align-center " data-editor="true"><p>例：ブログリスト左上のレイアウトを選択した場合</p></div>
</div><div data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg"] .zpimage-container figure img { width: 730px ; height: 1457.26px ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg"] .zpimage-container figure img { width:723px ; height:1443.29px ; } } @media (max-width: 767px) { [data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg"] .zpimage-container figure img { width:415px ; height:828.44px ; } } [data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg"] .zpimage-container[class*='zpimage-overlay-effect-'] figure:hover figcaption , [data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg"] .zpimage-container[class*='zpimage-overlay-effect-'] figure figcaption { background:rgba(52,152,219,0.7) ; } [data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg"] .zpimage-container figure figcaption .zpimage-caption-content { color:#E6326E ; font-family:'Noto Sans',sans-serif; font-weight:700; } [data-element-id="elm_KwmZhthQ2b1jo5_HqWMxIg"].zpelem-image { border-style:solid; border-color:rgba(0,0,0,0.3) !important; border-width:1px; border-radius:1px; box-shadow:2px 2px 4px 0px rgba(0,0,0,0.3); } </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 "><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor"><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/tut80.png" width="415" height="828.44" loading="lazy" size="fit" alt="ブログリストのレイアウト例"/></picture></span></figure></div>
</div></div></div><div data-element-id="elm_mJaOW60PFLpe_YJD-lPm2w" 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_mJaOW60PFLpe_YJD-lPm2w"].zprow{ border-radius:1px; } </style><div data-element-id="elm_Y9gHrMIQQxv5xJADP1U9Sg" 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_Y9gHrMIQQxv5xJADP1U9Sg"].zpelem-col{ border-radius:1px; } </style><div data-element-id="elm_794MEJLOXH3yIeWpU9aLRg" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_794MEJLOXH3yIeWpU9aLRg"] div.zpspacer { height:20px; } @media (max-width: 768px) { div[data-element-id="elm_794MEJLOXH3yIeWpU9aLRg"] div.zpspacer { height:calc(20px / 3); } } </style><div class="zpspacer " data-height="20"></div>
</div><div data-element-id="elm_S5L8u3UC1M8caph3EZlu4g" data-element-type="button" class="zpelement zpelem-button "><style> [data-element-id="elm_S5L8u3UC1M8caph3EZlu4g"].zpelem-button{ color:#3498DB ; border-radius:1px; } </style><div class="zpbutton-container zpbutton-align-center "><style type="text/css"> [data-element-id="elm_S5L8u3UC1M8caph3EZlu4g"] .zpbutton.zpbutton-type-primary{ background-color:#FFFFFF !important; color:#3498DB !important; border-style:solid; border-color:#3498DB !important; border-width:1px; border-radius:12px; } </style><a class="zpbutton-wrapper zpbutton zpbutton-type-primary zpbutton-size-md zpbutton-style-none " href="https://www.opdweb.jp/blogs/post/visual-editer"><span class="zpbutton-content">ビジュアルエディター設定に戻る</span></a></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_THBFt6kgdWC72aPMVl_0pw" data-element-type="spacer" class="zpelement zpelem-spacer "><style> div[data-element-id="elm_THBFt6kgdWC72aPMVl_0pw"] div.zpspacer { height:15px; } @media (max-width: 768px) { div[data-element-id="elm_THBFt6kgdWC72aPMVl_0pw"] div.zpspacer { height:calc(15px / 3); } } </style><div class="zpspacer " data-height="15"></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>Wed, 28 Sep 2022 12:06:02 +0900</pubDate></item></channel></rss>