AFFINGER4 は、おそらくアフリエイト専用の有料テーマですね。
「AFFINGER4で見たまま印刷をしたい」ということですが、現在、どのような CSS を使って、どのように表示されていて、印刷した結果がどうなっているのかが、他の人にはわかりませんから一般論で書いています。
A.テーマで使用している CSS が、画面専用に指定されている場合
1.テーマのテンプレートを確認して、CSS ファイルの指定が、下記のように「media="screen"」が、付いていたら以下のように「media="all"」にします。
<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" media="screen">
↓
<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" media="all">
2.印刷してうまくいったら終わり。
うまくいかない場合は、Bの印刷用最適化の方法で、印刷用のCSSファイルを作成する必要がある。
B. CSSが、印刷用に最適化されていない場合。
1.印刷用の CSSファイル (例:print.css)を style.css をコピーして、style.css と同じ場所に作成します。
2.print.css をテーマで読み込めるように 各テンプレートファイルに 以下のように media=print をつけた css ファイルの指定を追加します。
<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" media="all">
<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_directory_uri(); ?>print.css" media="print">
3.印刷した結果が、「見たまま」になるように print.css を調整します。
4.印刷結果が、画面と同じように調整できれば完成。
(追記)
コメントをいただいたので、ちょっと追記します。
テンプレートファイルに CSS を追加している行が見つからないということですので、おそらく functions.php で wp_enqueue_scripts フックを使って追加していると思います。
functions.php に wp_enqueue_style() を使っている下記のような部分はないでしょうか?
例:(関数リファレンス/wp_enqueue_style より引用。関数名や変数名は異なります。)
function theme_name_scripts() {
wp_enqueue_style( 'style-name', get_stylesheet_uri() );
wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );
(詳しくは、関数リファレンス/wp_enqueue_style 参照)
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/10/06 07:49
2017/10/06 08:21