יום שישי, 30 במאי 2008

מדריך: הוספת אפשרות הדפסת פוסטים

ניסיתם פעם להדפיס פוסט מהבלוג שלכם? משימה שאמורה להיות כל כך פשוטה, הופכת למורכבת כאשר מדובר בבלוגים.

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

בעצם לא מדובר בבעיה שקשה כל כך לפתור. כל מה שצריך לעשות הוא להוסיף כמה שורות קוד לעיצוב של הבלוג שמתייחסות למצב שבו הגולש ירצה להדפיס את העמוד.

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

מדריך: הוספת אפשרות הדפסה לבלוגר

חפשו את התגית הסוגרת הבאה:

</head>

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


<!-- Print Style -->
<style media='print' type='text/css'>
#header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, .noprint {display: none;}
#main-wrapper {width: 600px; float:right}
</style>
<!-- end Print Style -->

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


הוספת כפתור הדפסה בסוף כל פוסט

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

1. קישור עם טקסט "הדפסה" (אפשר לשנות את הטקסט) שמקפיץ את חלון ההדפסה של הדפדפן. קוד:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a href='javascript:window.print()'>הדפסה</a>
</b:if>

2. כפתור עם המילה "הדפסה" (אפשר לשנות את הטקסט) שמקפיץ את חלון ההדפסה של הדפדפן. קוד:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<form>
<input type="button" value="הדפסה" onClick="window.print()" />
</form>
</b:if>


איך משתמשים בקוד?

חפשו בתבנית שלכם את הקוד הבא:

<p><data:post.body/></p>

ומיד לאחריו הוסיפו את כפתור ההדפסה.

7 תגובות:

  1. הי עמית
    השתמשתי במדריך
    נראה בסדר.
    אפשר להוסיף כפתור הדפסה בתחתית הפוסט?
    ראיתי שכתבת משהו אבל לא ראיתי איך עושים את זה.

    השבמחק
  2. האמת היא שרציתי לראות אם יש התעניינות.
    כעת תוכל לראות את ההוראות שביקשת במדריך.

    השבמחק
  3. הי עמית
    הוספתי את ההדפסה על פי הוראותיך
    יצא נהדר.
    רק,(קטנונית שכמותי) זה נמצא בסוף הפוסט
    הייתי רוצה שזה יהיה בראשו(אני מניחה שאנשים שמדפיסים, עושים את זה כדי לקרוא מהנייר אז, בתחתית, מחטיא את המטרה).
    עוד שאלה, יש אפשרות לשלוח אי מייל שיכלול את התוכן ולא קישור?
    למעשה, האופציה בשליחת העמוד ששולחת את הדף (אבל, הדף הנקי, כמו בהדפסה)ולא שליחת ה-URL.
    תודה על התייחסותך.

    השבמחק
  4. את יכולה להעביר את כפתור ההדפסה לראש הפוסט אבל לדעתי זה לא יהיה אסתטי.
    כדי לעשות את זה, פשוט הכניסי את הקוד של הכפתור לפני השורה שבה מופיע
    data:post.body
    (כרגע הוא נמצא אחריה)

    השבמחק
  5. בקשר לשליחה, אם התכוונת לאופצייה של של שליחת הפוסט במייל, אפשר לשלוח את הפוסט המלא למי שמבקש לקבל עדכונים (איך?).
    כפתור שליחת המייל שולח רק קישור.

    השבמחק
  6. היי תודה על ההסבר את השלב הראשון עששיתי בהצלחה
    את השלב השני אני לא מצליחה למצוא (בעזרת F3 בחיפוש ) לא קיים לי data:post:body
    אשמח לתשובה (אני משתמשת בתבנית פשוטה של בלוגר)
    סיגל

    השבמחק
  7. מצטרפת לבקשה של סיגל

    השבמחק