wp-printについて
-
不動産プラグインにおいて、
物件詳細を印刷したいと思います。wp-printを導入しましたが、
物件画像等が全く印刷されません。
カスタマイズされた経験のある方、いらっしゃいますか?
-
WP-Printですか?
貴方のサイトを確認しましたが印刷リンクからPDFに変換しましたが画像は表示されております。
IE Chrome Firefoxで確認しました。
カスタマイズはWP-Printに同梱の
print-css.css
print-posts.php
print-comments.php
この3のファイルをテーマディレクトリにいれれば、そちらを優先して読込むのでプラグインのアップデートで上書きされません。
とりあえずprint-css.cssとprint-posts.phpを弄り倒せばレイアウトは自由に変更できますね。kurodanさん、ありがとうございます。
早速試してみます。3つをテーマディレクトリに入れるということは、
当然ボタンからのリンクは変更になりますよね?勘違いしていました。
現在の印刷リンクはWP-Printのものではないんですね。当然ボタンからのリンクは変更になりますよね?
現在のテーマに追加した(と思う)印刷をする為の記述の修正と言う意味ですか?
だとすればそのままで大丈夫だったと思いますよ。ご丁寧にありがとうございます。
今、不動産プラグインにテーマフォルダに、3つのファイルを移動して、物件詳細ページにボタンを表示させました。
しかし、クリックしても何も表示されせん(^^;もとのフォルダからは、3つのファイルは削除して大丈夫ですよね?
ボタンは、ショートコード[ print_link]を使っています。
もとのフォルダからは、3つのファイルは削除して大丈夫ですよね?
消してしまったのですか?
それが原因かもしれませんので戻してみましょう。素早いご回答、ありがとうございます。
今戻して表示してみましたが、
やはり、画像やコンテンツが表示されないですね・・・(T_T)コードをいじる必要がありますか・・・?
多分、画像がウィジェットに配置されているからでしょう。
ウィジェットを表示するような設定は無いのでprint-posts.phpを編集して表示するしかないですね。なるほど・・・
ちなみに、画像や文章コンテンツは、不動産プラグインの物件投稿画面から登録したものです。編集する場所は、分かりますか?
不動産プラグインを見てみないとハッキリしませんが使用するテーマにも依存するようですね。
ページのどこからどこまで印刷したいのですか?使用しているテーマは、twenty tenです。
物件詳細ページの、物件の物件名、左側の縦に並んでいる写真、物件の詳細説明の文章、地図、を印刷したいです。テーマに依存は画像に関してと言う意味でした。
少し見てみましたが物件の画像や情報はカスタムフィールドに登録されてますので、カスタフィールドを出力するようにすれば良いようですが、貴方のサイトを拝見したら建物と土地がありますが、それそれ出力内容が違う上、かなり項目があるように見えるので骨の折れる作業になりそうですよ(^_^;)
なるほど・・・(^^;
wp-printに固執するつもりはないので、
他に同じような機能をもたせる方法がありますか?
要は、印刷プレビューがページ内で確認出来、
ブラウザの戻るボタン等が使えればばOKです。http://bost.bostudio.co.jp/2013/05/post-7.html
こういう機能は探せました・・・追記で済みません。
骨の折れる作業は承知ですので、
やり方を教えていただければ頑張ってみます(^^;上記の質問内容についても、お願いいたしますm(__)m
WP-Printを使う場合<?php echo post_custom(‘カスタムフィールド名’); ?>で表示できます。
カスタフィールド名はsingle-fudo.phpなんかを見れば書いてあります。お探しになったページの方法は試されましたか?
この方法のほうが簡単でスマートなように思いますね・・・ありがとうございます。
探したページの中に、
次の記載があります。
—————————————————————————
印刷ボタンを押されたらbodyにクラスを付与して、クラスが付いている時だけCSSが効くようにすれば、通常時は影響を受けません。
※jQueryの読み込みは必須です。$(document).ready(function(){
$(“.printer”).click(function(){ // 印刷ボタンが押されたら
$(“body”).addClass(“print”); // body classに”print”を追加
window.print(); // 印刷を実行
var timeout = setTimeout(function(){
$(“body”).removeClass(“print”); // body classから”print”を削除
}, 1000);
return false; // 終了
});
});
————————————————————-これは、上記の内容を書いたjsファイルを作成する、という事でしょうか?
トピック「wp-printについて」には新たに返信することはできません。