オフラインでもブログスタイルを反映！MarsEditのプレビュー画面設定方法

MarsEditはオフライン時スタイルが適用されない？

ハイサイ！ショウ(@OKI_NOTE)です。

最近MarsEditでブログを書くのが、とにかく楽しい！

MarsEdit – the blog editor for WordPress, Blogger
カテゴリ: ソーシャルネットワーキング
価格: ￥4,000(記事公開時)
サイズ: 7.5 MB

初期設定時にAppStoreHelperを連携させたりショートカットキーを設定したりして、かなり効率化ができたと思いますが、1番便利に感じているのはやはり「リアルタイムプレビュー」。書いているのとほぼ同時にブログのスタイルで反映されていくので、快適に執筆作業ができるできる。

あまりの便利さにもはや手放せないツールになってしまいましたが、1つだけ気がかりな点が。それは、MarsEditをオフラインで使用する際にブログのスタイルが適用されないことです。

これを解消するためには、初期設定の際にコピペしたHTMLソースを少しいじる必要があります。

30日の無料期間あり！ブログエディタ『MarsEdit』の導入＆初期設定方法 –

MarsEditを利用するにあたってのインストールの流れと、インストール直後に押さえておきたい…

MarsEditのプレビューをオフラインでも反映する方法

オフラインだとスタイルが適用されないのはなぜ？

オフライン時に自分のブログスタイルが適用されないのは、参照に使用されるスタイルシートが、自分のサーバーにアップされた外部ファイルのURLだからです。

外部ファイルであれば、オンラインでないとアクセス出来ないので、オフラインでもアクセスできるよう自分のパソコン内に入っているスタイルシートを指定します。

Macの場合の設定方法

MarsEditの初期画面の左下の設定から「Edit Preview Template」を選びます。

テンプレートのHtmlソースが表示されるので、スタイルシートがある場所を探します。「⌘＋F」で検索バーが出てくるので、style、もしくはstyle.cssと打ちます。

該当箇所がポップアップされたので、スタイルシートが参考にしているリンクを発見しました。あとはここを書き換えてきます。

オフラインでも利用できるようファイルの存在する場所(パス)を指定しますが、1番てっとり早い方法は、CSSファイルをブラウザーにコピー＆ペーストで表示することです。そうすると、URLの部分にファイルのパスが表示されるので、このURLをコピペして先ほどの外部CSSのパスに貼り付けます。

保存して数秒すると、オンライン時と変わらない程度にスタイルシートが適用されました！もちろん外部から参照にしている画像ファイルなどは「？」が表示されるようになっていますが、ブログを執筆する上では全く問題無いです。

もしオフラインのプレビュー画面をオンライン時と全く変わらないよう反映したいのであれば、それぞれのファイルパスをローカルファイルパスに変更しましょう。

ひとこと

これなら火星のオフライン環境でもエディット可能(そんな意味じゃない)

MarsEdit – the blog editor for WordPress, Blogger
カテゴリ: ソーシャルネットワーキング
価格: ￥4,000(記事公開時)
サイズ: 7.5 MB

合わせてこちらもどうぞ：

必ず結果が出るブログ運営テクニック100 プロ・ブロガーが教える“俺メディア”の極意

posted with カエレバ

コグレマサト,するぷ インプレスジャパン 2012-03-23

Amazon

楽天市場