Firefox:Edit Page(ADD-on)

FirefoxのアドオンはFirebugがお気に入りなんですが、
今回、ページをビジュアル的に編集できるEdit Pageというアドオンを入れてみました。
インストールしたら、右クリックメニューにEdit Pageが追加されます。
選択すると編集モードみたいな感じになって、画像サイズの変更とか位置の調整とか
テキストの編集とかがFirefoxの画面上で出来るようになります。
この画像の様にクリックしたとこのサイズとか、
ハンドルで操作しながら確認出来ます。
【画像はFirebugと併せてつかってるところ】


もちろん、操作したらソースも自動で書き換えられるので、
画面で確認しながらFirebugを併せて使えばソースも確認しながら編集出来ます。
編集したとこのソースは、同じく右クリックから「選択した部分のソースを表示」で、

こんな感じで表示されます。
ただ、『ここを編集したい！』っていうところを中々選択出来なかったりします。
これは好みの問題がありそう。。

• 書いた人
• Latest Posts

About Little

WordPressをいじくり倒して早10年。一人ぼっちでひたすらソースとにらめっこ厨。 有り難いことに、Welcart/WP e-commerce/WooCommerce/EC-Cube等で多数ECサイトを制作させていただいたけど、ふと気付いた、ちゃんと売れるのか。 効果的に売れるようにするためにはどうしたらいいのか。ということでお勉強を兼ねてECサイトも運営中。

• Facebook GraphAPI v2.9でいいね・シェア数をPHPで取得して表示 - 2017年9月7日
• phpstormのFilewatcherでautoprefixerを使う方法 - 2017年1月19日
• Custom Field Templateを使用してのプレビューを実装 - 2016年1月14日
• WordPress：WooCommerceを使ってみて分かったこと - 2013年7月5日
• 誰得なプラグイン Ultimate Google Analytics改をひっそりと公開します - 2013年6月4日
• プラグイン『WooCommerce Fields for Japan』を公開しました - 2013年4月21日
• 公式 WordPress.orgプラグインディレクトリでのプラグイン公開のススメ - 2013年4月17日
• WordPress:WooCommerceを日本仕様へと日本語化 - 2013年4月15日
• webクリエイター パソコンを買う。 - 2013年3月16日
• WordPress:『続きを読む』read moreをpタグで囲む - 2013年3月5日