サポート » 使い方全般 » ブラウザからプリントするとレイアウトが崩れる

  • 解決済 sky

    (@imagehearts)


    テーマはTwenty Sixteenを使っています。
    MacのChromeでブラウザからプリントするとレイアウトが崩れ
    プリント枚数も多くなってしまいます。

    見たまま印刷ができれば、プリント枚数も少なくて良いと思い色々と調べた所
    「header.php」にある部分を修正すれば解決できる方法の記事を見つけました。

    下記が説明記事になります。
    ————————————————————————————————
    「header.php」を

    「link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen, projection” /」

    に「, print」を追加し

    「link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen, projection, print” /」

    とする
    ————————————————————————————————
    「header.php」内には、「link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen, projection” /」が見当たらないので困っています。

    テーマのフォルダ内にある他のphpファイルも調べてみましたが、見当たりませんでした。

    皆様のお力をお貸し頂けると大変嬉しいです。
    お手数をかけますが、よろしくお願いいたします。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • twenty sixteenであればfunctions.php内で
    wp_enqueue_style( 'twentysixteen-style', get_stylesheet_uri() );
    と特に触っていなければ240行目あたりにある上記記述の部分になります。

    ただ、変更していなければmediaは「all」になっており適用されるはずですので
    プリントアウト用にさらに追加でスタイルを書く形になるんじゃないかと思います。

    上記の下に
    wp_enqueue_style( 'twentysixteen-style', get_stylesheet_uri().'/css/print.css', array('twentysixteen-style'), null, 'print' );
    と書いて、twentysixteen/css/print.cssファイルを作り
    その中に記述するって感じになると思います。(違ったらすみません)

    トピック投稿者 sky

    (@imagehearts)

    jdbbさま

    アドバイスを頂き誠にありがとうございました。

    お伝えいただいた内容を試してみましたが、
    私の手順がまずいのか思うような設定ができませんでした。

    twenty sixteenのテーマフォルダにあるfunctions.php内の
    wp_enqueue_style( ‘twentysixteen-style’, get_stylesheet_uri() );
    の下に
    wp_enqueue_style( ‘twentysixteen-style’, get_stylesheet_uri().’/css/print.css’, array(‘twentysixteen-style’), null, ‘print’ );
    を書きました。

    プリント用のcssは下記の所へ置いています。
    twentysixteen/css/print.css
    こちらのprint.cssは、twenty sixteenのテーマフォルダにあるstyle.cssをコピーしてリネームしています。

    PCのブラウザからプリントするとスマホで見たようなレイアウトに崩れるので、
    これをPCで見ている状態にできればと思っています。

    print.cssが鍵だと思うのですが、そこから改善する方法が見えていません。
    よろしくお願いいたします。

    現在のstyle.cssをコピーしてもスタイルシートの名前が変わっただけでは無いですか。

    トピック投稿者 sky

    (@imagehearts)

    熊本地震東区避難所77日目さま

    アドバイスありがとうございます。
    確かにそうですね。もう一度、cssの設定を見直してみます。

    トピック投稿者 sky

    (@imagehearts)

    アドバイスをいただいたお二人のお陰で解決への糸口が見つかりました。
    ありがとうございました。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「ブラウザからプリントするとレイアウトが崩れる」には新たに返信することはできません。