<?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:58 -0700</lastBuildDate><generator>http://zoho.com/sites/</generator><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></channel></rss>