עיצוב עמוד ראשי - הבלוג של אח"י דקר

בוריס שאל בקבוצת הדיון איך לייצר עמוד ראשי דומה לשלי, בו חלק מהפוסטים מופיעים במלואם וחלקם חתוכים.
הוא חשב על שימוש ב-more ואני הפניתי אותו לפוסט טיפ SEO ותוסף

השאלה הבאה שלו הייתה איך הוא מוסיף לכל תקציר כזה גם קישור להמשך הפוסט ואני הבטחתי להסביר כאן
נתחיל מהנקודה בה סיימנו את הפוסט הקודם, לפנינו הקוד הבא:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<?php
$i=0;
if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1>
<p class="details">נשלח <?php the_time('j F, Y'); ?> - נושאים <?php the_category(', ') ?> | <?php comments_popup_link('ללא מילים', 'תגובה אחת', '% תגובות'); ?></p>
<?php
if ($i <=3)
the_content(__('המשך'));
else
the_excerpt(__('המשך'));
++$i; ?>
<?php endwhile; else: ?>
<p><?php _e('לא מצאתי את מה שחיפשת.'); ?></p>
<?php endif; ?>
<?php posts_nav_link(' — ', __('« בחזרה'), __('להמשך חיפוש »')); ?>

זהו למעשה הקוד העיקרי של דף הבית שלי מה שמכונה the_loop.
כאמור בפוסט אליו הפניתי הקוד הזה מציג את ארבעת הפוסטים הראשונים בשלמותם ואת הבאים אחריהם חלקיים על ידי שימוש לסירוגין בפונקציות the_content ו-the_excerpt.

the_content היא פונקציה המדפיסה את כל התוסן של פוסט מסויים, לעומתה the_excerpt מדפיסה רק תקציר – אם הוזן ואם לא את 100 התווים הראשונים של הפוסט בלא לחתוך מילים. פונקציות אלו מאפשרות לנו להציג בקלות פוסטים מלאים או חלקיים לרצוננו בלא להשתמש ב-More שחותך את ערוץ ה-RSS של הבלוג ולא רק את הצגת הפוסטים.

כאמור, מה שביקש בוריס היה להוסיף קישור לאחר הפוסט כאשר אינו מוצג במלואו. לשם כך נשתמש בפונקציה the_permalink בה כבר משתמשים בכותרת כל פוסט, פונקציה זו מייצרת לנו קישור ישיר לפוסט.
למעשה נוסיף לשימוש את הקוד הבא:

1	<a href='<? the_permalink(); ?>' rel='bookmark' class='more'>להמשך קריאה »</a>

שייצר לנו קישור שייראה כך להמשך קריאה ».
הקוד המלא לאחר השינוי ייראה כך:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<?php
$i=0;
if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1>
<p class="details">נשלח <?php the_time('j F, Y'); ?> - נושאים <?php the_category(', ') ?> | <?php comments_popup_link('ללא מילים', 'תגובה אחת', '% תגובות'); ?></p>
<?php
if ($i <=3)
the_content(__('המשך'));
else {
the_excerpt(__('המשך'));?>
<a href='<? the_permalink(); ?>' rel='bookmark' class='more'>להמשך קריאה »</a> < ?
}
++$i; ?>
<?php endwhile; else: ?>
<p><?php _e('לא מצאתי את מה שחיפשת.'); ?></p>
<?php endif; ?>
<?php posts_nav_link(' — ', __('« בחזרה'), __('להמשך חיפוש »')); ?>

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

025 עיצוב עמוד ראשי נהניתם ? הרשמו לעדכוני RSS !

15 תגובות על הפוסט “עיצוב עמוד ראשי”

זה אחד הדברים שאני הכי אוהב ומעריך ב-WP.
המודולאריות הרבה של המערכת.
היכולת ליישם כל כך הרבה ואריאציות על המערכת הזאת.
אגב, הסבר מצוין כרגיל

15 תגובות על הפוסט “עיצוב עמוד ראשי”

כתיבת תגובה לבטל