PCからCocoonで作成したブログをスマホでの表示画面の確認方法

PCからcocoonで作成したブログをスマホで見た常時する方法Cocoon

パソコンからスマホ画面のプレビューを確認する手順

パソコンからスマホ画面のプレビューの確認方法は非常に簡単です。

まず以下の手順を行います。

▼スマホ画面確認手順▼
  1. 「プレビュー」をクリック
  2. 「カスタマイズ」をクリック
  3. 「スマホアイコン」をクリック

スマホ画面のプレビュー確認手順はコレだけです。

次に画像付きでわかりやすいように説明します。

WordPress「プレビュー」をクリック

こちらはWordPressの投稿編集ページ(クラシックエディター使用)の右上あたり下記の画像のような項目があります。

変更をプレビューをクリック

まず「変更をプレビュー」をクリックします。

「カスタマイズ」をクリック

サイトのプレビュー画面が表示されたら

左上のカスタマイズをクリック_

左上の「カスタマイズ」をクリックします。

 

「スマホアイコン」をクリック

左下にあるスマホのアイコンをクリック

 

左下あたりに左から「💻パソコン」「📱タブレット」「📱スマホ」の順にアイコン並んでいます。

「📱スマホ」のアイコンをクリックします。

スマホのプレビューを確認する

最初は「パソコン」のプレビュー画面でしたが「スマホ」アイコンをクリックするだけで「スマホのプレビュー」画面に瞬時に切り替わります。

スマホ画面のプレビュー確認_

 

▼ スマホ画面を確認するポイント !

スマホのプレビューも画面スクロールできるので作成したブログのレイアウトの確認ができます。

スマホ画面のレイアウトが変だったりや文字化けなどを発見したら投稿編集画面へ戻って修正しましょう。

修正が完了したら再度プレビューで確認します。

 

 

 

タイトルとURLをコピーしました