הוספת מפריד בין שני פוסטים או יותר בוורדפרס
פעם חשבתם איך אפשר להפריד בין פוסטים כך שמפריד לא יוצג בפוסט אחרון של העמוד? כאשר רוצים לייצר חווית גלישה קריאה וברורה חשוב לעשות הפרדה בין פוסט לפוסט וללא אלמנטים מיותרים.
זו התוצאה הסופית:
זה מאוד פשוט, בואו נצא לדרך.
הוסיפו קטע קוד זה ממש לפני הסגירה של הלולאה (The loop).
<?php if (($wp_query->current_post + 1) < ($wp_query->post_count)) {
echo '<div class="divider"></div>'; }?>
הקוד מוסיף באופן אוטומטי מפריד
divider
בין הפוסטים. ניתן לשנות את מבנה הפלט למה שתרצו לדוגמא הוספת תגית hr במקום div.
לאחר מכן נוסיף בקובץ css את המבנה העיצובי של המפריד.
.divider {
height: 3px;
background-color: #ead369;
margin: 20px 0;
}
זה הכל עכשיו יש לנו מפריד בין הפוסטים 🙂
עיצוב מהנה!
תגיות: css, תבנית עיצוב