{"id":649,"date":"2012-01-19T13:51:23","date_gmt":"2012-01-19T17:51:23","guid":{"rendered":"http:\/\/bruji.com\/articles\/?p=649"},"modified":"2012-01-19T13:51:23","modified_gmt":"2012-01-19T17:51:23","slug":"adding-page-numbers-to-print-templates","status":"publish","type":"post","link":"https:\/\/bruji.com\/blog\/2012\/01\/19\/adding-page-numbers-to-print-templates\/","title":{"rendered":"Adding Page Numbers to Print Templates"},"content":{"rendered":"<p>Some of the Pedias&#8217; printing templates add an automatic page break after a certain number of entries. Starting with version 5.0.2 of the programs, this page break can be used via CSS to style in a page number at the footer of the page. <\/p>\n<p>To add a page number add the following CSS code to the template inside the &lt;style&gt;&lt;\/style&gt; section at the top of the HTML code.<\/p>\n<p style=\"padding-left: 30px;\"><code>body {<br \/>\ncounter-reset: page;<br \/>\n}<br \/>\n.pageBreak {<br \/>\nwidth: 100%;<br \/>\ntext-align: right;<br \/>\ncounter-increment: page;<br \/>\n}<br \/>\n.pageBreak:before {<br \/>\ncontent: counter(page) \" \";<br \/>\n}<\/code><\/p>\n<p>Of course you can change the formatting or font in the pageBreak property to fit the template that you&#8217;re modifying.<\/p>\n<p><a href=\"https:\/\/bruji.com\/blog\/wp-content\/uploads\/2012\/01\/pageNumber2.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/bruji.com\/blog\/wp-content\/uploads\/2012\/01\/pageNumber2.png\" alt=\"\" title=\"Page numbers on a customized version of the TeoDVDSummary template.\" width=\"391\" height=\"254\" class=\"aligncenter size-full wp-image-662\" srcset=\"https:\/\/bruji.com\/blog\/wp-content\/uploads\/2012\/01\/pageNumber2.png 391w, https:\/\/bruji.com\/blog\/wp-content\/uploads\/2012\/01\/pageNumber2-300x194.png 300w\" sizes=\"auto, (max-width: 391px) 100vw, 391px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Some of the Pedias&#8217; printing templates add an automatic page break after a certain number of entries. Starting with version 5.0.2 of the programs, this page break can be used via CSS to style in a page number at the footer of the page. To add a page number add the following CSS code to [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[27,90],"class_list":["post-649","post","type-post","status-publish","format-standard","hentry","category-programs","tag-html-template","tag-printing"],"_links":{"self":[{"href":"https:\/\/bruji.com\/blog\/wp-json\/wp\/v2\/posts\/649","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bruji.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bruji.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bruji.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/bruji.com\/blog\/wp-json\/wp\/v2\/comments?post=649"}],"version-history":[{"count":10,"href":"https:\/\/bruji.com\/blog\/wp-json\/wp\/v2\/posts\/649\/revisions"}],"predecessor-version":[{"id":666,"href":"https:\/\/bruji.com\/blog\/wp-json\/wp\/v2\/posts\/649\/revisions\/666"}],"wp:attachment":[{"href":"https:\/\/bruji.com\/blog\/wp-json\/wp\/v2\/media?parent=649"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bruji.com\/blog\/wp-json\/wp\/v2\/categories?post=649"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bruji.com\/blog\/wp-json\/wp\/v2\/tags?post=649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}