ನಿಮ್ಮ ವರ್ಡ್ಪ್ರೆಸ್ ಬ್ಲಾಗ್ ಮುದ್ರಕ-ಸ್ನೇಹಿಯಾಗಿದೆಯೇ?

ನಾನು ನಿನ್ನೆ ಪೋಸ್ಟ್ ಅನ್ನು ಪೂರ್ಣಗೊಳಿಸಿದಂತೆ ಸೋಷಿಯಲ್ ಮೀಡಿಯಾ ಆರ್‌ಒಐ, ನಾನು ಅದರ ಪೂರ್ವವೀಕ್ಷಣೆಯನ್ನು ಡಾಟ್‌ಸ್ಟರ್ ಸಿಇಒ ಕ್ಲಿಂಟ್ ಪೇಜ್‌ಗೆ ಕಳುಹಿಸಲು ಬಯಸಿದ್ದೆ. ನಾನು ಪಿಡಿಎಫ್ಗೆ ಮುದ್ರಿಸಿದಾಗ, ಪುಟವು ಅವ್ಯವಸ್ಥೆಯಾಗಿದೆ!

ಹಂಚಿಕೊಳ್ಳಲು, ನಂತರ ಉಲ್ಲೇಖಿಸಲು ಅಥವಾ ಕೆಲವು ಟಿಪ್ಪಣಿಗಳೊಂದಿಗೆ ಫೈಲ್ ಮಾಡಲು ವೆಬ್‌ಸೈಟ್‌ನ ಪ್ರತಿಗಳನ್ನು ಮುದ್ರಿಸಲು ಇಷ್ಟಪಡುವ ಇನ್ನೂ ಅನೇಕ ಜನರಿದ್ದಾರೆ. ನನ್ನ ಬ್ಲಾಗ್ ಮುದ್ರಕವನ್ನು ಸ್ನೇಹಿಯನ್ನಾಗಿ ಮಾಡಲು ನಾನು ನಿರ್ಧರಿಸಿದೆ. ನಾನು ಅಂದುಕೊಂಡದ್ದಕ್ಕಿಂತ ಇದು ತುಂಬಾ ಸುಲಭ.

ನಿಮ್ಮ ಮುದ್ರಣ ಆವೃತ್ತಿಯನ್ನು ಹೇಗೆ ಪ್ರದರ್ಶಿಸುವುದು:

ಇದನ್ನು ಸಾಧಿಸಲು ನೀವು ಸಿಎಸ್ಎಸ್ನ ಮೂಲಭೂತ ಅಂಶಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಬೇಕು. ವಿಷಯವನ್ನು ಪ್ರದರ್ಶಿಸಲು, ಮರೆಮಾಡಲು ಮತ್ತು ಹೊಂದಾಣಿಕೆ ಪರೀಕ್ಷಿಸಲು ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನ ಡೆವಲಪರ್ ಕನ್ಸೋಲ್ ಅನ್ನು ಬಳಸುವುದು ಅತ್ಯಂತ ಕಷ್ಟಕರವಾದ ಭಾಗವಾಗಿದೆ ಇದರಿಂದ ನಿಮ್ಮ ಸಿಎಸ್ಎಸ್ ಅನ್ನು ನೀವು ಬರೆಯಬಹುದು. ಸಫಾರಿ ಯಲ್ಲಿ, ನೀವು ಡೆವಲಪರ್ ಪರಿಕರಗಳನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಬೇಕಾಗುತ್ತದೆ, ನಿಮ್ಮ ಪುಟವನ್ನು ಬಲ ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ವಿಷಯವನ್ನು ಪರೀಕ್ಷಿಸಿ ಆಯ್ಕೆಮಾಡಿ. ಅದು ನಿಮಗೆ ಸಂಬಂಧಿಸಿದ ಅಂಶ ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಅನ್ನು ತೋರಿಸುತ್ತದೆ.

ನಿಮ್ಮ ಪುಟದ ಮುದ್ರಣ ಆವೃತ್ತಿಯನ್ನು ವೆಬ್ ಇನ್ಸ್‌ಪೆಕ್ಟರ್‌ನಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲು ಸಫಾರಿ ಉತ್ತಮವಾದ ಚಿಕ್ಕ ಆಯ್ಕೆಯನ್ನು ಹೊಂದಿದೆ:

ನಿಮ್ಮ ವರ್ಡ್ಪ್ರೆಸ್ ಬ್ಲಾಗ್ ಮುದ್ರಕವನ್ನು ಸ್ನೇಹಪರಗೊಳಿಸುವುದು ಹೇಗೆ:

ಮುದ್ರಣಕ್ಕಾಗಿ ನಿಮ್ಮ ಸ್ಟೈಲಿಂಗ್ ಅನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುವ ಒಂದೆರಡು ವಿಭಿನ್ನ ಮಾರ್ಗಗಳಿವೆ. ನಿಮ್ಮ ಪ್ರಸ್ತುತ ಸ್ಟೈಲ್‌ಶೀಟ್‌ನಲ್ಲಿ “ಮುದ್ರಣ” ದ ಮಾಧ್ಯಮ ಪ್ರಕಾರಕ್ಕೆ ನಿರ್ದಿಷ್ಟವಾದ ವಿಭಾಗವನ್ನು ಸೇರಿಸುವುದು ಒಂದು.

@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. ನಿಮ್ಮಲ್ಲಿ ಹೊಸ ಸ್ಟೈಲ್‌ಶೀಟ್‌ಗೆ ಉಲ್ಲೇಖವನ್ನು ಸೇರಿಸಿ ಕಾರ್ಯಗಳನ್ನು ಫೈಲ್. ನಿಮ್ಮ ಪೋಷಕರು ಮತ್ತು ಮಕ್ಕಳ ಸ್ಟೈಲ್‌ಶೀಟ್‌ನ ನಂತರ ನಿಮ್ಮ print.css ಫೈಲ್ ಲೋಡ್ ಆಗಿದೆಯೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು ನೀವು ಬಯಸುತ್ತೀರಿ ಇದರಿಂದ ಅದರ ಶೈಲಿಗಳನ್ನು ಕೊನೆಯದಾಗಿ ಲೋಡ್ ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಲೋಡಿಂಗ್‌ನಲ್ಲಿ ನಾನು 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);

ಈಗ ನೀವು print.css ಫೈಲ್ ಅನ್ನು ಕಸ್ಟಮೈಸ್ ಮಾಡಬಹುದು ಮತ್ತು ನೀವು ಮರೆಮಾಡಲು ಅಥವಾ ವಿಭಿನ್ನವಾಗಿ ಪ್ರದರ್ಶಿಸಲು ಬಯಸುವ ಎಲ್ಲಾ ಅಂಶಗಳನ್ನು ಮಾರ್ಪಡಿಸಬಹುದು. ನನ್ನ ಸೈಟ್‌ನಲ್ಲಿ, ಉದಾಹರಣೆಗೆ, ನಾನು ಎಲ್ಲಾ ನ್ಯಾವಿಗೇಷನ್, ಹೆಡರ್‌ಗಳು, ಸೈಡ್‌ಬಾರ್‌ಗಳು ಮತ್ತು ಅಡಿಟಿಪ್ಪಣಿಗಳನ್ನು ಮರೆಮಾಡುತ್ತೇನೆ ಇದರಿಂದ ನಾನು ಪ್ರದರ್ಶಿಸಲು ಬಯಸುವ ವಿಷಯವನ್ನು ಮಾತ್ರ ಮುದ್ರಿಸಲಾಗುತ್ತದೆ.

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 ನಿಂದ ಮುದ್ರಿಸಿದರೆ ನನ್ನ ಮುದ್ರಣ ನೋಟ ಹೇಗೆ ಕಾಣುತ್ತದೆ ಎಂಬುದು ಇಲ್ಲಿದೆ:

ಸುಧಾರಿತ ಮುದ್ರಣ ವಿನ್ಯಾಸ

ಎಲ್ಲಾ ಬ್ರೌಸರ್‌ಗಳನ್ನು ಸಮಾನವಾಗಿ ರಚಿಸಲಾಗಿಲ್ಲ ಎಂಬುದನ್ನು ಗಮನಿಸುವುದು ಮುಖ್ಯ. ನಿಮ್ಮ ಪುಟವು ಹೇಗೆ ಕಾಣುತ್ತದೆ ಎಂಬುದನ್ನು ನೋಡಲು ನೀವು ಪ್ರತಿ ಬ್ರೌಸರ್ ಅನ್ನು ಪರೀಕ್ಷಿಸಲು ಬಯಸಬಹುದು. ವಿಷಯ ಸೇರಿಸಲು, ಅಂಚುಗಳು ಮತ್ತು ಪುಟ ಗಾತ್ರಗಳನ್ನು ಹೊಂದಿಸಲು ಕೆಲವು ಸುಧಾರಿತ ಪುಟ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಕೆಲವರು ಬೆಂಬಲಿಸುತ್ತಾರೆ, ಜೊತೆಗೆ ಹಲವಾರು ಇತರ ಅಂಶಗಳು. ಸ್ಮಾಶಿಂಗ್ ಮ್ಯಾಗ azine ೀನ್ ಬಹಳ ಹೊಂದಿದೆ ಈ ಸುಧಾರಿತ ಮುದ್ರಣದ ವಿವರವಾದ ಲೇಖನ ಆಯ್ಕೆಗಳು.

ಕೆಳಗಿನ ಎಡಭಾಗದಲ್ಲಿ ಹಕ್ಕುಸ್ವಾಮ್ಯ ಉಲ್ಲೇಖ, ಕೆಳಗಿನ ಬಲಭಾಗದಲ್ಲಿ ಪುಟ ಕೌಂಟರ್ ಮತ್ತು ಪ್ರತಿ ಪುಟದ ಮೇಲಿನ ಎಡಭಾಗದಲ್ಲಿರುವ ಡಾಕ್ಯುಮೆಂಟ್ ಶೀರ್ಷಿಕೆಯನ್ನು ಸೇರಿಸಲು ನಾನು ಸಂಯೋಜಿಸಿರುವ ಕೆಲವು ಪುಟ ವಿನ್ಯಾಸ ವಿವರಗಳು ಇಲ್ಲಿವೆ:

@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) " Highbridge, 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;
  }
}