MarsEdit のプレビューにブログの CSS を適用する

このエントリーをはてなブックマークに追加 Pocket
MarsEdit3Icon128.png

MarsEdit のプレビューにブログの CSS を適用すると、記事を書きながらブログ上での表示を確認することができますよ、というお話です。

Preview Template を編集する

プレビュー画面の [Edit Template] ボタンを押すと、Preview Template の編集画面が表示されます。

MarsEdit_Preview.jpg

内容は HTML ですので、ブログの CSS を反映させましょう。

MarsEdit_PreviewTemplate.jpg

このブログの CSS は単独のファイルになっていませんので、Blogger のテンプレート内から CSS を抜き出して Preview Template に反映させました。

あとがき

単純な話ですが、記事をアップする前にアップ後のイメージが確認できた方がよいですよね。

今回はそれだけの話です。

関連記事

0 コメント: