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

'22 02 24 '22 04 05

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

投稿画面の右サイドバーの「プレビュー」ボタンは下へスクロールすると隠れてしまうので、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' );