WordPress-custom-eyecatch (1)

広告

【裏ワザ】WordPressのカスタマイズが表示されない!?一瞬で解決できるぞ!

2017年2月5日

WordPressをカスタマイズしたのに、結果が直ぐに表示されないことありませんか?

OYAKUN
OYAKUN
あれ?なんで表示されないんだろう。記述した場所が違う?
それともどこかソース間違えたのかな?

原因を探りすぎて、次の日になったら何をカスタマイズしたかすら覚えてない...

僕です(泣)

そこで今回は、WordPressをカスタマイズした直後にカスタマイズ結果を一瞬で確認出来る裏ワザを教えちゃいます。

WordPressをカスタマイズして結果一瞬で表示させよう!

さて裏ワザを披露する前に、承知しておいてほしいことがあります。

今回ご紹介する方法は、「GoogleChrome」を利用します。※FireFoxやIEなどでの表示方法は試しておりません。

さてその裏技とは...

Chromeシークレットモードを使います

WordPressのカスタマイズ結果を直ぐに表示させるには、GoogleChromeの「シークレットモード」を使って、カスタマイズしたサイトを表示させれば良いだけ。

あひる
あひる
そもそもシークレットモードって何なの?

すぐにシークレットモードの使い方を見る↓

Chromeシークレットモードとは

シークレットタブで表示したページの記録は、シークレット タブをすべて閉じた後、ブラウザの履歴、Cookie の保存場所、検索履歴から消去されます。

ただし、ダウンロードしたファイルや作成したブックマークは保存されます。あらゆる場所に記録が一切残らないわけではありません。

あひる
あひる
なるほど、分からん!
ううこ
ううこ
Chromeのシークレットモードは、キャッシュを残さないブラウザの仕組みのことだ。

シークレットモードを使っても、雇用主、インターネット サービス プロバイダ、訪問先のウェブサイトに閲覧内容が知られる可能性はあります。

引用元:Google

シークレットモードの使い時

小難しい話をしている感じがしますが「シークレットモード」使っても、表示したサイトの閲覧履歴は残りません

友達のPC借りて

  • 自分のfacebook見たり
  • 自分のサイト見たり
  • パスワード解除してサイトを見る

といった時に使えるんですよね。

男の子のサイトもシークレットモードで見れば閲覧履歴も残らないので超オススメです。

あひる
あひる
なるほど、だからシークレットモードなのか
ううこ
ううこ
由来はわからないが、そういうこと

ただし個人使用のPCでは、一般的に閲覧出来ないだけです。

  • 契約先のプロバイダ
  • 雇用主(会社とかの)
  • アクセス先のウエブサイト

などなど、一部の情報は閲覧可能となっています。

シークレットモードの使い方の手順

WordPressでカスタマイズしたサイトを「Chromeのシークレットモード」で一瞬で表示させる方法です。

特に難しい操作はありません。

1. 画面右上端の下記場所を左クリックする。

Chrome画面で右上に点が3つ並んでいるので、そこを左クリックしてください。

2. 「新しいシークレット ウインドウ」を選択

メニュー・バーが出現するので、上から3つ目の「新しいシークレット ウインドウ」をクリック。

3. シークレットモードが表示される

シークレットモードで新しいタブが開かれ、以下状態になります。

あひる
あひる
背景が真っ黒になって、シークレットって感じだね。

4. カスタマイズ結果を一瞬で表示させよう!

試しにstyle.cssに追記してTOP記事のフォントカラーを赤くしてみました。表示すると元の「青い文字色」のままです。

【Nomal】

これをシークレットモードで表示させると...

【シークレット】

直ぐに「赤い文字色」で表示されました!

シークレットモードをショートカットキーで開く方法

ただこのシークレットモードを開く作業って、意外と手間。

いちいち画面の右上にあるメニューバー(点が3つ並んでいる場所:設定)をクリックして...って、WordPressのカスタマイズ毎に行うのって大変面倒ですよね。

なのでショートカットキーで開く方法をご紹介いたします。

macとwindowsで少し違いますが、一発でシークレットモードが開けるようになります

シークレットモードをショートカットキーで開くデメリット

  • Windows: Ctrl+Shift+N
  • Mac:Command+Shift+N

これで直ぐにシークレットモードを開けますね。

あひる
あひる
でもこれだと、マウスから手を離さないといけなくて面倒だよ〜

そうなんです。

シークレットモードをショートカットキーで開く時、両手で操作しないといけません。

さらにシークレットモードでページを開くと、元のブラウザのページが消えてしまうんですよね。新たにサイトのURLなど入力する手間ができてしまいます。

そこで!

  • ワンクリックで
  • シークレットモードを開く!

そんな超裏ワザをご提供いたします。

あひる
あひる
最初からそのやり方教えてくれれば
ううこ
ううこ
文字数稼ぎすぎだ

シークレットモードをアドオンで表示させる手順(オススメ)

GoogleChromeには「アドオン」といってiPhoneをアプリでカスタマイズするように、ブラウザ機能を拡張出来る無償のプログラムがあります。

メニューバーに表示されるこれですね↓

因みに上画像のアドオンをご紹介しておくと

  • *左側(ぞうのマーク):Evernote Web Clipper
  • *右側(オレンジOFFマーク):Page Analytics (by Google)

という名前のアドオンです。(それぞれの役割はここでは割愛。)

ではアドオンで機能を拡張して、シークレットモードをワンクリックで表示させましょう!

1. Chromeウエブストアを開く

先ずはChrome ウェブストアを開きます。

Chrome ウェブストア

2. 検索窓に「Incognito This!」と入力

Chromeウエブストアの検索窓に「Incognito This!」と入力します。

アドオン名を省略して検索はできません。以下テキストをコピペして入力することをオススメします。

Incognito This!

Enter押すと、以下のように右側にプログラムが一覧で表示されます。

3. Incognito This!をChromeに追加する

Incognito This!」を選択して「Chromeに追加ボタン」を押します。

「Incognito This!」を追加しますか?と聞かれるので「拡張機能を追加」をクリック。

するとメニューバーにシークレットおじさん?が追加されます。

メニューバーにいるおじさんを押すことで、ワンクリックでシークレットモードを表示することが可能です。

最適化!WordPress・内部リンク専用プラグインShow Article Mapがスゴイ

シークレットモードをさらに使いやすくする

これでシークレットモードをワンクリックで開くことが出来るようになりました。

だがしかし!

シークレットモードを閉じた時、元のサイトも閉じられてしまいます。それじゃあまたサイト開かないといけないので、とっても面倒です。

なのでもう一手間加えておきましょう。

オプションから「Incognito This!」を導入する

「Incognito This!」のおじさんアイコンにカーソルを持っていき、右クリックするとメニューバーが開くので「オプション」を選択してクリック。

すると「Incognito This! - Options」という画面が表示されるので、

Close the original tab.」という表示の左側の✓を外します。

これでシークレットモードで開いたサイトを閉じても、元のサイト表示は消えなくなります。

最初に設定しておけばずっとラクに作業が進められるので、とってもオススメな設定ですよ(^^)

関連WordPressの画像を別ページで開かずにポップアップさせよう!

WordPressをカスタマイズ!一瞬で結果を表示させるまとめ

WordPressをカスタマイズして一瞬で結果を表示させる裏ワザでした。

ただシークレットモードを開くだけなんですけどね;

  1. シークレットモードを開く
  2. シークレットモードでカスタマイズサイトを表示する
  3. プラスαで設定すると尚良し

特に難しい内容ではないのですが、WordPressのキャッシュ系のプラグインをインストールしている方にはお役に立てたかな...

WordPressカスタマイズやっているとキャッシュクリアとか面倒だったりするので、個人的にはとっても重宝してる拡張機能です(^^)

OYAKUN
OYAKUN
ほんとにカンタンなので、ぜひ試してみて下さい!

関連記事: WordPressにテーブルを作成するならInline Google Spreadsheet Viewer一択!
関連記事: WordPressでアイキャッチが設定できない原因は表示オプションのチェック漏れ
関連記事: WordPressの管理画面に404でログインできない時の解決方法