ʻO kāu WordPress Blog Printer-Friendly?

Paʻi CSS

I koʻu hoʻopau ʻana i ka pou o nehinei ma Pūnaewele Pilikino ROI, Ua makemake wau e hoʻouna i kahi preview o ia iā Dotster CEO Clint Page. I ka paʻi ʻana i kahi PDF, eia naʻe, ʻino ka ʻaoʻao!

Nui a nui paha nā poʻe ma waho e makemake e paʻi i nā kope o kahi pūnaewele e kaʻana, e kuhikuhi ma hope, a i ʻole e faila me nā memo. Ua hoʻoholo wau e makemake wau e hana i kaʻu blog paʻi-ʻoluʻolu. ʻOi aku ka maʻalahi ma mua o kaʻu i manaʻo ai.

Pehea e hōʻike ai i kāu mana paʻi:

Pono ʻoe e ʻike i ke kumu o ka CSS e hoʻokō ai i kēia. ʻO ka ʻāpana ʻoi loa o ka hoʻohana ʻana i ka console hoʻomohala o kāu polokalamu kele pūnaewele e hōʻoia i ka hōʻike ʻana, hūnā ʻana, a me ka hoʻoponopono ʻana i ka ʻike i hiki iā ʻoe ke kākau i kāu CSS. I Safari, pono ʻoe e hoʻohana i nā pono hana hoʻomohala, kaomi ʻākau i kāu ʻaoʻao, a koho i ka ʻike i ka ʻike ma loko. E hōʻike kēlā iā ʻoe i ke kumumea a me ka CSS e pili ana.

He koho ʻoluʻolu kā Safari e hōʻike ai i ka mana paʻi o kāu ʻaoʻao i ka luna pūnaewele.

Safari - Nānā i ka Nānā ma ka Luna Nūhou Pūnaewele

Pehea e hana ai i kāu WordPress Blog Printer-Friendly:

Aia kekahi mau ala like ʻole o ka kikoʻī ʻana i kāu kaila no ka paʻi. Hoʻokahi wale nō e hoʻohui i kahi ʻāpana i kāu styleheet o kēia manawa kikoʻī i ka ʻano pāpaho o "paʻi".

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

ʻO ke ala ʻē aʻe e hoʻohui i kahi pepa kaila kikoʻī i kāu kumuhana keiki e kuhikuhi ana i nā koho paʻi. Eia pehea:

  1. Hoʻouka i kahi styleheet hou i kāu papa kuhikuhi kumuhana i kapa ʻia paʻi.css.
  2. E hoʻohui i kahi kuhikuhi i ka pepa kaila hou i kāu functions.php faila Makemake ʻoe e hōʻoia i ka hoʻouka ʻia o kāu faile print.css ma hope o ka style style o kāu makua a me kāu keiki i mea e hoʻouka hope ʻia ai kona mau kaila. Ua kau wau i kahi makakoho o 100 ma kēia hoʻouka ʻana i mea hoʻouka ia ma hope o ka plugin Eia ke ʻano o kaʻu kuhikuhi:

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);

I kēia manawa hiki iā ʻoe ke hoʻoponopono i ka faile print.css a hoʻololi i nā mea āpau āu e makemake ai e hūnā a hōʻike ʻokoʻa paha. I kaʻu pūnaewele, no ka laʻana, hūnā wau i nā hoʻokele a pau, nā poʻo, nā sidebars, a me nā paepae i paʻi ʻia wale ka ʻike aʻu e makemake ai e hōʻike.

My paʻi.css penei ke faila. Hoʻomaopopo ua hoʻohui pū wau i nā palena, kahi hana e ʻae ʻia e nā polokalamu kele pūnaewele hou.

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

Pehea e ʻike ai i ka Nānā Print

Eia ke ʻano o kaʻu nānā paʻi inā paʻi ʻia mai Google Chrome:

Nānā Print WordPress

Kaila Paʻi Pae holomua

He mea nui e hoʻomaopopo ʻaʻole i hana like ʻia nā mea ʻimi pūnaewele āpau. E makemake paha ʻoe e hoʻāʻo i kēlā me kēia mākaʻikaʻi e ʻike i ke ʻano o ka ʻaoʻao o kāu ʻaoʻao. Kākoʻo kekahi i kekahi mau hiʻohiʻona ʻaoʻao kiʻekiʻe e hoʻohui i ka ʻike, hoʻonohonoho i ka palena a me ka nui o ka ʻaoʻao, a me nā ʻano ʻē aʻe. ʻO Smashing Magazine kahi nui kikoʻī kikoʻī ma kēia paʻi paʻi mua nā koho.

Eia kekahi mau kikoʻī hoʻonohonoho hoʻonohonoho aʻu i hoʻohui ai e hoʻohui i kahi kuleana kope kope ma ka hema hema, kahi ʻaoʻao ʻaoʻao ma ka ʻaoʻao ʻaoʻao lalo, a me ka poʻo inoa palapala ma ka hema hema o kēlā me kēia ʻaoʻao.

@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;
  }
}

2 Comments

  1. 1
  2. 2

Pehea kou manaʻo?

Ke hoʻohana nei kēia pūnaewele i ka Akismet e ho'ēmi i ka spam. E aʻo pehea e hanaʻia ai kāuʻikeʻikepili.