{"id":514,"date":"2008-05-29T08:13:53","date_gmt":"2008-05-29T13:13:53","guid":{"rendered":"http:\/\/www.mccordwebdesign.com\/blog\/?p=110"},"modified":"2008-05-21T19:53:08","modified_gmt":"2008-05-22T00:53:08","slug":"use-css-for-print-friendly-pages","status":"publish","type":"post","link":"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/29\/use-css-for-print-friendly-pages\/","title":{"rendered":"Use CSS for Print Friendly Pages"},"content":{"rendered":"<p>It used to be that if you wanted a print friendly page version of each page of your website you made one and blocked the search engines from indexing them as duplicate content by blocking them in your robots.txt file, but now you can get your printer friendly page with just a wee bit of CSS code and a print style sheet.<\/p>\n<p>With all custom web\u00a0sites that we design now, we include the CSS to create a printer friendly page, just by clicking print &#8211; no new URLs just smart coding. It&#8217;s a fairly simple thing to do and yet so very elegant and much appreciated by readers.<\/p>\n<p>In our print friendly versions, we block out colors, navigation, and sometimes images. In our current site <a href=\"http:\/\/www.mccordweb.com\/\">www.mccordweb.com<\/a> and <a href=\"http:\/\/www.mccordwebdesign.com\/\">www.mccordwebdesign.com<\/a> we do not use CSS print versions as these sites are older sites and we will be replacing them with new designs this year, but all new client websites have CSS print friendly pages.<\/p>\n<p>If you have a website in design right now, make sure to ask your web designer will they be doing CSS print version pages for you as well.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It used to be that if you wanted a print friendly page version of each page of your website you made one and blocked the search engines from indexing them as duplicate content by blocking them in your robots.txt file, but now you can get your printer friendly page with just a wee bit of CSS code and a print style sheet. With all custom web\u00a0sites that we design now, we include the CSS to create a printer friendly page, just by clicking print &#8211; no new URLs just smart coding. It&#8217;s a fairly simple thing to do and yet so very elegant and much appreciated by readers. In our print friendly versions, we block out colors, navigation, and sometimes images. In our current site www.mccordweb.com and www.mccordwebdesign.com we do not use CSS print versions as these sites are older sites and we will be replacing them with new designs this year, but all new client websites have CSS print friendly pages. If you have a website in design right now, make sure to ask your web designer will they be doing CSS print version pages for you as well.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[193,435],"class_list":["post-514","post","type-post","status-publish","format-standard","hentry","category-web-design","tag-best-practices","tag-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Use CSS for Print Friendly Pages | The Web Authority<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/29\/use-css-for-print-friendly-pages\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Use CSS for Print Friendly Pages | The Web Authority\" \/>\n<meta property=\"og:description\" content=\"It used to be that if you wanted a print friendly page version of each page of your website you made one and blocked the search engines from indexing them as duplicate content by blocking them in your robots.txt file, but now you can get your printer friendly page with just a wee bit of CSS code and a print style sheet. With all custom web\u00a0sites that we design now, we include the CSS to create a printer friendly page, just by clicking print &#8211; no new URLs just smart coding. It&#8217;s a fairly simple thing to do and yet so very elegant and much appreciated by readers. In our print friendly versions, we block out colors, navigation, and sometimes images. In our current site www.mccordweb.com and www.mccordwebdesign.com we do not use CSS print versions as these sites are older sites and we will be replacing them with new designs this year, but all new client websites have CSS print friendly pages. If you have a website in design right now, make sure to ask your web designer will they be doing CSS print version pages for you as well.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/29\/use-css-for-print-friendly-pages\/\" \/>\n<meta property=\"og:site_name\" content=\"The Web Authority\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mccordweb\" \/>\n<meta property=\"article:published_time\" content=\"2008-05-29T13:13:53+00:00\" \/>\n<meta name=\"author\" content=\"Nancy McCord\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mccordweb\" \/>\n<meta name=\"twitter:site\" content=\"@mccordweb\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nancy McCord\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2008\\\/05\\\/29\\\/use-css-for-print-friendly-pages\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2008\\\/05\\\/29\\\/use-css-for-print-friendly-pages\\\/\"},\"author\":{\"name\":\"Nancy McCord\",\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#\\\/schema\\\/person\\\/ff9d4b511f78814fa53f990f16f66425\"},\"headline\":\"Use CSS for Print Friendly Pages\",\"datePublished\":\"2008-05-29T13:13:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2008\\\/05\\\/29\\\/use-css-for-print-friendly-pages\\\/\"},\"wordCount\":202,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#organization\"},\"keywords\":[\"Best Practices\",\"Web Design\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2008\\\/05\\\/29\\\/use-css-for-print-friendly-pages\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2008\\\/05\\\/29\\\/use-css-for-print-friendly-pages\\\/\",\"url\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2008\\\/05\\\/29\\\/use-css-for-print-friendly-pages\\\/\",\"name\":\"Use CSS for Print Friendly Pages | The Web Authority\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#website\"},\"datePublished\":\"2008-05-29T13:13:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2008\\\/05\\\/29\\\/use-css-for-print-friendly-pages\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2008\\\/05\\\/29\\\/use-css-for-print-friendly-pages\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2008\\\/05\\\/29\\\/use-css-for-print-friendly-pages\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Use CSS for Print Friendly Pages\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#website\",\"url\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/\",\"name\":\"The Web Authority | McCord Web Services News\\\/Blog\",\"description\":\"Smart Digital Marketing, Real Business Results - McCord Web Services\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#organization\",\"name\":\"McCord Web Services LLC\",\"url\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/McCord-Web-White-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/McCord-Web-White-logo.png\",\"width\":450,\"height\":203,\"caption\":\"McCord Web Services LLC\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/mccordweb\",\"https:\\\/\\\/x.com\\\/mccordweb\",\"https:\\\/\\\/www.instagram.com\\\/nancy_mccord\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/nancymccord\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/mccordweb\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#\\\/schema\\\/person\\\/ff9d4b511f78814fa53f990f16f66425\",\"name\":\"Nancy McCord\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4d7eceefc200ee5c17e44755f885f77c9f52a3e672be4d27ece0305f750b9678?s=96&d=blank&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4d7eceefc200ee5c17e44755f885f77c9f52a3e672be4d27ece0305f750b9678?s=96&d=blank&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4d7eceefc200ee5c17e44755f885f77c9f52a3e672be4d27ece0305f750b9678?s=96&d=blank&r=g\",\"caption\":\"Nancy McCord\"},\"description\":\"Nancy McCord is the President and resident blogger for McCord Web Services LLC. She has been providing global web services since 2001. She is a web designer, search engine marketing professional, and search engine and blog expert. She lives in Maryland just south of the Washington DC metro area.\",\"sameAs\":[\"http:\\\/\\\/www.mccordweb.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Use CSS for Print Friendly Pages | The Web Authority","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/29\/use-css-for-print-friendly-pages\/","og_locale":"en_US","og_type":"article","og_title":"Use CSS for Print Friendly Pages | The Web Authority","og_description":"It used to be that if you wanted a print friendly page version of each page of your website you made one and blocked the search engines from indexing them as duplicate content by blocking them in your robots.txt file, but now you can get your printer friendly page with just a wee bit of CSS code and a print style sheet. With all custom web\u00a0sites that we design now, we include the CSS to create a printer friendly page, just by clicking print &#8211; no new URLs just smart coding. It&#8217;s a fairly simple thing to do and yet so very elegant and much appreciated by readers. In our print friendly versions, we block out colors, navigation, and sometimes images. In our current site www.mccordweb.com and www.mccordwebdesign.com we do not use CSS print versions as these sites are older sites and we will be replacing them with new designs this year, but all new client websites have CSS print friendly pages. If you have a website in design right now, make sure to ask your web designer will they be doing CSS print version pages for you as well.","og_url":"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/29\/use-css-for-print-friendly-pages\/","og_site_name":"The Web Authority","article_publisher":"https:\/\/www.facebook.com\/mccordweb","article_published_time":"2008-05-29T13:13:53+00:00","author":"Nancy McCord","twitter_card":"summary_large_image","twitter_creator":"@mccordweb","twitter_site":"@mccordweb","twitter_misc":{"Written by":"Nancy McCord","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/29\/use-css-for-print-friendly-pages\/#article","isPartOf":{"@id":"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/29\/use-css-for-print-friendly-pages\/"},"author":{"name":"Nancy McCord","@id":"https:\/\/www.mccordweb.com\/weblogs\/#\/schema\/person\/ff9d4b511f78814fa53f990f16f66425"},"headline":"Use CSS for Print Friendly Pages","datePublished":"2008-05-29T13:13:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/29\/use-css-for-print-friendly-pages\/"},"wordCount":202,"commentCount":0,"publisher":{"@id":"https:\/\/www.mccordweb.com\/weblogs\/#organization"},"keywords":["Best Practices","Web Design"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/29\/use-css-for-print-friendly-pages\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/29\/use-css-for-print-friendly-pages\/","url":"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/29\/use-css-for-print-friendly-pages\/","name":"Use CSS for Print Friendly Pages | The Web Authority","isPartOf":{"@id":"https:\/\/www.mccordweb.com\/weblogs\/#website"},"datePublished":"2008-05-29T13:13:53+00:00","breadcrumb":{"@id":"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/29\/use-css-for-print-friendly-pages\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/29\/use-css-for-print-friendly-pages\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/29\/use-css-for-print-friendly-pages\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mccordweb.com\/weblogs\/"},{"@type":"ListItem","position":2,"name":"Use CSS for Print Friendly Pages"}]},{"@type":"WebSite","@id":"https:\/\/www.mccordweb.com\/weblogs\/#website","url":"https:\/\/www.mccordweb.com\/weblogs\/","name":"The Web Authority | McCord Web Services News\/Blog","description":"Smart Digital Marketing, Real Business Results - McCord Web Services","publisher":{"@id":"https:\/\/www.mccordweb.com\/weblogs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mccordweb.com\/weblogs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.mccordweb.com\/weblogs\/#organization","name":"McCord Web Services LLC","url":"https:\/\/www.mccordweb.com\/weblogs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mccordweb.com\/weblogs\/#\/schema\/logo\/image\/","url":"https:\/\/www.mccordweb.com\/weblogs\/wp-content\/uploads\/2025\/09\/McCord-Web-White-logo.png","contentUrl":"https:\/\/www.mccordweb.com\/weblogs\/wp-content\/uploads\/2025\/09\/McCord-Web-White-logo.png","width":450,"height":203,"caption":"McCord Web Services LLC"},"image":{"@id":"https:\/\/www.mccordweb.com\/weblogs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/mccordweb","https:\/\/x.com\/mccordweb","https:\/\/www.instagram.com\/nancy_mccord\/","https:\/\/www.linkedin.com\/in\/nancymccord","https:\/\/www.youtube.com\/user\/mccordweb"]},{"@type":"Person","@id":"https:\/\/www.mccordweb.com\/weblogs\/#\/schema\/person\/ff9d4b511f78814fa53f990f16f66425","name":"Nancy McCord","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/4d7eceefc200ee5c17e44755f885f77c9f52a3e672be4d27ece0305f750b9678?s=96&d=blank&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4d7eceefc200ee5c17e44755f885f77c9f52a3e672be4d27ece0305f750b9678?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4d7eceefc200ee5c17e44755f885f77c9f52a3e672be4d27ece0305f750b9678?s=96&d=blank&r=g","caption":"Nancy McCord"},"description":"Nancy McCord is the President and resident blogger for McCord Web Services LLC. She has been providing global web services since 2001. She is a web designer, search engine marketing professional, and search engine and blog expert. She lives in Maryland just south of the Washington DC metro area.","sameAs":["http:\/\/www.mccordweb.com"]}]}},"_links":{"self":[{"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/posts\/514","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/comments?post=514"}],"version-history":[{"count":0,"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/posts\/514\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/media?parent=514"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/categories?post=514"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/tags?post=514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}