WordPressの記事公開時とカテゴリーが未選択の場合に確認アラート！

公開日：2014年6月5日
最終更新日: 2015年2月24日

wp_alert_photo_01

こんにちは！

私は記事を作成している途中に間違えて「公開」ボタンをクリックし、記事を公開してしまったり、カテゴリーのチェックを付け忘れたまま公開してしまったりするケースが多々あります。

公開した後に、慌てて修正するのですが、できるだけ事前に予防できるようにしたいです。そこで今回は記事の公開時とカテゴリー未選択の場合に確認アラートが出るように設定したいと思います。

うっかりミスを限りなく減らせますので、ぜひお試しください。

目次！

1.カテゴリー未選択の場合の確認アラート設定！
2.記事公開時に確認アラート設定！

カテゴリー未選択の場合の確認アラート設定！

カテゴリーが未選択の場合に「公開」ボタンをクリックすると「カテゴリーが選択されていません。」と表示されるように設定してみたいと思います。

「functions.php」にコードを追加！

以下のコードを「functions.php」に追加してください(一番下で大丈夫だと思います。)。何かがあった時のために必ず「functions.php」をバックアップしておいてください。

if ( !has_action( 'admin_footer', 'alert_category' ) ){
  add_action( 'admin_footer' , 'alert_category' );
}
function alert_category() {
echo <<< EOF
<script type="text/javascript">	

  jQuery("#post").attr("onsubmit", "return check_category();");

  function check_category(){
    var check_num = jQuery("#categorychecklist input:checked").length;
    if(check_num <= 0){
      alert("カテゴリが選択されていません。");
      jQuery("#ajax-loading").css("visibility","hidden");
      jQuery("#publish").removeClass("button-primary-disabled");
      return false;
    }else if(check_num >= 2){
      alert("2つ以上の親カテゴリは選択できません。");
      jQuery("#ajax-loading").css("visibility","hidden");
      jQuery("#publish").removeClass("button-primary-disabled");
      return false;
    }else{
      return true;
    }
  }

</script>';
EOF;
}

上記のコードを追加し、実際に管理画面でどのように表示されるかチェックしてみます。

管理画面でのチェック！

実際に管理画面でカテゴリーが未選択の場合は以下のようなアラートが表示されます。

wp_alert_photo_02

これでカテゴリーチェックの付け忘れはなくなりますね。

上記のコードではカテゴリーを複数チェックしたらアラートが出てくるようになっています。ご注意ください。

記事公開時に確認アラート設定！

次に記事を作成し「公開」ボタンをクリックした時に「記事を公開します。宜しいですか？」とアラートが表示されるようにしたいと思います。

「functions.php」にコードを追加！

$c_message = '記事を公開します。宜しいですか？';
 
function confirm_publish(){
 
// JavaScriptを管理画面フッターに挿入する
global $c_message;
echo '<script type="text/javascript"><!--
var publish = document.getElementById("publish");
if (publish !== null) publish.onclick = function(){
  return confirm("'.$c_message.'");
};
// --></script>';
}
add_action('admin_footer', 'confirm_publish');

上記のコードを追加し、実際に管理画面でどのように表示されるかチェックしてみます。