<?xml version="1.0" encoding="UTF-8" ?><!-- generator=Zoho Sites --><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><atom:link href="https://www.opdweb.jp/blogs/tag/高度なビジュアルエディター/feed" rel="self" type="application/rss+xml"/><title>WEBデザイン本舗 - カテゴリー１ #高度なビジュアルエディター</title><description>WEBデザイン本舗 - カテゴリー１ #高度なビジュアルエディター</description><link>https://www.opdweb.jp/blogs/tag/高度なビジュアルエディター</link><lastBuildDate>Sun, 08 Mar 2026 10:34:14 -0700</lastBuildDate><generator>http://zoho.com/sites/</generator><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/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></channel></rss>