2016年1月15日金曜日

Open Live Writer で編集中のブログテーマ (テンプレート) を CSS で カスタマイズ

1. サイドバーを消したい

ブログ (Blogger) への投稿は Windows Live Writer から Open Live Writer へ乗り換えた。その結果、入力するためのテンプレートも改めて更新されてしまった。(@_@;

SnapCrab_Untitled - Open Live Writer_2016-1-15_6-11-56_No-00

Windows Live Writer で編集中のブログテーマ (テンプレート) を CSS で カスタマイズした方法と同様の設定をする必要がある。

2. テンプレートファイルの CSS を編集

  • %APPDATA%\OpenLiveWriter\blogtemplates

の中に含まれるランダムな文字列が付けられたフォルダより、Open Live Writer で使用されているテンプレートを見つける。自分の環境では、

  • index.htm
  • index[1].htm

がテンプレートファイルだった。

予め投稿先のブログより、記事に対する CSS の設定を確認しておく。

ここでは、div#main より、float, width 属性を削除した。

SnapCrab_CUsersjute1AppDataRoamingOpenLiveWriterblogtemplatese6eb9f29-500e-4a53-909a-7ac2f6fb317aindex[2]htm _2016-1-15_5-53-6_No-00

これにより、Open Live Writer の方では、サイドバーが表示されなくなる。

SnapCrab_Untitled - Open Live Writer_2016-1-15_6-12-20_No-00

3. テンプレートをクラウド上に保存しておく

PC が壊れた場合に備えて、上記で作成した index.htm を Dropbox の以下の場所に保存しておいた。

  • [Dropbox へのパス]\blog\WindowsLiveWriter\AppData\blogtemplate