הוספת שם כותב הפוסט לתבנית

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

השינוי הנדרש בתבנית הוא פשוט יחסית ולא מצריך הרבה מאמץ.
עבור הצגת שם הכותב יש צורך לערוך את קבצי התבנית שמציגים פרטי פוסטים, בד"כ מדובר על single.php ועל index.php. בתבניות מסויימות ניתן למצוא התייחסות גם ב archive.php וב search.php.

נעבור על השינוי הדרוש לקובץ דוגמה (index.php), השינויים בשאר הקבצים אמורים להיות דומים.

ראשית נבין היכן היינו רוצים להציג את שם המחבר, בד"כ נרצה להציגו ליד שאר הפרטים המתארים את הפוסט כגון נושאים ותאריך.
נפתח את הקובץ index.php ונחפש את המקום בו מוצגים פרטים אלו, הדרך הקלה היא לחפש התייחסות לפונקציה the_category המציגה את הנושאים אלים מתייחס הפוסט.

בתבנית עליה בחרתי להדגים הקוד נראה כך:

1
<small>נכתב ב<?php the_time('j/m/Y') ?> תחת <?php the_category(', ') ?></small>

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

1
<small>מאת <? the_author_link();?> נכתב ב<?php the_time('j/m/Y') ?> תחת <?php the_category(', ') ?></small>

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

025 הוספת שם כותב הפוסט לתבנית נהניתם ? הרשמו לעדכוני RSS !

פאביקון

אז איך מוסיפים את האייקון המלבב הזה לאתר\בלוג שלם ?

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

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

לאחר שבחרנו תמונה מתאימה הולכים לאחד מה-favicon generators הקיימים ברשת, אני אוהבת את FaviconFromPics.
ברגע שיש לנו את הקובץ ico ביד כל שנותר הוא להעלות אותו אל הבלוג שלכם ולהוסיף את השורה הבאה להדר של התבנית (header.php).

1
<link rel="shortcut icon" href="favicon.ico" >

הכתובת ב-href צריכה להשתנות בהתאם למיקום הקובץ שלכם, למשל:

1
<link rel="shortcut icon" href="wp-content/uploads/favicon.ico" >

השורה צריכה להיות ממוקממת בין שתי תגיות ה-header בקובץ.

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

ישנם גם תוספים שיעשו את עבודת ההוספה בשבילכם:

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

שינוי גודל פונט בקטגוריה מסויימת

בין השאר אני מתחזקת את אתר בת קול שהוא סוג מוזר של CMS הכולל גם "בלוג".
האתר כולו מבוסס ורדפרס, ואת הבלוג הן ממשו על ידי שיוך של פוסטים לקטגוריה מסויימת.

עד כאן טוב ויפה, לאחרונה הן בקשו ממני לטפל בעיצוב כך שהפוסטים בבלוג יופיעו בפונט גדל יותר משאר האתר.
ישנן מספר דרכים לעשות זאת:
1) יצירת דף קטגוריה ודף פוסט חלופיים, מייצרים את הקובץ category-6.php ועבור דף הפוסט, מייצרים דף עם העיצוב החדש (נניח single6.php) ומעתיקים את הישן לשם אחר (למשל common.php). בקובץ single.php מכניסים את הקוד הבא:

1
2
3
4
5
6
7
8
9
<?php
if (is_category(6)) {
   // looking for category 9 posts
   include(TEMPLATEPATH . '/single-6.php');
} else {
   // put this on every other category post
   include(TEMPLATEPATH . '/common.php');
}
?>

אפשרות זו טובה במיוחד למקרים בהם העיצובים שונים בהרבה זה מזה, עבוא מקרה של שינוי עיצוב קל זהו שינוי משמעותי מידי.

2) הוספת קוד שינוי העיצוב בתוך האלמנטים השונים למשל :
בקוד של פוסט יחיד

1
< ? if (in_category(6)) echo "style="font-size: 14px;"; ?>

בקוד של דף הקטגוריה:

1
< ? if (is_category(6)) echo "style="font-size: 14px;"; ?>

הבעיה היחידה עם פתרון זה היא ההפרדה בין עיצוב (css) ותבנית וכו'

3) הוספת class עיצובי לאיברים השונים:
בדף הפוסט היחיד:

1
<div class="post <? if (in_category('8'))echo "blog"; ?>"></div>

בדף פוסט הקטגוריות:

1
<div class="post<? if (is_category(8)) echo" blog"; ?>" id="post-<?php the_ID(); ?>"></div>

ולדף העיצוב הוספתי את השורה:

1
.blog { font-size: 14px; }

דרך זו הכי אלגנטית בהנתן השינוי המינימלי במקרה שלנו.

025 שינוי גודל פונט בקטגוריה מסויימת נהניתם ? הרשמו לעדכוני RSS !