Как сделать заголовок при создании поста обязательным WordPress
Нередко создавая сайт на заказ, нам приходится сталкиваться с нестандартными пожеланиями клиента. Например в одном из последних проектов, заказчик пожелал, что-бы при создании статей, поле «Заголовок» было обязательно к заполнению и при попытке сохранить запись с пустым заголовком необходимо было выдавать ошибку с просьбой заполнить это самое поле.
Как ни странно, из коробки такой возможности у WordPress нет, поэтому пришлось прибегнуть к созданию функции, которая выполняла бы необходимый функционал.
А вот так будет выглядеть ошибка, если попытаться добавить пост с пустым (не заполненным) заголовком.
Код можно разместить напрямую в файле functions.php
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
add_action( 'edit_form_advanced', 'force_post_title' ); function force_post_title( $post ) { $post_types = array( 'post', ); if ( ! in_array( $post->post_type, $post_types ) ) { return; } ?> <script type='text/javascript'> ( function ( $ ) { $( document ).ready( function () { $( 'body' ).on( 'submit.edit-post', '#post', function () { if ( $( "#title" ).val().replace( / /g, '' ).length === 0 ) { if ( !$( "#title-required-msj" ).length ) { $( "#titlewrap" ) .append( '<div id="title-required-msj"><em>Заголовок обязательное поле.</em></div>' ) .css({ "padding": "5px", "margin": "5px 0", "background": "#ffebe8", "border": "1px solid #c00" }); } $( '#major-publishing-actions .spinner' ).hide(); $( '#major-publishing-actions' ).find( ':button, :submit, a.submitdelete, #post-preview' ).removeClass( 'disabled' ); $( "#title" ).focus(); return false; }else{ $( "#titlewrap" ).css({ "padding": "0", "margin": "0", "background": "#fff", "border": "none" }); $('#title-required-msj').remove(); } }); }); }( jQuery ) ); </script> <?php } |
Функция предельно проста и основана в на JavaScript. Все что нам необходимо это — повесить выполнение функции на событие (хук), что бы ее выполнение происходило в нужный нам момент.
Хук — Событие edit_form_advanced — позволяет нам управлять содержимым, отображаемым после вывода всех метабоксов на странице редактирования, создания поста.
В этот момент мы выполняем простой, JavaScript код, который отслеживает нажатие кнопки обновления, публикации и в случае если поле «Заголовок» пустое, выводит предупреждение и завершает дальнейшее выполнение кода.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
( function ( $ ) { $( document ).ready( function () { //Require post title when adding/editing Project Summaries $( 'body' ).on( 'submit.edit-post', '#post', function () { // If the title isn't set if ( $( "#title" ).val().replace( / /g, '' ).length === 0 ) { // Show the alert if ( !$( "#title-required-msj" ).length ) { $( "#titlewrap" ) .append( '<div id="title-required-msj"><em>Заголовок обязательное поле.</em></div>' ) .css({ "padding": "5px", "margin": "5px 0", "background": "#ffebe8", "border": "1px solid #c00" }); } // Hide the spinner $( '#major-publishing-actions .spinner' ).hide(); // The buttons get "disabled" added to them on submit. Remove that class. $( '#major-publishing-actions' ).find( ':button, :submit, a.submitdelete, #post-preview' ).removeClass( 'disabled' ); // Focus on the title field. $( "#title" ).focus(); return false; |
По аналогии с данным примером, мы можем отслеживать заполненность любых полей на странице редактирования, добавления поста.