सामग्री विपणन

आपला वर्डप्रेस ब्लॉग प्रिंटर अनुकूल आहे?

मी कालची पोस्ट पूर्ण केल्यावर सोशल मीडिया आरओआय, मला त्याचे पूर्वावलोकन डॉट्स सीईओ क्लिंट पृष्ठाकडे पाठवायचे होते. मी जेव्हा पीडीएफमध्ये मुद्रित केले, ते पृष्ठ गोंधळलेले होते!

अजूनही असे बरेच लोक आहेत जे एखाद्या वेबसाइटच्या प्रती सामायिक करणे, नंतर संदर्भ देणे किंवा नंतर काही नोट्ससह फाईल मुद्रित करणे आवडतात. मी माझा ब्लॉग प्रिंटर-अनुकूल बनवण्याचा निर्णय घेतला आहे. मला वाटले त्यापेक्षा हे खूप सोपे होते.

आपली मुद्रण आवृत्ती कशी प्रदर्शित करावी:

हे पूर्ण करण्यासाठी आपल्याला सीएसएसची मूलभूत गोष्टी समजणे आवश्यक आहे. सर्वात कठीण भाग म्हणजे आपल्या ब्राउझरच्या विकसक कन्सोलचा वापर सामग्री प्रदर्शित करणे, लपविणे आणि समायोजित करणे यासाठी चाचणी करणे जेणेकरून आपण आपला सीएसएस लिहू शकाल. सफारीमध्ये आपल्याला विकसक साधने सक्षम करणे आवश्यक आहे, आपल्या पृष्ठावर उजवे-क्लिक करा आणि सामग्रीची तपासणी करणे निवडा. हे आपणास संबंधित घटक आणि सीएसएस दर्शवेल.

वेब इन्स्पेक्टरमध्ये आपल्या पृष्ठाची मुद्रण आवृत्ती प्रदर्शित करण्यासाठी सफारीकडे एक छोटासा पर्याय आहे:

सफारी - वेब निरीक्षकामधील मुद्रण दृश्य

आपला वर्डप्रेस ब्लॉग प्रिंटर-मैत्रीपूर्ण कसा बनवायचा:

प्रिंटसाठी आपले स्टाईल निर्दिष्ट करण्याचे दोन वेगवेगळे मार्ग आहेत. एक म्हणजे फक्त आपल्या सध्याच्या स्टाईलशीटमध्ये एक विभाग जोडा जो “प्रिंट” च्या मीडिया प्रकाराशी संबंधित असेल.

@media print {
     header, 
     nav, 
     aside { 
         display: none; 
     }
     #primary { 
         width: 100% !important 
     }
     .hidden-print, 
     .google-auto-placed, 
     .widget_eu_cookie_law_widget { 
         display: none; 
     }
}

दुसरा मार्ग म्हणजे आपल्या मुलाच्या थीममध्ये विशिष्ट शैली पत्रक जोडणे जे मुद्रण पर्याय निर्दिष्ट करते. कसे ते येथे आहे:

  1. म्हणतात असलेल्या आपल्या थीम निर्देशिकेत अतिरिक्त स्टाईलशीट अपलोड करा print.css.
  2. आपल्या मधील नवीन स्टाईलशीटचा संदर्भ जोडा functions.php फाईल. आपण आपली प्रिंट.एस.एस. फाइल आपल्या पालक आणि मुलाच्या स्टाईलशीटनंतर लोड केली आहे हे सुनिश्चित करू इच्छित असाल जेणेकरून त्या शैली शेवटच्या वेळी लोड केल्या गेल्या. मी या लोडिंगवर 100 ची प्राधान्य देखील ठेवले जेणेकरून ते प्लगइन नंतर लोड होईल येथे माझा संदर्भ कसा दिसतो ते येथे आहे:
function theme_enqueue_styles() {
    global $wp_version;
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style') );
    wp_enqueue_style( 'child-style-print', get_stylesheet_directory_uri() . '/print.css', array(), $wp_version, 'print' );
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' , 100);

आता आपण प्रिंट सीएसएस फाइल सानुकूलित करू शकता आणि आपण लपविलेले किंवा वेगळ्या प्रकारे प्रदर्शित करू इच्छित सर्व घटक सुधारित करू शकता. माझ्या साइटवर, उदाहरणार्थ, मी सर्व नेव्हिगेशन, शीर्षलेख, साइडबार आणि फूटर लपविते जेणेकरून मला प्रदर्शित करण्याची इच्छा असलेली सामग्रीच छापली जाईल.

My print.css फाइल असे दिसते. लक्षात घ्या की मी मार्जिन देखील जोडले आहेत, ही पद्धत आधुनिक ब्राउझरद्वारे स्वीकारली गेली:

header, 
nav, 
aside { 
    display: none; 
}
#primary { 
    width: 100% !important 
}
.hidden-print, 
.google-auto-placed, 
.widget_eu_cookie_law_widget { 
    display: none; 
}

प्रिंट व्ह्यू कसे दिसते

Google Chrome वरून मुद्रित केलेले असल्यास माझे मुद्रण दृश्य कसे दिसते ते येथे आहे:

वर्डप्रेस प्रिंट व्ह्यू

प्रगत मुद्रण शैली

हे लक्षात घेणे महत्वाचे आहे की सर्व ब्राउझर समान तयार केलेले नाहीत. आपले पृष्ठ त्यांच्यामध्ये कसे दिसते ते पाहण्यासाठी आपण प्रत्येक ब्राउझरची चाचणी घेऊ शकता. काहीजण सामग्री जोडण्यासाठी काही प्रगत पृष्ठ वैशिष्ट्यांचे समर्थन करतात, मार्जिन आणि पृष्ठ आकार सेट करतात, तसेच इतर अनेक घटक समाविष्ट करतात. स्मॅशिंग मॅगझिनमध्ये खूप आहे या प्रगत मुद्रणावर तपशीलवार लेख पर्याय

खाली काही डाव्या बाजूस कॉपीराइट उल्लेख, तळाशी उजवीकडे पृष्ठाचा काउंटर आणि प्रत्येक पृष्ठाच्या डाव्या बाजूला डाव्या दस्तऐवजाचे शीर्षक जोडण्यासाठी मी समाविष्ट केलेले काही पृष्ठ लेआउट तपशीलः

@page { 
    size: 5.5in 8.5in;
    margin: 0.5in; 
}
@page:right{ 
  @bottom-left {
    margin: 10pt 0 30pt 0;
    border-top: .25pt solid #666;
    content: "©  " attr(data-date) " DK New Media, LLC. All Rights Reserved.";
    font-size: 9pt;
    color: #333;
  }

  @bottom-right { 
    margin: 10pt 0 30pt 0;
    border-top: .25pt solid #666;
    content: counter(page);
    font-size: 9pt;
  }

  @top-right {
    content:  string(doctitle);
    margin: 30pt 0 10pt 0;
    font-size: 9pt;
    color: #333;
  }
}

Douglas Karr

Douglas Karr चे CMO आहे ओपनइनसाइट्स आणि चे संस्थापक Martech Zone. डग्लसने डझनभर यशस्वी MarTech स्टार्टअप्सना मदत केली आहे, Martech अधिग्रहण आणि गुंतवणुकीमध्ये $5 बिलियन पेक्षा जास्त योग्य परिश्रमात मदत केली आहे आणि कंपन्यांना त्यांच्या विक्री आणि विपणन धोरणांची अंमलबजावणी आणि स्वयंचलित करण्यात मदत करणे सुरू ठेवले आहे. डग्लस हा आंतरराष्ट्रीय स्तरावर मान्यताप्राप्त डिजिटल ट्रान्सफॉर्मेशन आणि MarTech तज्ञ आणि स्पीकर आहे. डग्लस हे डमीच्या मार्गदर्शक आणि व्यवसाय नेतृत्व पुस्तकाचे प्रकाशित लेखक देखील आहेत.

संबंधित लेख

परत शीर्षस्थानी बटण
बंद

अॅडब्लॉक आढळले

Martech Zone तुम्हाला ही सामग्री कोणत्याही खर्चाशिवाय प्रदान करण्यात सक्षम आहे कारण आम्ही आमच्या साइटवर जाहिरात महसूल, संलग्न दुवे आणि प्रायोजकत्वाद्वारे कमाई करतो. तुम्ही आमची साइट पाहता तेव्हा तुमचा अॅड ब्लॉकर काढून टाकल्यास आम्ही कृतज्ञ आहोत.