הוספת באנר / כפתור / טופס CTA מתחת לדפי הבלוג

על מנת להוסיף באנר מתחת לדפי הבלוג, המקושר לקורס או פריט בחנות הלקוח, יש להגדיר שדות מיוחדים, ולקשר אותם למיקום – מתחת לפוסט בבלוג.

לאחר מכן ניתן יהיה להגדיר תמונה + קישור שונים לכל אחד מהפרסומים בבלוג באופן תפור אישית על ידי הלקוח.

  1. יש להגדיר את השדות "thebanner" ו-"bannerlink" תחת שדות מיוחדים בקבוצה בשם "באנר פרסומי" (כתמונה וכתובת URL בהתאמה)
    חשוב! יש לציין בתיאור ללקוח את גודל הבאנר המומלץ. (כך אפשר 1200×300 פיקסלים)
  2. להגדיר את המיקום של השדות המיוחדים תחת "סוג פוסט" > "שווה ל" > "פוסט"
  3. להוסיף את הקוד הבא בקובץ includes/content-single.php, שורה 409 לפני הקוד של "mfn_opts_get('blog-comments')"
    <!----aiDev---->
     <?php 
     $tbanner = get_field('thebanner');
     $tbannerlink = get_field('bannerlink'); 
     
    if ($tbanner) echo '<div class="tbanner section_wrapper mcb-section-inner">
     <div class="wrap mcb-wrap one valign-top clearfix" style="">
     <div class="mcb-wrap-inner">
     <div class="column mcb-column one">
     <a href="' . esc_url($tbannerlink) . '"><img class="scale-with-grid" src="' . esc_url($tbanner['url']) . '" alt="PromoBanner" width="1200" height="300">
     </a></div>
     </div>
     </div>
     </div>';
     ?>
    <!----End-aiDev---->

על מנת להוסיף כפתור בסוף הפוסט, אשר מוביל לקטגוריית הפוסט, יש להוסיף את הקוד הבא בקובץ includes > content-single.php בשורה 392 לפני ה-blog comments:

 <a href="<?php echo get_category_link(wp_get_post_categories(get_the_ID())[0]);?>" class="button category button_left button_js kill_the_icon"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">לקריאה נוספת בקטגוריה 
 <?php echo get_cat_name(wp_get_post_categories(get_the_ID())[0]); ?> 
 </span></a>

ולסגנן אותו כך:

a.button.category {
 margin:0; 
 color:white;
 background-color:#98bc00;
 width:100%;
 font-size:24px;
margin-bottom:50px;
}
a.button.category .icon-layout:before {
 content:'e8b7';
}
a.button.category .button_icon {
 padding-right:0px;
}
a.button.category .button_label {
 float:right;
}

וניתן גם להתאים את המרווח של הפוסטים הקשורים כך:

.post-related {
 margin-bottom:20px;
}

על מנת להוסיף טופס בסוף הדף, יש להוסיף את הקוד הבא בקובץ includes > content-single.php בשורה 392 לפני ה-blog comments:

<?php echo do_shortcode( '
' ); ?>

כאשר יש לשים לב לשים את הטופס הרלוונטי בקצרקוד.