Na Printer ea hau ea Blog ea WordPress e bonolo?

Hatisa CSS

Ha ke phethela poso ea maobane ka Mecha ea litaba ea sechaba ROI, Ke ne ke batla ho romella ponelopele ea eona ho Dotster CEO Clint Page. Ha ke hatisa ho PDF, leha ho le joalo, leqephe leo le ne le le litšila!

Ho ntse ho na le batho ba bangata kantle moo ba ratang ho hatisa likopi tsa sebaka sa marang-rang ho li arolelana, ho li sheba hamorao, kapa ho faela ka lintlha tse ling. Ke nkile qeto ea hore ke batla ho etsa hore blog ea ka e amohelehe. Ho ne ho le bonolo haholo ho feta kamoo ke neng ke nahana.

Mokhoa oa ho bonts'a mofuta oa hau oa khatiso:

U tla hloka ho utloisisa metheo ea CSS ho fihlela sena. Karolo e thata ka ho fetisisa ke ho sebelisa sebatli sa hau sa sebatli ho leka ho bonts'a, ho pata le ho lokisa litaba hore o tsebe ho ngola CSS ea hau. Ho Safari, o tla hloka ho thusa lisebelisoa tsa moqapi, tlanya ka ho le letona leqephe la hau ebe o khetha Hlahloba se kahare. Seo se tla u bontša karolo le CSS tse amanang.

Safari e na le khetho e nyane e ntle ea ho bonts'a mofuta oa khatiso oa leqephe la hau ho mohlahlobi oa webo:

Safari - Phatlalatso ea Phatlalatso ho Mohloli oa Webosaete

Kamoo U ka Etsang Hore Phatlalatso ea Phatlalatso ea Hao ea Phatlalatso e be Molemo:

Ho na le mekhoa e fapaneng ea ho khetholla setaele sa hau bakeng sa khatiso. E 'ngoe ke feela ho kenya karolo ho setaele sa hau sa hajoale se ikhethang ho mofuta oa media oa "print".

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

Tsela e 'ngoe ke ho eketsa lakane e itseng ea setaele ho sehlooho sa ngoana oa hau e hlalosang likhetho tsa khatiso. Mona ke kamoo:

  1. Kenya leqephe la setaele se seng ho sesebelisoa sa hau sa sehlooho se bitsoang hatisa.css.
  2. Kenya tšupiso ho setaele se secha ho file ea hau ea fonts.php faele. U tla batla ho netefatsa faele ea hau ea print.css e laetsoe kamora setaele sa motsoali oa hau le ngoana e le hore litaele li laetsoe ho qetela. Ke boetse ke behile pele ho tse 100 ho palamisong ena e le hore e tle e jarelloe ka mor'a plugin Ke mona moo litšupiso tsa ka li shebahalang li le joalo:

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

Hona joale u ka khona ho etsa faele ea print.css ka mokhoa o ikhethileng 'me u fetole likarolo tsohle tseo u batlang hore li patehe kapa li bontšoe ka tsela e fapaneng. Ka mohlala, sebakeng sa ka sa marang-rang, ke pata lits'oants'o tsohle tsa marang-rang, lihlooho tsa hlooho, li-sidebar le maoto e le hore feela ho hatisoe litaba tseo ke lakatsang ho li bontša.

My hatisa.css file e shebahala tjena. Hlokomela hore ke boetse ke kenyelitse marang-rang, mokhoa o amoheloang ke libatli tsa sejoale-joale:

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

Kamoo Pono ea Phatlalatso e Shebahalang Kateng

Mona ke kamoo pono ea ka ea khatiso e shebahalang kateng haeba e hatisitsoe ho tsoa ho Google Chrome:

Pono ea Phatlalatso ea WordPress

Mokhoa o tsoetseng pele oa khatiso

Ho bohlokoa ho hlokomela hore ha se libatli tsohle tse bōpiloeng li lekana. U kanna ua batla ho leka sebatli se seng le se seng ho bona hore na leqephe la hau le shebahala joang ho tsona. Ba bang ba bile ba tšehetsa likarolo tse ling tsa maqephe a tsoetseng pele ho kenya litaba, ho beha margins le boholo ba maqephe, hammoho le likarolo tse ling tse ngata. Makasine ea Smashing e na le haholo sehlooho se qaqileng mabapi le khatiso ena e tsoetseng pele Dikgetho.

Mona ke lintlha tse ling tsa moralo oa maqephe tseo ke li kentseng ho kenyelletsa lebitso la litokelo ka tlase letsohong le letšehali, khaontara ea leqephe ka tlase ho le letona, le sehlooho sa tokomane kaholimo ho le letšehali la leqephe le leng le le leng:

@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

U nahana eng?

Sebaka sena se sebelisa Akismet ho fokotsa spam. Ithute kamoo litlhaloso tsa hau li hlahang kateng.