公開前にチェック!編集したホームページをプレビューで確認
ホームページの公開は、訪問者に与える第一印象を決める重要な瞬間です。公開ボタンを押す前に、PAGEKitの「プレビュー機能」をしっかり活用して、表示内容を入念にチェックしましょう。
プレビュー機能の基本的な使い方
1. メインプレビューで全体像を確認
管理画面から「ホームページを編集する」をクリックすると、サイト全体のプレビューが表示されます。ここから各ページに移動して、全体のデザインや統一感を確認できます。
管理画面から「ホームページを編集する」をクリックすると、サイト全体のプレビューが表示されます。ここから各ページに移動して、全体のデザインや統一感を確認できます。
2. 各ページの編集中に確認
個別のページを編集している最中も、編集画面の右上にある3つのボタン(デスクトップ、タブレット、スマートフォンのボタン)でプレビュー表示を確認できます。変更を加えながら、その都度どのように見えるかを確認すると効率的です。
個別のページを編集している最中も、編集画面の右上にある3つのボタン(デスクトップ、タブレット、スマートフォンのボタン)でプレビュー表示を確認できます。変更を加えながら、その都度どのように見えるかを確認すると効率的です。
公開前のチェックリスト
プレビュー画面で、特に以下の点を確認することをお勧めします。
レイアウト: 画像や表が画面からはみ出したり、小さすぎたりしていないか。
コンテンツ: 誤字脱字はないか。文章の改行位置は不自然でないか。
画像: 表示させたい画像が、正しい場所に、正しいサイズで表示されているか。
統一感: 文字のサイズや色、全体のデザインテイストがサイト全体で統一されているか。
【重要】プレビュー機能に関する注意点
プレビュー画面は、あくまで「見た目」を確認するための機能です。以下の機能は動作しませんので、ご注意ください。
- ページ間のリンクをクリックして、ページ移動することはできません。
- お問い合わせフォームに文字を入力したり、テスト送信したりすることはできません。
よくあるトラブルと解決策
問題:編集した内容がプレビューに反映されない
解決策: 編集後に編集画面内の「保存」ボタンをクリックしたかどうかご確認ください。それでも反映されない場合は、ブラウザの古い情報(キャッシュ)が原因の可能性があります。キーボードの「F5」キー(Macの場合は Command+R)でページを再読み込みしてみてください。
問題:プレビューと、公開した実際の画面の表示が少し違う
解決策: ご覧になっているモニターの画面サイズや解像度の違いによる差異である可能性があります。最終的な見た目は、実際のスマートフォンやPCで確認することをお勧めします。