サポート » テーマ » twentyten子テーマでの印刷CSS

  • 解決済 poem

    (@poem)


    twentytenの子テーマでサイトを制作しています。印刷時にスクリーンで見えているのと同じ状態で印刷をさせたいと思っています。こちらのポストで同様の質問をされている方がいて

    [解決済み] ブラウザで表示されている画面のまま印刷したい
    http://ja.forums.wordpress.org/topic/3677?replies=3

    同じ方法をとればと思ったのですが、twentytenの場合最初からmedia=”all”となっており対処の仕方がわかりません。

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

    あとはstyle.cssをそのままprint.cssにリネームしてアップするという方法も試しましたがだめでした。

    ご助言いただけないでしょうか。

    WP3.4.1 + twentyten1.4です。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • poemさん、こんにちは。

    style.cssの1277行目から印刷用のCSSが記述されています。
    それらを削除、もしくはコメントアウトしてはどうでしょうか。

    トピック投稿者 poem

    (@poem)

    ryu263さん、アドヴァイスありがとうございます!
    書き忘れましたがそれはトライしてみていまして、結果はサイドバーだけが表示されるようになったのですが、やはりほかの要素は前と同じで、H1ロゴやGナビなどヘッダー部分やフッターが表示されない状態です。

    poemさん
    CSSのキャッシュがきいている可能性はないですか?
    こちらの環境では、ブラウザ表示と同様のGナビやヘッダー画像が表示されました。
    ※Firefox 14.0.1 プリントプレビュー「用紙に合わせて縮小」にて確認

    トピック投稿者 poem

    (@poem)

    ryu263さん、お忙しいところありがとうございます。
    WindowsのFFで作業しているのですが、親のCSSから印刷用のスタイル部分を削除してMacのsafariで確認したところヘッダー(ロゴとGナビ)以外は一応表示されました。(サイドバーの見出し画像が消えてたりはします)。ですのでディスプレイの表示となかなか一緒になってくれません。。

    トピック投稿者 poem

    (@poem)

    FireBugでプリントCSSを確認できないか、いまググってみたらWeb Developer Toolbarを使うとFireBugでプリントCSSをチェックできるようだったので、さっそくWeb Developer ToolbarをインストールしてCSSを「print」表示にしてみたのですがスクリーン表示と同じように表示されます。しかしプリントプレビューを見るとやはり以前のままでうまく表示されません。

    print表示とプリントプレビューが違うというのがまず問題な気がしますが、ほかのサイトではちゃんとプリントCSSが表示されるのでツール自体の問題はなさそうです。

    なんなんでしょう。。

    poemさん
    子テーマではなく、Twenty Ten を直接有効化してみても同じ症状でしょうか?
    あと気になる点として、
    画像が表示されていないとの事ですが、
    これらの画像はCSSで背景画像として表示していたりしますか?
    もしそうであれば、印刷設定の「背景色と背景画像も印刷」にチェックは入っていますか?

    トピック投稿者 poem

    (@poem)

    ryu263さん、完全にビンゴでした。。

    あと気になる点として、
    画像が表示されていないとの事ですが、
    これらの画像はCSSで背景画像として表示していたりしますか?
    もしそうであれば、印刷設定の「背景色と背景画像も印刷」にチェックは入っていますか?

    背景画像という共通点に気づくべきでした。お恥ずかしい。。

    親テーマのstyle.cssのプリントスタイルの部分を削除(コメントアウト)+印刷時に背景画像も印刷、で解決でした。

    お忙しいところお付き合いいただきありがとうございました。

    トピック投稿者 poem

    (@poem)

    解決です。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • トピック「twentyten子テーマでの印刷CSS」には新たに返信することはできません。