--- title: "ウェブページのプレビュー" slug: "preview-a-webpage" abstract: "プレビュー機能を使って、公開せずにウェブサイトをプレビューできます。" --- # ウェブページのプレビュー プレビュー機能では、公開前にウェブサイト上のすべてのアイテムをプレビューできます。 プレビュー機能では以下が可能です: - プレビュー日を指定し、過去または未来のある時点でウェブサイトがどのような見た目かを、設定した [公開制限](https://doc.sitecore.com/xp/ja/users/91/sitecore-experience-platform/set-up-publishing-restrictions-for-an-item.html "Set up publishing restrictions for an item") に従って確認しましょう。 - ウェブページが異なる言語バージョンでどのように見えるかを見てみましょう。 - 異なるデバイスでページがどのように表示されるかをプレビューできます。 *公開可能な*項目のみプレビューを推奨します。つまり、以下の場合に限られます。 - 「 **Publishable from** field」は今日またはそれ以前に設定されています。 - **Publishable**を表示する日付は今日またはそれ以降に設定されます - アイテムは最終的なワークフロー状態にあります。 公開できないアイテムをプレビューしようとするとエラーが出ます。それはプレビューがすぐに公開できる内容をシミュレートしているからです。 このトピックでは、以下の方法を概説します: - [コンテンツエディターまたはエクスペリエンスエディターからページをプレビューできます](https://doc.sitecore.com/xp/ja/users/91/sitecore-experience-platform/preview-a-webpage.html#UUID-1fe0a16b-1a7b-20dc-72e3-b3d0799aac51_id__Preview_a_page "Preview a page from the Content Editor or the Experience Editor") - [デバイスシミュレーターでページをプレビューする](https://doc.sitecore.com/xp/ja/users/91/sitecore-experience-platform/preview-a-webpage.html#UUID-1fe0a16b-1a7b-20dc-72e3-b3d0799aac51_id__Preview_a_page_1 "Preview a page in the Device Simulator") - [Sitecore Desktopからデフォルトのウェブサイトをプレビューしてください](https://doc.sitecore.com/xp/ja/users/91/sitecore-experience-platform/preview-a-webpage.html#UUID-1fe0a16b-1a7b-20dc-72e3-b3d0799aac51_section-5c1cae5595b3e-idm45554940918944 "Preview the default website from the Sitecore Desktop") ## コンテンツエディターまたはエクスペリエンスエディターからページをプレビューできます 現在選択されているページはプレビューモードでプレビューできます。 ウェブページをプレビューするには: 1. エクスペリエンスエディターまたはコンテンツエディターのいずれかからプレビューモードを開きます: - エクスペリエンスエディターのリボンの **モード** グループで、「 **その他**」「**プレビュー**」をクリックします。 - コンテンツエディターの **「公開** 」タブの **「公開** 」セクションで「 **プレビュー**」をクリックします。 2. プレビューパラメータを選択してください: - **Date** - ページが別の日付でどのように表示されるかを見るには、「 **経験** 」タブの **「日付** 」グループで日付をクリックし、青い矢印をクリックして前日または翌日を選択します。 ![The Experience tab in the ribbon](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/F127026848454962B44892881A150C97.png) - **言語** – 異なる言語でページを見るには、「 **バージョン** 」タブの **言語** グループで「 **言語**」をクリックし![095E7078BA594AAE9CEEDC84E2A06F07.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/095E7078BA594AAE9CEEDC84E2A06F07.png) 表示されたリストから希望する言語を選択します。  > !注バージョンタブにアクセスするには必要なセキュリティ権限が必要です。 3. ページを移動してウェブサイト全体をプレビューしましょう。 > !ヒントプレビューモードでは、検索機能を使ってプレビューしたい特定のページに移動することもできます。 ## デバイスシミュレーターでページをプレビューする デバイスシミュレーターは、iPhone、iPad、Android Phone、Blackberryなど異なるデバイスのシミュレーションでウェブサイトをプレビューできます。 デバイスシミュレーターは、各デバイスに表示されるウェブサイトのピクセル単位で完璧に再現されたものではありません。しかし、デバイスがどのようにウェブサイトを表示しているかをよく把握でき、コンテンツ作成者がモバイルデバイス上でページの見た目を素早く確認できます。 デバイスシミュレーターでページをプレビューするには: 1. エクスペリエンスエディターの**Experience**タブの**Mode**グループで **、「その他**」「**プレビュー**」をクリックします。 2. **シミュレーター**グループでデバイスアイコンをクリックし、デバイスを選択します。 ![The device selector in the Simulator group](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/AED0D45DE8374408B66805DFF7EF98A3.png) 3. デバイスシミュレーターでは、すべてのナビゲーションが完全に機能します。以下が可能です: - ウェブサイトを閲覧してください。 - デバイスの向きを変更するには **「回転」** をクリックしてください。 - 上下、左右にスクロールしてください。 ![The Simulator in iPad mode](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/ED09BF35965F42B8BC6EF7598D0B6B44.png) 4. デフォルトのプレビューに戻るには、デバイスアイコンをクリックし、ドロップダウンメニューで「 **なし**」をクリックしてください。 ![The Default device option](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/AF7E24C7839841C99A5DA00B09D47C67.png) ## Sitecore Desktopからデフォルトのウェブサイトをプレビューしてください Sitecore Desktopからウェブサイトをプレビューできます。 Sitecore Desktopのウェブサイトをプレビューするには: - Sitecore Desktopメニューで**プレビューをクリックします。** ![The Sitecore Desktop menu](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/Desktop_start_menu.png) Sitecoreは新しいウィンドウでデフォルトのウェブサイトのプレビューを表示します。 > !注デフォルトのウェブサイトを閲覧する権限がない場合は、エラーメッセージが表示されます。(管理者はsitecore.configファイルのPreview.DefaultSite設定を変更することができます。この設定はすべてのユーザーに適用されます。)