WordPressをカスタマイズしたのに、結果が直ぐに表示されないことありませんか?
![OYAKUN](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/oyakun.png)
それともどこかソース間違えたのかな?
原因を探りすぎて、次の日になったら何をカスタマイズしたかすら覚えてない...
僕です(泣)
そこで今回は、WordPressをカスタマイズした直後にカスタマイズ結果を一瞬で確認出来る裏ワザを教えちゃいます。
WordPressをカスタマイズして結果一瞬で表示させよう!
さて裏ワザを披露する前に、承知しておいてほしいことがあります。
今回ご紹介する方法は、「GoogleChrome」を利用します。※FireFoxやIEなどでの表示方法は試しておりません。
さてその裏技とは...
Chromeシークレットモードを使います
WordPressのカスタマイズ結果を直ぐに表示させるには、GoogleChromeの「シークレットモード」を使って、カスタマイズしたサイトを表示させれば良いだけ。
![あひる](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/ahirun01.png)
Chromeシークレットモードとは
シークレットタブで表示したページの記録は、シークレット タブをすべて閉じた後、ブラウザの履歴、Cookie の保存場所、検索履歴から消去されます。
ただし、ダウンロードしたファイルや作成したブックマークは保存されます。あらゆる場所に記録が一切残らないわけではありません。
![あひる](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/ahirun01.png)
![ううこ](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/wooko-1.png)
シークレットモードを使っても、雇用主、インターネット サービス プロバイダ、訪問先のウェブサイトに閲覧内容が知られる可能性はあります。
引用元:Google
シークレットモードの使い時
小難しい話をしている感じがしますが「シークレットモード」使っても、表示したサイトの閲覧履歴は残りません。
友達のPC借りて
- 自分のfacebook見たり
- 自分のサイト見たり
- パスワード解除してサイトを見る
といった時に使えるんですよね。
男の子のサイトもシークレットモードで見れば閲覧履歴も残らないので超オススメです。
![あひる](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/ahirun01.png)
![ううこ](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/wooko-1.png)
ただし個人使用のPCでは、一般的に閲覧出来ないだけです。
- 契約先のプロバイダ
- 雇用主(会社とかの)
- アクセス先のウエブサイト
などなど、一部の情報は閲覧可能となっています。
シークレットモードの使い方の手順
WordPressでカスタマイズしたサイトを「Chromeのシークレットモード」で一瞬で表示させる方法です。
特に難しい操作はありません。
1. 画面右上端の下記場所を左クリックする。
Chrome画面で右上に点が3つ並んでいるので、そこを左クリックしてください。
![](http://xn--t8j3bz04sl3w.xyz/wp-content/uploads/2017/02/9a53578dacfd78a22704d20aedc7bdf3.png)
2. 「新しいシークレット ウインドウ」を選択
メニュー・バーが出現するので、上から3つ目の「新しいシークレット ウインドウ」をクリック。
![](http://xn--t8j3bz04sl3w.xyz/wp-content/uploads/2017/02/69816c2ec91bdc56e335f0b3e0faf8b0-e1486254529686.png)
3. シークレットモードが表示される
シークレットモードで新しいタブが開かれ、以下状態になります。
![](http://xn--t8j3bz04sl3w.xyz/wp-content/uploads/2017/02/712dcb6814e63afa8e3beec5d280e849-e1486255103799.png)
![あひる](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/ahirun01.png)
4. カスタマイズ結果を一瞬で表示させよう!
試しにstyle.cssに追記してTOP記事のフォントカラーを赤くしてみました。表示すると元の「青い文字色」のままです。
![](http://xn--t8j3bz04sl3w.xyz/wp-content/uploads/2017/02/e814566799accfdbb4ef1c90bf05e196-e1486254911153.png)
【Nomal】
これをシークレットモードで表示させると...
![](http://xn--t8j3bz04sl3w.xyz/wp-content/uploads/2017/02/6c7591d82cb8422ca2d607d03494da41-e1486255325986.png)
【シークレット】
直ぐに「赤い文字色」で表示されました!
シークレットモードをショートカットキーで開く方法
ただこのシークレットモードを開く作業って、意外と手間。
いちいち画面の右上にあるメニューバー(点が3つ並んでいる場所:設定)をクリックして...って、WordPressのカスタマイズ毎に行うのって大変面倒ですよね。
なのでショートカットキーで開く方法をご紹介いたします。
macとwindowsで少し違いますが、一発でシークレットモードが開けるようになります。
シークレットモードをショートカットキーで開くデメリット
- Windows: Ctrl+Shift+N
- Mac:Command+Shift+N
これで直ぐにシークレットモードを開けますね。
![あひる](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/ahirun01.png)
そうなんです。
シークレットモードをショートカットキーで開く時、両手で操作しないといけません。
さらにシークレットモードでページを開くと、元のブラウザのページが消えてしまうんですよね。新たにサイトのURLなど入力する手間ができてしまいます。
そこで!
- ワンクリックで
- シークレットモードを開く!
そんな超裏ワザをご提供いたします。
![あひる](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/ahirun01.png)
![ううこ](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/wooko-1.png)
シークレットモードをアドオンで表示させる手順(オススメ)
GoogleChromeには「アドオン」といってiPhoneをアプリでカスタマイズするように、ブラウザ機能を拡張出来る無償のプログラムがあります。
メニューバーに表示されるこれですね↓
![](http://xn--t8j3bz04sl3w.xyz/wp-content/uploads/2017/02/9a53578dacfd78a22704d20aedc7bdf3-1-e1486262160753.png)
因みに上画像のアドオンをご紹介しておくと
- *左側(ぞうのマーク):Evernote Web Clipper
- *右側(オレンジOFFマーク):Page Analytics (by Google)
という名前のアドオンです。(それぞれの役割はここでは割愛。)
ではアドオンで機能を拡張して、シークレットモードをワンクリックで表示させましょう!
1. Chromeウエブストアを開く
先ずはChrome ウェブストアを開きます。
![](http://xn--t8j3bz04sl3w.xyz/wp-content/uploads/2017/02/3a14cc09475406a8e3cf1eab97b77c49-e1486262993415.png)
2. 検索窓に「Incognito This!」と入力
Chromeウエブストアの検索窓に「Incognito This!」と入力します。
アドオン名を省略して検索はできません。以下テキストをコピペして入力することをオススメします。
Incognito This!
![](http://xn--t8j3bz04sl3w.xyz/wp-content/uploads/2017/02/d0e36d5d40782d014adc621b71547645-e1486263515434.png)
Enter押すと、以下のように右側にプログラムが一覧で表示されます。
![](http://xn--t8j3bz04sl3w.xyz/wp-content/uploads/2017/02/d89996839cff4842f9a12302e1ba803a-e1486264249819.png)
3. Incognito This!をChromeに追加する
「Incognito This!」を選択して「Chromeに追加ボタン」を押します。
![](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/2017/02/23a79ac44d9a22ffb95c6b2626defecc-e1486264535360.png)
「Incognito This!」を追加しますか?と聞かれるので「拡張機能を追加」をクリック。
![](http://xn--t8j3bz04sl3w.xyz/wp-content/uploads/2017/02/c29868b32fcd89a40d5d42029edd6fc5-e1486264630696.png)
するとメニューバーにシークレットおじさん?が追加されます。
![](http://xn--t8j3bz04sl3w.xyz/wp-content/uploads/2017/02/716a28d2180f757755ecd557f1141f0c-e1486264813333.png)
メニューバーにいるおじさんを押すことで、ワンクリックでシークレットモードを表示することが可能です。
最適化!WordPress・内部リンク専用プラグインShow Article Mapがスゴイ
シークレットモードをさらに使いやすくする
これでシークレットモードをワンクリックで開くことが出来るようになりました。
だがしかし!
シークレットモードを閉じた時、元のサイトも閉じられてしまいます。それじゃあまたサイト開かないといけないので、とっても面倒です。
なのでもう一手間加えておきましょう。
オプションから「Incognito This!」を導入する
「Incognito This!」のおじさんアイコンにカーソルを持っていき、右クリックするとメニューバーが開くので「オプション」を選択してクリック。
![](http://xn--t8j3bz04sl3w.xyz/wp-content/uploads/2017/02/df046fb41bffb61b9e833ba182b16358-e1486265486442.png)
すると「Incognito This! - Options」という画面が表示されるので、
![](http://xn--t8j3bz04sl3w.xyz/wp-content/uploads/2017/02/Incognito_This__-_Options-2-e1486265728736.png)
「Close the original tab.」という表示の左側の✓を外します。
![](http://xn--t8j3bz04sl3w.xyz/wp-content/uploads/2017/02/Incognito_This__-_Options-e1486265814110.png)
これでシークレットモードで開いたサイトを閉じても、元のサイト表示は消えなくなります。
最初に設定しておけばずっとラクに作業が進められるので、とってもオススメな設定ですよ(^^)
関連WordPressの画像を別ページで開かずにポップアップさせよう!
WordPressをカスタマイズ!一瞬で結果を表示させるまとめ
WordPressをカスタマイズして一瞬で結果を表示させる裏ワザでした。
ただシークレットモードを開くだけなんですけどね;
- シークレットモードを開く
- シークレットモードでカスタマイズサイトを表示する
- プラスαで設定すると尚良し
特に難しい内容ではないのですが、WordPressのキャッシュ系のプラグインをインストールしている方にはお役に立てたかな...
WordPressカスタマイズやっているとキャッシュクリアとか面倒だったりするので、個人的にはとっても重宝してる拡張機能です(^^)
![OYAKUN](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/oyakun.png)
関連記事: WordPressにテーブルを作成するならInline Google Spreadsheet Viewer一択!
関連記事: WordPressでアイキャッチが設定できない原因は表示オプションのチェック漏れ
関連記事: WordPressの管理画面に404でログインできない時の解決方法