O lau WordPress Blog Printer-Friendly?

Lolomi CSS

A o ou faamaeʻaina ananafi le pou i luga Faʻasalalauga lautele ROI, Na ou manaʻo e lafo se muaʻi vaʻai ia Dotster CEO Clint Page. Ina ua ou lolomiina i se PDF, e ui i lea, o le itulau sa le lelei!

O loʻo iai pea le toʻatele o tagata o loʻo fia lolomi kopi o le 'upega tafaʻilagi e tufatufa, faʻasino mulimuli ane, pe naʻo le faila i ni tusitusiga. Na ou filifili ou te manaʻo e fai laʻu blog print-friendly. Sa sili atu le faigofie nai lo le mea na ou mafaufau i ai.

Faʻafefea ona faʻaali Lau Lolomi Faʻamatalaga:

E te manaʻomia le malamalama i faʻavae o le CSS e faʻatino ai lenei mea. Ole vaega pito sili ona faigata ole faʻaaogaina o lau browser browser developer e faʻataʻitaʻi ai le faʻaalia, nanaina, ma faʻasaʻoina mea o loʻo ia mafai ona e tusia ai lau CSS. I Safari, e te manaʻomia le faʻafaigofieina o mea faigaluega mo le fausiaina, kiliki taumatau lau itulau, ma filifili Suʻesuʻega o mea. O le a faʻaali atu ia te oe le elemeni ma CSS fesoʻotaʻi.

O Safari e iai sana filifiliga manaia e faʻaali ai le lolomiga o lau itulau i le upega tafailagi.

Safari - Lolomi Vaʻai i le Initaneti Asiasi

Faʻafefea ona Faia Lau WordPress Blog Printer-Friendly:

E i ai ni ulugaliʻi auala eseʻese e faʻamalamalamaina ai ou foliga mo lolomitusi. Tasi o le na o le faʻaopopoina o se vaega i lau taimi nei sitaili pepa e faʻapitoa i le ala o faʻasalalauga ituaiga o "lolomi".

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

O leisi auala o le faʻaopopoina o se laupepa faʻapitoa i lau tama autu e faʻamaʻoti mai ai le lolomiga filifiliga. Lenei faʻapefea:

  1. Tuʻu i luga se laupepa faʻaopoopo faʻaopoopo i lau autu lisi ua taua lolomi.css.
  2. Faʻaopopo se faʻasino i le sitaili fou i lau functions.php faila E te manaʻo e faʻamautinoa lau faila print.css ua utaina ina ua maeʻa lau sitaili matua ma tamaititi ina ia sitaili o loʻo utaina mulimuli. Na ou tuʻuina foi le faamuamua o le 100 i luga o lenei utaina ina ia uta i tua o le plugin Lenei le mea e pei o laʻu faʻasino:

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

Lenei e mafai ona faʻapitoa le print.css faila ma fesuiaʻi uma elemene e te manaʻo e nana pe faʻaali ese. I laʻu 'upega tafaʻilagi, mo se faʻataʻitaʻiga, ou te nanaina uma faʻatonuga, ulutala, faʻataʻavalevale, ma vae ia naʻo mea lava ou te manaʻo e faʻaali atu e lolomia.

My lolomi.css faila pei o lenei. Matau na ou faʻaopopoina foʻi tupe faʻasolo, o se metotia ua taliaina e tagata faʻaaoga i ona po nei.

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

Faʻafefea ona foliga mai o le lolomiina

Lenei faʻapefea ona vaʻai laʻu kopi lolomi pe a lolomi mai Google Chrome:

Vaaiga Lomitusi WordPress

Faigofie Lolomiina Styling

E taua le maitauina e le o tagata suʻesuʻe uma e faia tutusa. Atonu e te manaʻo e faʻataʻitaʻi ia browser taʻitasi e vaai pe faʻafefea ona vaʻai atu lau laupepa. E i ai foi nisi e lagolagoina nisi faʻalelei itulau faʻaopoopo e faʻaopopo mea, seti faʻasologa ma itulau tele, faʻapea foi ma le tele o isi elemene. Smashing Magazine e iai lava auiliiliga tusitusiga i luga o nei alualu i luma lolomi filifiliga.

Lenei o faʻatonuga faʻatulagaina itulau na ou tuʻuina i totonu e faʻaopopo ai se aia tatau i le itu agavale i lalo, o se laupepa itulau i le itu taumatau i lalo, ma le ulutala pepa i le agavale agavale o itulau uma:

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

2 Faamatalaga

  1. 1
  2. 2

O le'a sou manatu?

O lenei 'upega tafaʻilagi e faʻaaogaina le Akismet e faʻaitiitia le spam. Aoao pe faapefea ona faʻasoa lau faʻamatalaga faʻamatalaga.