IT仕事 秀丸 Artisteer

Artisteer4で作成したHTMLページを印刷するとCSSが画面でみたものと違う

投稿日:2015年2月17日 更新日:

「印刷するとずれる。画面と同じように印刷したい」と、お客さんが言う。

Artisteerでは style.css” media=”screen” となっているので、印刷時はスタイルシートが省略されるのだ。
それもその通りだと思ってArtisteer4のメニューのどこをどうすればそうなるのかを調べてみたのか、サッパリわからなかった。

Google先生に聞いてみると、オプションのAdditional Htmlにのように追記すればOKよというので、その通りやってみて、いったんはうまく行ったと思っていた。
しかし、実はメニューの2階層目以下では、読みに行くCSSの参照先が追従してくれなくて、うまくいかなくなる。

はてさて、これは本当にArtisteerだめだなと思って、諦めて、秀丸でGrepして置き換えの技でやることにしたのだが、制作の途中で何度もこれをやるのはしんどい。
改めてGoogle先生に、何か技はないのか聞いてみた。

すると、Artisteerをインストールしたフォルダ(自分の環境の場合、C:\Program Files\Artisteer 4)の、Library\Data\Templates\DefaultView\Files\page.htmlに、とあるので、そこを変えればOKよと。
試しにそこをmedia=”all”とすると、うまくいった。

いろいろ、使えそうだなあ。

追記2016/3/22(火)

逆に、「Additional Htmlにのように追記」すると、なぜかYouTubeコントロールなどに設定したカスタム画像が別の画像に置き換わってしまったり、ずれたりすることがあった。外部CSSファイルを使うのがだめだったのかもしれない。ともかくトラブルを避けるためにも、上記のやり方で行くべし。

-IT仕事, 秀丸, Artisteer

執筆者:

関連記事

no image

バズ部のテーマ xeory base でfacebookの「いいね」のカウント引き継ぐ

会社のサイトで、WordPressでバズ部のテーマ xeory base を使っている。 で、この度、最近、弊社サイトの常時SSL化に向けて準備を進めている。 ところで、サイトをhttps化すると、チ …

no image

トップページに「新着一覧」としてカスタム投稿を日付つきで出したく、以下のページを参考にして(コピペして)作ってみたのだが、うまくいかない。 WordPress カスタム投稿の一覧をトップページ表示する …

Jazzy Formsで見積を計算してもらいその結果をメールで送る方法

やりたいことは、 「Webサイトの見積フォームを設置し、それを使ってお客さんに見積をしてもらい、その見積結果を管理者宛に送信する」 ・・・というもの。 WordPressのプラグインで、「Jazzy …

no image

パンフ

今日、ちょっとした託物があってお客様のところを訪ねた。 またついでに、このたび新しく制作した会社案内もついでに見てもらおうと持参した。 対応した女性に肝心のをお渡しした後、「会社案内をこのたび新しくし …

no image

Windowからアクセスするネットワークフォルダの「thumbs.db」が削除できなくて困った

画像がたくさん入れてあるフォルダを削除しようとしたときに、このファイルだけ削除できなくて、結果、フォルダも削除できなくなり、困ったことになった。 Googleさまを頼ってベストな方法を検索するにも、見 …