WordPressテーマ スタイル変更備忘録 media printの使い方

Bootstrapベースのワードプレス・テーマ ワードプレス教室の生徒さんがホームページ作成に使用中。
ブラウザーでの印刷に対応していない。印刷用のスタイルの追加作業中@WordPressスクール

@media print {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}

}

About the author: 横浜ワードプレス教室 鎌田裕二

経歴

  • 2019年 ワードプレス作成代行(カルチャースクール)、
    ワードプレスをプラットフォームとするシステム開発(継続中)
  • 2015年 ホームページビルダー20教材開発に参画
  • 2015年 ワードプレス教室として講座開設
  • 2013年 パソコン教室キュリオステーション本部にて
  • ホームページビルダー講座開催
  • 2009年 ホームページビルダー教室開設(横浜市鶴見区)
  • 2009年 パソコン教室 キュリオステーション横浜鶴見つくの店 開業
  • 2008年 個別指導学習塾 京進スクール・ワン 中央林間教室 室長補佐
  • 2006年 日本アイ・ビー・エム 勤務(約20年間) 海外赴任(米国)、
    ホームページビルダー開発責任者など歴任
  • アレグロマーケティング  「ホームページ・ビルダーの元開発責任者が語るWEB制作について」 平成26年2月19日
  • 読売新聞 商店街ルネサンス レアールつくの商店街 「集客仕掛け 次々挑戦」 平成24年1月31日
  • かながわ商店街新聞 (商連かながわ発行)平成23年11月号 21世紀のまち 元気な店 「まちの人たちをデジタルとリアルに繋げて、プロデュース」
  • 神奈川新聞 「園児の絵がクリスマスムードに商店街彩る 「ツイッター」で感想募集も」 2010年12月1日
  • タウンニュース(鶴見区版) 平成22年11月25日 「地域活性化に園児の絵 『レアールつくの』がギャラリーに」
  • 日本経済新聞(神奈川版) 平成22年8月11日 「商店街・自治体もつぶやきなう」
  • デジタルニュース 2010年4月30日 「あなたの街のスクール訪問! 鶴見つくの店編」
  • 日本工業新聞 平成12年7月7日「光る研究室2000 インタビュー 自分が欲しいモノを作る 日本IBM大和事業所 ソフトウエア開発研究所」
  • DOS/V magazine 2001.1.15 「荻窪圭が訊く Webデザインのトレンドは大和から?ホームページビルダーが普及した理由」
  • IBMデジカメの達人 フォトレタッチ マニュアル 1999.11.1(共著)