行き着く先はあんこ

Bloggerのプレビュー画面を使いやすくする

blogger-preview

Bloggerでは編集画面から記事のプレビューが確認できます。でも、確認出来るだけでリンクはクリックできません。これ、地味に不便です。

どうにかならないかと調べたたところあっさり解決したので、紹介します。

あと、プレビューでは使えないガジェットも一応は使えるようになります。

スポンサーリンク

プレビュー画面がブロックされている

プレビューを表示したとき、自動的に.blogger-clickTrapというdiv要素が画面全体を覆うようになります。

この要素はクリックしても何も反応しないので、プレビュー画面のリンクが無効化されたようになるわけです。

cssで無効化する

ブロック要素を無効化すればプレビュー画面のリンクも使えるようになります。

で、無効化するにはcssに以下のコードを追加するだけ。

/*プレビュー画面のブロック無効化*/
.blogger-clickTrap {display: none;}

Feedガジェットを使えるようにする

無事にプレビュー画面が機能するようになったのですが、ふとFeedガジェットを見てみると、

Feedガジェットがまだ使えないとの表示があった。

このコンテンツは、セキュリティ保護された接続ではまだご利用いただけません。

とのこと。いままでプレビュー画面でガジェットを気にしたことがなかったので使えないことは知りませんでした。

セキュリティ保護がどうとかなのでプレビュー画面のurlを「https://~」からhttps:を消したurl「//~」にしてみると、またもやあっさりとFeedガジェットが使えるようになりました。

確認してないのですが、Feedガジェット以外にも使えないものはこれで使えるようになるかもしれません。

でもセキュリティ面は確実にもろくなるのであまりおすすめできません。使わないのが無難です。

さいごに

これでBloggerのプレビュー画面でリンクをクリックして確認することができるようになります。プレビュー画面に不満があるなら試す価値はあります。

では!

スポンサーリンク

スポンサーリンク

コメントを残す