media

[WordPress] 印刷時に管理者バー分の余白があるのが気になる（admin-bar）

管理者としてログインしているときに印刷モードでレンダリングを表示すると、上部に余白がついているのがきになりました。この余白は、html タグについているようです。どうも、管理者バーの分だけ画面全体を下にずらすのが目的のようです。WordPressのソースコードを検索すると、この余白が _admin_bar_bump_cb で設定されていることがわかりました。function _admin_bar_bump_cb() { $type_attr = current_theme_s...

2023.07.19 2023.07.20

とりあえずのメモプログラミングホームページ運用追記予定の話

[CSS] Cocoonで印刷時のアイコンリスト・ラベルボックスに枠をつけた

[CSS] Cocoonで印刷時のアイコンリスト・ラベルボックスに枠をつけた

ウェブページを印刷する時に、通常は「背景画像を表示しない」になっていて、画面で表示されている背景画像や背景色が印刷されません。これには、インクの使い過ぎを防ぐ効果がありますが、画面表示と見た目が変わってしまいます。特に、このホームページでは、多くのアイコンリスト、ラベルボックスを「枠なし」「薄い背景色」で設定しています。印刷時に、背景色がなくなってしまうと、構造がわかりにくくなってしまうのです。そこで、設定した背景色をもとに、枠（濃いめ）をつけるようにしました。WordPre...

プログラミングホームページ運用

[CSS] ウェブページの印刷時に一番上の画像と文字が重なった【display:inlineとblock】

[CSS] ウェブページの印刷時に一番上の画像と文字が重なった【display:inlineとblock】

教室ブログを印刷をしてみると、なぜか印刷が重なってしまうページがありました。すべてのページではなく、特定の記事だけで起こりました。・保護者の「承認」がないとアプリをインストールできないようにするには？【Google ファミリーリンク】 – スマホ教室ちいラボプリンタの問題ではなかったはじめは、プリンタが用紙の読み込みに失敗して、二重に印刷してしまったのか、と思ったのですが、よく見ると違います。印刷プレビューでも文字が重なっているのです。ページ切替えの一番上に画像があったときに...

インターネット小話プログラミングホームページ運用

ブログの印刷時のスタイルを変更する【@media print】

ブログの印刷時のスタイルを変更する【@media print】

スタイルシートは表示画面だけではなく、印刷時のスタイルを指定することもできます。今回は、先日（2020年6月1日）更新した。追加スタイルシートの中身をまとめておきます。追加CSSの中身このブログは冊子印刷でA4に2ページ分印刷したときに、文字サイズなど読みやすいように編集しています。そのまま印刷すると文字が大きすぎるかもしれません。このホームページではちょこちょこっとしたスタイルはWordPressの追加CSSに記述しています。今回、少し整理したので、まずはずらっとCSSをお...

2020.06.01 2023.05.20

ホームページ運用