Forums

WordPress › Support » How-To and Troubleshooting

Printing Website (5 posts)

  1. erika_conn
    Member
    Posted 3 years ago #

    http://ceconn.com
    Why can't I print a page the same as is shown online? Does everything have to be so flippin' complicated? All that coding and creating an additional css file. What for?

    The only way I can print this page as shown is to use Photoshop and take a picture of it.

    I followed the instructions given on http://codex.wordpress.org/Styling_for_Print#Print_Style_Example and still the damn thing looks the same.

  2. mikey1
    Member
    Posted 3 years ago #

    Hi there, you could always try printing as a .pdf file. I find this really useful, you can get a free copy of Do Pdf at this address.Basically its just a printer driver that you can select when you want a hard copy, to save as a file.
    http://www.dopdf.com/
    hope it helps.
    mike.

  3. Jeremy Clark
    Moderator
    Posted 3 years ago #

    That won't really help because it will still be formatted as if it were being printed.

    erika you said you followed the directions but I didn't see anywhere you had added the print sytle sheet. If you want to have your blog printed exactly like you see it on screen try this. In your header edit this

    <style media="screen" type="text/css">
		@import url( http://www.ceconn.com/wp-content/themes/seashore-10/style.css );
	</style>

    Change it to this.

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>"
type="text/css" media="screen, print" />

    Then in your stylesheet at the bottom. Add this.

    /* Print Style Sheet */
@media print {
copy all of your styles in between these brackets
}

  4. erika_conn
    Member
    Posted 3 years ago #

    I think I gave you the wrong website. It should be
    http://tacp.ca
    Sorry. But, come to think of it, all my sites have the sane problem.

    Now, I will follow your instructions for tacp.ca

  5. erika_conn
    Member
    Posted 3 years ago #

    http://tacp.ca
    The following is my header:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head profile="http://gmpg.org/xfn/1">
    <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
    <meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->
    <style type="text/css" media="screen">
    @import url( <?php bloginfo('stylesheet_url'); ?> );
    </style>
    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />

    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_get_archives('type=monthly&format=link'); ?>
    <?php //comments_popup_script(); // off by default ?>
    <?php wp_head(); ?>

    <link rel="stylesheet" type="text/css" media="print"
    href="<?php bloginfo('stylesheet_directory'); ?>/print.css" />

    </head>
    <body>
    <div id="header">
    <div id="logo">
    <h1>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></h1>
    <h2><?php bloginfo('description');?></h2>
    </div>
    <div id="menu">

      <li <?php if(is_home()){echo 'class="current_page_item"';}?>>" title="Home">Home
      <?php wp_list_pages('title_li=&depth=1');?>

    </div>
    </div>
    <div id="splash"></div>

    I do have a print.css stylesheet and here it is:
    /* Print Style Sheet */
    @media print {
    body { background:white; color:black; margin:0 }
    }
    #header {
    display:block
    }

    #functions {
    display:block
    }

    #single {
    display:block
    }

    #404 {
    display:block
    }

    page-links {
    display:block
    }

    #sidebar {
    display:block
    }

    #search {
    display:block
    }

    #page {
    display:block
    }

    #archives {
    display:block
    }

    #author {
    display:block
    }

    #page-archives {
    display:block
    }

    #comments {
    display:block
    }

    #footer {
    display:block
    }

    #index {
    display:block
    }

    #contact {
    display:block
    }

    OK, I thought I followed the instructions quite well but what you told me to put in Header, I can't find what it is I'm supposed to change.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags