Re: 印刷(プレビュー)ですべてのリンク先が表示される

2016年3月16日 at 11:36

main.less の最後に下記を記述してみてください。


@media print {
a[href]:after {
content: "";
}
}


お約束のキャッシュのクリアをお忘れなく ^^

よろしくお願いします。

Re: 印刷(プレビュー)ですべてのリンク先が表示される

2016年3月16日 at 13:54
nipperさん。ありがとうございます。

おっしゃる方法で解決しました。
でも、どこで指定されているのかも気になるのでさがしていたら
concrete/themes/elemental/css/bootstrap-modified.css

で見つかりました。このファイルは圧縮されているようでエディタで触る気にはなれません。
圧縮前のファイルはサンプルには入ってないようですね。
 

Re: 印刷(プレビュー)ですべてのリンク先が表示される

2016年3月16日 at 15:16
ねこみみ隊長さん
nipperさん
ありがとうございました。

concrete/themes/elemental/css/bootstrap-modified.css
を削除してもサンプルには何も影響ありませんでした。
どこからもインポートされていないようです。

結論としては concrete5.7のコアシステムで読み込まれていると思うことにしました。
だからわざわざ
content: "";を指定しなければいけないようですね。

長年concrete5を使っている人はelementalをコピーして使わずにカスタムテーマを使っていると思いますがそれでもcontent: "";の指定が必要だということはそれ以外考えられません。コアの開発に携わっている人にしかわからない部分だと思います。

この質問はこれでめでたく終了しました。
最後に他の人も考えてもらってありがとうございました。
 

Re: 印刷(プレビュー)ですべてのリンク先が表示される

2016年3月16日 at 19:09
ディーンさん

手っ取り早いので先ほどの方法を書きましたけど、print.less の21行目と bootstrap-modified.css の該当箇所の両方をコメントアウトしても URL は非表示になりますよ。

プリント時に URL を表示するのは、考え方の違いだと思います。
画面の見たままをプリントしたいと思う人と、リンクテキストだと明示したい人の違いじゃないでしょうか。

initializr、Bootstrap、Foundation などの CSSフレームワークは、プリント時に URL を表示するようになっています。
海外では下記の記事を参考にしてるんじゃないかなぁと勝手に思ってます。

http://alistapart.com/article/goingtoprint

古い記事ですけど、a list apart の記事は影響力ありそうですしね ^^

以上、解決済みですけどコアではなく Bootstrap の仕様のはずなので補足させていただきました。

よろしくお願いします。

追記
今、さくらのクイックインストールで試してみました。
bootstrap-modified.css の該当箇所をコメントアウトするだけで非表示になりましたね。


/* a[href]:after{content:" (" attr(href) ")"} */


一度、試してみてください。

いずれにしても、印刷時の URL を消す方法はわかりにくいですけどね。
 

Re: 印刷(プレビュー)ですべてのリンク先が表示される

2016年3月17日 at 22:04
昨日「bootstrap-modified.css を削除しても何も変わらかった」というのは間違いでした。
ブラウザキャッシュが残っていたようです。

システムと設定-デバッグ設定でエラーにならないのは本当です。
今回ほどブラウザのデバッガをあれこれ使ったのは初めてですがfirefoxの開発ツールが一番よくできていますね。

bootstrap-modified.cssがみごとに整形されて表示されました。保存もできるのでコピペしなくても手軽です、参考画面を添付しました。現在これをつかっています。

あれこれしているうちに背景に色を付けた色が印刷されないことにも気が付き困っているところです。もちろんfirefoxで「背景色と背景画像も印刷」にチェックを入れた状態です。

もしわかりましたらどこを触ったらいいのか教えてください。bootstrap-modified.cssの中から @media printをすべて削除してもダメでした。

追記
ところでbootstrap-modified.cssはどこでインポートされているのかもわかりません。