人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

wordpressで記事部分のみを画面イメージのまま出力したいですが良い方法はないでしょうか?wp-printも試しましたが、css適用部分のデザインが抜けていたりと画面イメージとは若干異なります。

●質問者: kaji0245
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● だわかき
●50ポイント

WordPress で個別ページの記事部分を ajax で取得する
http://devlog.stereoism.com/archives/81


2 ● rouge_2008
●50ポイント ベストアンサー

利用しているテーマの「style.css」に、印刷用のスタイルとして必要のない要素を表示しない記述を指定する方法はいかがでしょうか?(※「WP-Print」は利用しません。)
デフォルトテーマの「Twenty Twelve」の場合は、次のような記述を追加すると記事部分のみ印刷されます。

/* =Print
----------------------------------------------- */

@media print {
header.site-header, #secondary, nav.nav-single, #comments, footer#colophon {
display: none;
}
}

※デフォルトで記述されている場合は、元の記述を他のファイル等にコピーして残しておき、ひとつずつ戻して印刷プレビューでどのような表示になるか確認しながら、記述を戻すかどうか決めるといいです。


上記とは別の方法として「WP-Print」を使う場合は、プラグインフォルダ内の「wp-print/print-posts.php」を変更するといいです。(このファイルが「WP-Print」の印刷ページ用のテンプレートとなっています。)
※利用しているテーマのフォルダ内に「print-css.css」という名前のCSSファイルを作成して、印刷用のスタイルを記述する必要があります。(※テーマの「style.css」から必要な箇所をコピーするといいです。)


【※追記※】

「WP-Print」の「readme.txt」には次のように記述されています。

= Custom Template =
* WP-Print will load 'print-css.css', 'print-posts.php' and 'print-comments.php' from your theme's directory if it exists.
* If it doesn't exists, it will just load the respective default file that comes with WP-Print.
* This will allow you to upgrade WP-Print without worrying about overwriting your printing styles or templates that you have created.


もし後者の方法を利用するのでしたら、プラグインの「print-posts.php」を変更するのではなく、利用しているテーマのフォルダ内にこの名前のファイルを作成するといいです。
※子テーマを利用している場合は、親テーマのフォルダ内に「print-posts.php」を作成する必要があります。
※子テーマを利用している場合でも、「style.css」は子テーマのフォルダ内に作成して大丈夫です。


kaji0245さんのコメント
ありがとうございます。 早速、試してみます<(_ _)>
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ