הסרת תג פסקה ריק בעזרת קיצור קוד

תיאור:

הסניפט הבא (קצת מורכב) מגיע בשלושה חלקים ועוזר לנו להסיר תג פסקה (p) ריק באזורים שאנו רוצים בעזרת קיצור קוד כלומר תוך כדי שאנו כותבים פוסטים / דפים. שימו לב כי יש שלושה חלקים לסניפט זה. הראשון והשני הולכים לקובץ functions.php והשלישי הוא קובץ נפרד מסוג ג'אווה סקריפט שאנו מכלילים. שימו לב לשנות את מסלול ההכללה במקטע הקוד הראשון למסלול של קובץ הJS / המיקום בו שמתם את קובץ הJS.

first קוד:

  • מה: פונקציה שמכלילה את קובץ הJS בו הפקודה
  • איפה: בקובץ functions.php
// FRONTEND SIDE JS
function shortcodes_frontend_js() {
    wp_enqueue_script( 'unwanted-tags', get_bloginfo('template_url').'/js/remove-unwanted-tags.js', array('jquery'));
}
add_action('wp_enqueue_scripts', 'shortcodes_frontend_js');

// THE SHORTCODE
function sagive_remove_p( $atts, $content = null ) {
   return '<div id="removep">'.do_shortcode($content).'</div>';
}
add_shortcode('removep', 'sagive_remove_p');

second קוד:

  • מה: קובץ JS אשר מכיל פונקצית jQuery להסרת פסקאות ריקות
  • איפה: קובץ בפני עצמו בשם remove-unwanted-tags.js. עדיף למקם בתוך תיקייה בשם JS
jQuery(function($){
	$("div#removep p").each(function() {
    var $this = $(this);
    if($this.html().replace(/\s| /g, '').length == 0)
        $this.remove();
	});
})

third קוד:

  • מה: דוגמה לשימוש בקיצור קוד
  • איפה: בעת שאתם כותבים פוסט / דף באתר שלכם. ישירות בעורך...
אני טקסט לדוגמה... מתחתי אשים שתי שורות ריקות. וורדפרס יהפוך אחת מהן לפסקה ריקה אבל הקיצור קוד שהכנו יסיר אותה! אני שורה אחרונה לדוגמה

סניפטים דומים: