Secura Vita

wordpressの間違い投稿は危険

私もたまにやってしまうのですが、カテゴリをチェックし忘れてたりパーマリンクが日本語のままだったりと。

すぐに気がつけばいいのですが、しばらく忘れてて望まない形でGoogleにインデックスされてしまったりしますよね。

公開と同時にtwitter等のソーシャルメディアに自動で投稿するようにしてたりするとやっかいですよね。

そんな間違いをチェックし、公開ミスを防ぐためにjQueryのスクリプトを書きましたのでよければご参考まで。

こんなアラートをだします。

ソース

add_action( 'admin_head-post.php', 'check_publish_post' );
add_action( 'admin_head-post-new.php', 'check_publish_post' );
function check_publish_post() {
    
    if( get_post_type() == 'post' ) {        
    
        add_action( 'admin_print_footer_scripts' , 'check_publish_post_scripts' );
        function check_publish_post_scripts() {
            echo <<<EOF
<script>
(function($) {

    //▽エンターキー無効
    $('input').on('keypress' , function(event) {
        return event.which !== 13;
    });
    //△エンターキー無効
    
    //▽チェック処理
    $('input[name=publish]').click(function() {
    
        //▼タイトルのチェック
        if( !$('input[name=post_title]').val() ) {
            alert('タイトルが入力されていません');
            return false;
        }
        //▲タイトルのチェック
        
        //▼パーマリンクのチェック
        var post_title = $('#editable-post-name-full').val();
        if( !post_title ) {
            alert( 'パーマリンクが決定されていません。' );
            return false;
        } else if( !post_title.match(/^[a-z0-9\-_]+$/g) ){
            alert('パーマリンクに使用できない文字を含んでいます。');
            return false;
        }
        //▲パーマリンクのチェック
        
        //▼カテゴりーのチェック
        if( !$('#taxonomy-category input[type=checkbox]').is(':checked') ) {
            alert( 'カテゴリーがチェックされていません' );
            return false;
        }
        //▲カテゴりーのチェック
 
        //▼タグのチェック
        if( !$('#post_tag .tagchecklist span').length ) {
            alert('タグが設定されていません');
            return false;
        }
        //▲タグのチェック
        
        //▼アイキャッチのチェック
        if( !$('#set-post-thumbnail img').length ) {
            alert('アイキャッチが設定されていません');
            return false;
        }
        //▲アイキャッチのチェック
        
        //▼最終確認
        if( $('input#in-category-1').is(':checked') && $('input#in-category-1').parent().text().indexOf('未分類') ) {
            if( !confirm('カテゴリ「未分類」にチェックされています。公開してもよろしいですか？') ) return false;
        } else {
            if( !confirm('公開します。よろしいですか？') ) return false;
        }
        //▲最終確認

    });
    //△チェック処理
    
})(jQuery);
</script>
EOF;
        }
        
    }
}

上記のものをfunctions.phpに貼り付けてください。

※2019/10/03 jsソースを一部修正しました。

解説

チェック動作する場面は「公開」「予約投稿」です。
「下書き」「更新」はチェックしません。

処理は上から順番に行っていきます。

add_action( 'admin_head-post.php' , 'check_publish_post' );
add_action( 'admin_head-post-new.php' , 'check_publish_post' );

if(get_post_type() == 'post')

if(get_post_type() == '{ポストタイプ名}')

add_action( 'admin_print_footer_scripts' , 'check_publish_post_scripts' );

check_publish_post_scripts()

ここで各項目のチェック（jQuery）を行います。

いらないものは削除でOKです。
//▼ から //▲ を削除してください。

投稿実行時

//▽エンターキー無効
$('input').on('keypress' , function(event) {
	return event.which !== 13;
});
//△エンターキー無効

//▽チェック処理
$('input[name=publish]').click(function() {

エンターキーで投稿を無効化します。

「更新」時はスルーしたいので上記のように書きました。

更新時もチェックする場合はエンターキーの記述無しで

$('form[name=post]').submit(function() {

でOKです。

タイトルのチェック

//▼タイトルのチェック
if( !$('input[name=post_title]').val() ) {
	alert('タイトルが入力されていません');
	return false;
}
//▲タイトルのチェック

wordpressはタイトルなしでも投稿できてしまうのでそのチェックです。

パーマリンクのチェック

//▼パーマリンクのチェック
var post_title = $('#editable-post-name-full').val();
if( !post_title ) {
	alert( 'パーマリンクが決定されていません。' );
	return false;
} else if( !post_title.match(/^[a-z0-9\-_]+$/g) ){
	alert('パーマリンクに使用できない文字を含んでいます。');
	return false;
}
//▲パーマリンクのチェック

タイトルを入力し、ページの何処かをクリックするとパーマリンクが決定されます。

日本語タイトルだと日本語がそのままはいってしまうのでそのチェックもかけてます。

チェックは「半角英時（小文字）半角数字、-（半角ハイフン）、_（半角アンダーバー）」です。

日本語タイトルでもいいよって方はelse移行を削除してください。

なお、パーマリンク設定を「%postname%」以外にしてる場合はこのチェック全てを削除してください。

---

※2019/10/03追記

パーマリンクの取得を書き直しました。

var post_title = $('#editable-post-name').text();
↓
var post_title = $('#editable-post-name-full').val();

前の書き方だとパーマリンクが長くなると表示が省略されてしまい、使いない文字を含んでしまうためです。

HTMLソースを調べてみると#editable-post-name-fullというdivがあり、そこにはフルで格納されてるみたいなのでそっちから取得するようにしました。

カテゴリーのチェック

//▼カテゴりーのチェック
if( !$('#taxonomy-category input[type=checkbox]').is(':checked') ) {
	alert( 'カテゴリーがチェックされていません' );
	return false;
}
//▲カテゴりーのチェック

カテゴリのチェックです。

wordpressの投稿はカテゴリー必須です。選択していないとデフォルトで指定されたカテゴリー（初期：未分類）に入ります。

パーマリンク設定に「%categoey%」を使用している場合も多いと思いますので必須チェックですね。

カスタムタクソノミーの場合はIDが「#taxonomy-{タクソノミー名}」になります。

タグのチェック

//▼タグのチェック
if( !$('#post_tag .tagchecklist span').length ) {
	alert('タグが設定されていません');
	return false;
}
//▲タグのチェック

任意で。基本は削除でいいと思います。

アイキャッチのチェック

//▼アイキャッチのチェック
if( !$('#set-post-thumbnail img').length ) {
	alert('アイキャッチが設定されていません');
	return false;
}
//▲アイキャッチのチェック

これも任意で。

最終確認

//▼最終確認
if( $('input#in-category-1').is(':checked') && $('input#in-category-1').parent().text().indexOf('未分類') ) {
	if( !confirm('カテゴリ「未分類」にチェックされています。公開してもよろしいですか？') ) return false;
} else {
	if( !confirm('公開します。よろしいですか？') ) return false;
}
//▲最終確認

問題がない場合、「公開しますか？」の確認ボックスがでます。

カテゴリーに「未分類」が設定されてた場合はその確認も表示します。

この「未分類」はカテゴリーIDが1で名前が「未分類」というチェックです。初期値から変更している場合は動作しません。

※各チェックのテキストは任意で変更してください。

補足

add_action( 'admin_print_footer_scripts' , 'check_new_post_script' );
function check_new_post_script() {
	echo <<<EOF
<script>
(function($) {
	//エンターキー無効
	$('form[name=post] input').on('keypress' , function(event) {
		return event.which !== 13;
	});

	//チェック処理
	$('input[name=publish]').click(function() {
		if( !confirm('公開します。よろしいですか？') ) return false;
	});
})(jQuery);
</script>
EOF;
} 

こんな感じです。

公開ミスが多いので自分用に作ってみたのを拡張させた感じですかね。

分岐をいっぱい書けばそれぞれの投稿タイプごとに処理を分けたり、カスタムフィールドのチェックなんかも行えますね。

使いやすいようにカスタマイズしてみてください。