Ma Daabacaa Blog Blog-kaaga?

Daabac CSS

Sidii aan u dhammaystiray qormadii shalay ee Warbaahinta Bulshada ROI, Waxaan doonayay inaan horudhac u diro madaxa shirkada Dotster Clint Page. Markii aan u daabacay PDF, in kastoo, boggu wuxuu ahaa mid qasan!

Weli waxaa jira dad badan oo dad ah oo halkaas jooga oo jecel inay daabacaan nuqulada degel si ay ula wadaagaan, u tixraacaan mar dambe, ama ay u fayl gareeyaan qoraallo qaarkood. Waxaan go'aansaday inaan rabo inaan ka dhigo daabacaadda blog-saaxiibtinimo. Waxay ahayd wax aad uga fudud sidii aan filayay.

Sida loo Muujiyo Nooca Daabacaadda:

Waxaad u baahan doontaa inaad fahamto aasaaska CSS si aad tan u gaarto. Qaybta ugu adag ayaa ah adeegsiga qalabka kumbuyuutarka ee kumbuyuutarka si loo tijaabiyo muujinta, qarinta, iyo hagaajinta waxyaabaha si aad u qori karto CSS-kaaga. Safari, waxaad u baahan doontaa inaad awood u siiso qalabka soo-saaraha, midig u gujiso boggaaga, oo dooro Kormeerka Mawduuca. Taasi waxay ku tusin doontaa curiyaha iyo CSS laxiriira.

Safari waxay haysataa ikhtiyaar yar oo fiican oo ay ku soo bandhigto nooca daabacaadda ee boggaaga kormeeraha shabakadda:

Safari - Aragtida Daabac ee Kormeeraha Shabakadda

Sida loo Sameeyo WordPress Blog Printer-Friendly:

Waxaa jira dhowr siyaabood oo kala duwan oo lagu qeexo qaabkaaga daabacan. Mid waa uun in lagu daro qayb ka mid ah xaashida qaab-dhismeedkaaga ee hadda u gaarka ah nooca warbaahinta ee "daabac".

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

Dariiqa kale ayaa ah in lagu daro warqad qaab gaar ah u ah mawduuca ilmahaaga oo tilmaamaya xulashooyinka daabacaadda. Waa tan sida:

  1. U rar xaashida qaab-dhismeedka dheeriga ah galkaaga mawduuca la yiraahdo daabacid.css.
  2. Ku dar tixraac xaashida cusub ee qaabkaaga functions.php faylka Waxaad ubaahantahay inaad hubiso in feylkaaga daabacan ee daabacan la daabacay kadib marka waraaqdaada waalidka iyo cunugaaga loo soo raro si qaababku ugu dambeeyo. Waxa kale oo aan mudnaanta koowaad saaray 100 rarkan si ay u rarto ka dib markii la buuxiyo Halkan waxa tixraaceygu ​​u eg yahay:

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

Hadda waad habeyn kartaa faylka print.css oo aad wax ka beddeli kartaa dhammaan walxaha aad rabto inaad qariso ama aad u muujiso si ka duwan. Tusaale ahaan, degelkeyga, waxaan ku qarinayaa dhammaan hagidda, madaxyada, dhinac-geesyada, iyo lugooyada si kaliya loo daabaco waxyaabaha aan doonayo inaan muujiyo.

My daabacid.css feylku sidan ayuu u eg yahay. Ogsoonow in aan sidoo kale ku daray geesoolayaal, hab ay aqbalaan daalacashada casriga ahi:

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

Sidee Aragtida Daabacaaddu u egtahay

Waa tan sida aragtideyda daabacan ay u egtahay haddii laga daabacay Google Chrome:

Muuqaalka Daabaca WordPress

Qaabka Daabaca Sare

Waxaa muhiim ah in la ogaado in dhammaan bog furayaasha aan loo wada simin. Waxaa laga yaabaa inaad rabto inaad tijaabiso biraawsar kasta si aad u aragto sida boggaagu ugu muuqdo iyaga. Qaarkood xitaa waxay taageeraan qaar ka mid ah astaamaha bogga horumarsan si loogu daro waxyaabaha, loo dejiyo xadadka iyo cabirka bogga, iyo sidoo kale dhowr waxyaalood oo kale. Magazine Smashing wuxuu leeyahay mid aad u maqaal faahfaahsan oo ku saabsan daabacaaddan casriga ah doorashooyinka.

Waa kuwan qaar ka mid ah faahfaahinta bogga oo aan ku daray si loogu daro xuquuqo xusaya bidix hoose, bog ka soo horjeedka midigta hoose, iyo cinwaanka dukumintiga ee dhinaca bidix ee kore ee bog kasta:

@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

Maxay idinla tahay?

Boggani wuxuu isticmaalaa Akismet si loo yareeyo spam. Baro sida xogtaada faallooyinkaaga looga shaqeeyo.