サポート » 使い方全般 » "変更をプレビュー"のショートカットキー

  • 解決済 Replicocko

    (@replicocko)


    投稿やページの作成画面で、修正 ↔ 確認を繰り返しているのですが、縦に長いコンテンツを編集する際に毎回上へスクロールしてから「変更をプレビュー」ボタンを押すのが手間です。

    キーボードのショートカットキーで対応していないのでしょうか?
    また、方法があればご教授下さい。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • ブラウザ画面を2つ開いて、作成画面で変更したものをプレビューの画面で再読み込みして確認しながら更新しています。

    将来的には機能として組み入れられるのを期待して「WordPress Front-end Editor」プラグインを近ごろは試用しています。
    テーマによってはかってが悪い面がまだ有ります。
    が、サイトでの表示を確認しながらできるのでビジュアル的に構成しやすいです。

    作成画面でプレビューがライヴで確認できるプラグインもあったかと思います。

    こんにちは

    管理パネルの上に黒いメニューありますよね、何もないところをクリックすると、ページトップへスクロールしますが、それとは関係ない話ですか?

    トピック投稿者 Replicocko

    (@replicocko)

    ご返信ありがとうございます。

    ブラウザ画面を2つ開いて、作成画面で変更したものをプレビューの画面で再読み込みして確認しながら更新しています。

    プレビュー画面をリロードしただけでは反映されない場面が多くあります。
    「変更をプレビュー」ボタンを押すと変更が反映されるので、やはりボタンを押す必要が出てくるんです。

    管理パネルの上に黒いメニューありますよね、何もないところをクリックすると、ページトップへスクロールします

    この機能の存在は知っています。
    今回望んでいるのは、トップへスクロールせず、編集画面の下の方にいる状態で「変更をプレビュー」ボタンを押したいんです。

    ————-

    現状ではショートカットキーは実装されていないのですかね。
    自由にショートカットキーの設定ができるようになると編集作業が捗るのですが、今後に期待するしかないのでしょうか。

    今回望んでいるのは、トップへスクロールせず、編集画面の下の方にいる状態で「変更をプレビュー」ボタンを押したいんです。

    ということですが、
    どのくらいの縦に長い内容になるのでしょう。右サイドの『公開』を程よい位置に移動させるのでは足りないくらいでしょうか。

    フルスクリーンモードで作成したのを保存してからプレビューをして確認するのもお手間でしょうか。

    トピック投稿者 Replicocko

    (@replicocko)

    デフォルトの左メニューバーの4倍位の長さです。
    更新ボタンや変更をプレビューボタンが追従してくれるといいんですが。

    Quick hack.

    <script type="text/javascript">
    window.onload = function() {
        var btn = document.getElementById("post-preview");
        var url = btn.getAttribute("href");
        window.onkeydown = function(event) {
            if (event.ctrlKey && event.keyCode == 80) {
                event.preventDefault();
                window.open(url, "preview");
            }
        };
    };
    </script>

    キーコードは自分で調べてアサインしてください。jQuery は必要ありません。ブラウザのポップアップ・ブロック解除をお忘れなく。

    トピック投稿者 Replicocko

    (@replicocko)

    ありがとうございます。助かりました

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • トピック「"変更をプレビュー"のショートカットキー」には新たに返信することはできません。