איך להעלים תוכן לא רצוי בהדפסת פוסט

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

בשביל לשלוט על הגדרות אלה ועוד, צריך לכתוב css ל Media Querie של הדפסה. בואו נראה דוגמה. את הקוד תכתבו תחת style.cc בתבנית הבת או בכל מקום אחר שתרצו כמו custom css של אלמנטור פרו, קובץ סטייל מיוחד ל print וכו'.

להעלים כתובת של קישור:

@media print {
    a:after { content:''; }
    a[href]:after { content: none !important; }
}

להעלים ווידג'ט מסוים מההדפסה, ניתן לתת לו class או id ואז לכתוב את זה:

@media print {
  .no_print{
        display:none;
    }
}

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

@media print {
  header nav, footer, img {
    display: none;
  }
}

וכן הלאה, כל מה שנכתוב תחת media print יהיה תקף בהדפסה. ניתן לשחק אם שוליים לדף, הגדרות תצוגה לכותרות, פסקה וכו'.

אם אתם רוצים לראות את ה css בפעולה תחת Chrome Dev Tools (נכון לגרסה נוכחית ועשוי להשתנות) עשו את הדבר הבא:

Emulate Print CSS
0 0 דרג
דרג את הפוסט
הרשמה
Notify of
0 תגובות
Inline Feedbacks
הצג את כל התגובות

גם הסניפטים הבאים יעניינו אותך

0
אשמח לשמוע את דעתכם, מוזמנים להשאיר תגובהx