Оё WordPress Blog-и шумо барои чопгар дӯстона аст?

CSS-ро чоп кунед

Тавре ки ман баъди дирӯзаро ба анҷом расондам Иҷтимоӣ Эт, Ман мехостам пешнамоиши онро ба Директори Dotster Клинт Пейҷ фиристам. Вақте ки ман ба PDF чоп кардам, саҳифа бесарусомон буд!

Дар он ҷо ҳанӯз ҳам одамоне ҳастанд, ки мехоҳанд нусхаҳои вебсайтро барои мубодила, дертар истинод кардан ё танҳо бо баъзе ёддоштҳо чоп кардан чоп кунанд. Ман қарор додам, ки мехоҳам блоги худро барои чопгар дӯстона кунам. Ин аз оне, ки ман фикр мекардам, хеле осонтар буд.

Чӣ гуна нусхаи чопии худро намоиш додан мумкин аст:

Барои иҷрои ин кор ба шумо лозим аст, ки асосҳои CSS-ро фаҳмед. Қисми аз ҳама мушкил истифода бурдани консоли таҳиягари браузери шумо барои санҷиши намоиш, пинҳон ва тасҳеҳи мундариҷа мебошад, то шумо CSS-ро нависед. Дар Safari, ба шумо лозим аст, ки асбобҳои таҳиягарро фаъол созед, саҳифаи худро пахш карда, Тафтиши мундариҷаро интихоб кунед. Ин ба шумо унсур ва CSS-и алоқамандро нишон медиҳад.

Сафари як варианти каме хуб дорад, ки нусхаи чопии саҳифаи худро дар нозири веб намоиш диҳад:

Сафари - Намоиши чоп дар веб нозири

Чӣ гуна WordPress Blog-и худро ба чоп мувофиқ созед:

Якчанд роҳҳои муайян кардани услуби шумо барои чоп мавҷуданд. Яке танҳо илова кардани қисмате дар ҷадвали ҷории шумост, ки хоси навъи ВАО-и «чоп» аст.

@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. Истинод ба ҷадвали нави сабки худро илова кунед functions.php файл. Шумо мехоҳед, ки файли 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 чоп карда шавад:

Намоиши чопи WordPress

Тарзи чопи пешрафта

Бояд қайд кард, ки на ҳама браузерҳо баробаранд. Шумо метавонед ҳар як браузерро санҷед, то бубинед, ки чӣ гуна саҳифаи шумо дар саросари онҳо мебинад. Баъзеҳо ҳатто баъзе хусусиятҳои пешрафтаи саҳифаро барои илова кардани мундариҷа, муқаррар кардани ҳошия ва андозаи саҳифа ва инчунин як қатор унсурҳои дигар дастгирӣ мекунанд. Маҷаллаи Smashing дорои хеле хуб аст мақолаи муфассал дар бораи ин чопи пешрафта Имкониятҳо.

Инҳоянд баъзе тафсилоти тарҳбандии саҳифа, ки ман онро барои илова кардани зикри ҳуқуқи муаллифӣ дар тарафи чапи поён, ҳисобкунандаи саҳифа дар тарафи рости поён ва унвони ҳуҷҷат дар тарафи чапи болои ҳар як саҳифа дохил кардаам:

@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 Комментарии

  1. 1
  2. 2

Ту чӣ фикр мекунӣ?

Ин сомона ба воситаи Akismet барои кам кардани спам истифода мешавад. Омӯзед, ки чӣ тавр маълумотҳои худро тафтиш кунед.