【WordPress】「メディアを追加」の横に「プレビュー(新しいタブで開く)」を設置

「プレビュー(新しいタブで開く)」を設置する

投稿画面の右サイドバーの「プレビュー」ボタンは下へスクロールすると隠れてしまうので、function.phpを編集して「メディアを追加」の横にスクロールしても追随する「プレビュー(新しいタブで開く)」を設置します。

function.php
function add_custom_preview_button() {
  ?>
  <script>
    (function($) {
      $('#wp-content-media-buttons').append('<a id="custom-preview" class="button">'+ $('#post-preview').text() +'</a>');
      $(document).on('click', '#custom-preview', function(e) {
        e.preventDefault();
        $('#post-preview').click();
      });
    }(jQuery));
  </script>
  <?php
  }
  add_action( 'admin_footer-post-new.php', 'add_custom_preview_button' );
  add_action( 'admin_footer-post.php', 'add_custom_preview_button' );

Yuki Nakata

中田デザイン事務所 代表。
WEBデザイナー(フリー)/ WEB講師(非常勤)/ 海外販売(法人)他

お仕事のご相談はお問い合わせフォームへお願いします。