עריכה של מבנה אלמנט הבלוג (דפי קטגוריה / שליפת פוסטים)

על מנת לבצע שינויים במבנה אלמנט הבלוג – שיופיעו בדפי הקטגוריה או באלמנט הבלוג (של הבילדר עצמו), יש לבצע עריכה של הקובץ includes/content-post.php תחת עיצוב > עורך

כאן יפורטו שינויים נפוצים שלקוחות מבקשים בהקשר של שינויי מבנה לאלמנט הזה.

החלפת הסדר בין הכותרת לתמונה (כותרת קודם)

יש לקחת את הקוד של הכותרת (סביב שורה 250)

// title

$output .= '<div class="post-title">';

if( get_post_format() == 'quote' ){

// quote

$output .= '<blockquote><a href="'. esc_url(get_permalink()) .'">'. wp_kses(get_the_title(), mfn_allowed_html()) .'</a></blockquote>';

} elseif( get_post_format() == 'link' ){

// link

$link = get_post_meta(get_the_ID(), 'mfn-post-link', true);

$output .= '<i class="icon-link"></i>';
 $output .= '<div class="link-wrapper">';
 $output .= '<h4>'. wp_kses(get_the_title(), mfn_allowed_html()) .'</h4>';
 $output .= '<a target="_blank" href="'. esc_url($link) .'">'. esc_html($link) .'</a>';
 $output .= '</div>';

} else {

// default

$output .= '<h2 class="entry-title" itemprop="headline"><a href="'. esc_url(get_permalink()) .'">'. wp_kses(get_the_title(), mfn_allowed_html()) .'</a></h2>';

}

$output .= '</div>';

ולשים אותו אחרי ה-date_label, ולפני התחלת הקוד של התמונה שמתחיל ב-

// photo

הוספת תגיות מיד לפני הכותרת

על מנת להוסיף תגיות מיד לפני הכותרת, יש להוסיף את התוספת הבאה לשורה 150:

 $output .= '<div class="post-desc">' . '<div class="cat-wrapper">'. get_the_tag_list() .'</div>';

התאמת גדלים – כותרות ותקציר

על מנת להתאים בין גדלי הכותרות, יש להשתמש בקוד CSS הבא:

.post-title {
 min-height:115px;
}

על מנת להתאים בין גדלי התקצירים, בקוד הבא:

.post-excerpt {
 min-height:110px;
}

ניתן גם להגדיר קוד נפרד לכל קטגוריה, כך:

.category-36 .post-title {
 min-height:220px;
}

הוספת קישור לתמונה הכללית

כדי להוסיף קישור, יש להחליף את הקוד בשורה 72 בקוד הבא עם הקישור:

$output .= '<a href="' . esc_url(get_permalink()) .'"><div class="'. esc_attr($post_class) .'" style="'. esc_attr($bg_color) .'">';

ולהוסיף בשורה 286 את הסיומת של הקישור, כך:

$output .= '</div></a>';

הגדלת התמונה לגודל מלא (ללא חיתוך)

תחת מבנה הבלוג של Masonry Tiles התמונה מוצגת בגודל מלא, בשאר התצורות יש חיתוך לתמונה – כל תצורה לגופה.

כדי לייצר מבנה תמונה אחיד ומלא (Full Size) לפריטי הבלוג, יש להעתיק את הקוד בשורה 119: (המבנה תמונה של ה-Masonry Tiles)

$output .= '<div class="post-photo-wrapper scale-with-grid">';
$output .= '<div class="image_wrapper_tiles">';
$output .= get_the_post_thumbnail( get_the_ID(), 'full', array( 'class'=>'scale-with-grid', 'itemprop'=>'image' ) );
$output .= '</div>';
$output .= '</div>';

לשורות 137-141, תחת // post image

החלפת הקישור לפוסט בקישור חיצוני (מותנה / חכם)

(מוגדר ב-Blueprint כברירת מחדל)

על מנת להחליף את הקישור לפוסט בקישור חיצוני מותנה חכם (רק אם הוגדר עבור הפוסט) יש לבצע החלפה בכמה מוקדים –

יש להחליף את הקוד הבא סביב שורה 250: (כותרת)

$output .= '<h2 class="entry-title" itemprop="headline"><a href="'. esc_url(get_permalink()) .'">'. wp_kses(get_the_title(), mfn_allowed_html()) .'</a></h2>';

בקוד המותנה הבא:

 $link = get_post_meta(get_the_ID(), 'mfn-post-link', true);
 if (empty($link)) {
 $output .= '<h2 class="entry-title" itemprop="headline"><a href="'. esc_url(get_permalink()) .'">'. wp_kses(get_the_title(), mfn_allowed_html()) .'</a></h2>';
 } else {
 $output .= '<h2 class="entry-title" itemprop="headline"><a target="_blank" href="'. esc_url($link) .'">'. wp_kses(get_the_title(), mfn_allowed_html()) .'</a></h2>';
 }

וכמו כן להחליף את הקוד הבא סביב שורה 279: (קישור קרא עוד)

$output .= '<i class="icon-doc-text"></i> <a href="'. esc_url(get_permalink()) .'" class="post-more">'. esc_html($translate['readmore']) .'</a>';

בקוד המותנה הבא:

 $link = get_post_meta(get_the_ID(), 'mfn-post-link', true);
 if (empty($link)) {
 $output .= '<i class="icon-doc-text"></i> <a href="'. esc_url(get_permalink()) .'" class="post-more">'. esc_html($translate['readmore']) .'</a>';
 } else {
 $output .= '<i class="icon-doc-text"></i> <a target="_blank" href="'. esc_url($link) .'" class="post-more">'. esc_html($translate['readmore']) .'</a>';
 }

לבסוף, יש להחליף את הקוד בפונקציה של התמונה של הפוסט, mfn_post_thumbnail:

יש לעבור לעריכה של הקובץ functions>theme-functions.php, ולהחליף את הקוד הבא סביב שורה 1618: (קישור לתמונה הראשית של הפוסט)

$link_before = '<a href="'. esc_url(get_permalink()) .'">';

בקוד המותנה הבא:

 $link1 = get_post_meta(get_the_ID(), 'mfn-post-link', true);
 if (empty($link1)) {
 $link_before = '<a href="'. esc_url(get_permalink()) .'">';
 } else {
 $link_before = '<a target="_blank" href="'. esc_url($link1) .'">';
 }