【Cocoon】レスポンシブテスト・Sizzy・Resolution Testって何?~管理者パネルで解決~

WordPress

とりえあさん家のがんばるブログDay5

少しずつ暑くなってきました。WordPressで文字を書くことには慣れてきました。
自分のWebサイトを見ると、下の方に知らないタグ?がでていました。
(あとでタグと思っていたものが『管理者パネル』という正式名称だったことに気づきました。)

なにそれ?おいしいの?必要なの?消せないの?邪魔じゃない?

WordPressにログインしている状況で自分のサイトを見ると出現するものでした。
スマホで操作しているときに、フッターボタンと重なってしまうので不便。

レスポンシブテスト、Sizzy、Resolution Testとは何か?すら知らない私。
どういった機能を持つものなのか、表示を消せるのか?をまとめました。

レスポンシブテストとは?

レスポンシブテストは、自分が作ったWebサイトの表示が実際どんな感じか?を示してくれるサービスです。執筆時点での私は登録などの画面にたどり着いていないので、無料なはず!

スマホやタブレットでみたときにどのように表示されているのかも一緒に確認できます。

レスポンシブテストの一部分を切り取りました

Sizzyとは?

Sizzyは、自分が作ったWebサイトを異なるデバイスで表示することが可能なサービスです。

スマホ、タブレット、PCでWebサイトの表示が異なりますよね。
Sizzyを使って、「スマホだったらどんな感じ?」、「タブレットだったらどんな感じ?」、んなどとチェックできます。便利なのは、一度にまとめて表示することが可能な点です。ただし有料。無料お試し期間はあります。

レスポンシブテストをすれば、様々なデバイスでの表示が見られます。あえてSizzyに登録する必要性がないです。超初心者級の私にとっては、Sizzyはパス!

Resolution Testとは?

Resolution Testとは、デスクトップ、スマホ、タブレットなどで表示したときの解像度を確認できるサービスです。

Webサイトが充実してきたときには、必要なチェックなのでしょう。
超初心者級の私にとっては、まだまだ出番がなさそうな機能です。

表示・非表示は『管理者画面』から行う

Webサイトの作りについてはすべてWordPressの中に答えがあります

WordPressの左メニュー欄からCocoon設定→管理者画面→管理者パネルを開きます。

管理者パネル表示を開くと、全て表示、PCのみ表示、モバイルのみ表示、表示しない、という選択肢が出ます。PCのみ表示を選択すれば、モバイル操作の邪魔になりません。

表示そのものを消そうと思えば、下の方にスクロールすると、レスポンシブツールエリアがあります。ここのチェックを外せば非表示になります。もし表示させたいなら、レスポンシブツールエリアの表示でチェックします。

とりえあさん
とりえあさん

無事非表示にできました。

今日はここまでです。CocoonやWordPressの操作は難しいですな~。1個1個調べると分かってきます。少しずつ成長している感じが味わえるのはうれしいですね。

コメント

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