オフラインでもブログスタイルを反映!MarsEditのプレビュー画面設定方法
MarsEditはオフライン時スタイルが適用されない?
ハイサイ!ショウ(@OKI_NOTE)です。
最近MarsEditでブログを書くのが、とにかく楽しい!
初期設定時にAppStoreHelperを連携させたりショートカットキーを設定したりして、かなり効率化ができたと思いますが、1番便利に感じているのはやはり「リアルタイムプレビュー」。書いているのとほぼ同時にブログのスタイルで反映されていくので、快適に執筆作業ができるできる。
あまりの便利さにもはや手放せないツールになってしまいましたが、1つだけ気がかりな点が。それは、MarsEditをオフラインで使用する際にブログのスタイルが適用されないことです。
これを解消するためには、初期設定の際にコピペしたHTMLソースを少しいじる必要があります。
スポンサーリンク
MarsEditのプレビューをオフラインでも反映する方法
オフラインだとスタイルが適用されないのはなぜ?
オフライン時に自分のブログスタイルが適用されないのは、参照に使用されるスタイルシートが、自分のサーバーにアップされた外部ファイルのURLだからです。
外部ファイルであれば、オンラインでないとアクセス出来ないので、オフラインでもアクセスできるよう自分のパソコン内に入っているスタイルシートを指定します。
Macの場合の設定方法
MarsEditの初期画面の左下の設定から「Edit Preview Template」を選びます。
テンプレートのHtmlソースが表示されるので、スタイルシートがある場所を探します。「⌘+F」で検索バーが出てくるので、style、もしくはstyle.cssと打ちます。
該当箇所がポップアップされたので、スタイルシートが参考にしているリンクを発見しました。あとはここを書き換えてきます。
オフラインでも利用できるようファイルの存在する場所(パス)を指定しますが、1番てっとり早い方法は、CSSファイルをブラウザーにコピー&ペーストで表示することです。そうすると、URLの部分にファイルのパスが表示されるので、このURLをコピペして先ほどの外部CSSのパスに貼り付けます。
保存して数秒すると、オンライン時と変わらない程度にスタイルシートが適用されました!もちろん外部から参照にしている画像ファイルなどは「?」が表示されるようになっていますが、ブログを執筆する上では全く問題無いです。
もしオフラインのプレビュー画面をオンライン時と全く変わらないよう反映したいのであれば、それぞれのファイルパスをローカルファイルパスに変更しましょう。

合わせてこちらもどうぞ:
OKINOTEからお知らせ
沖縄の役立つリンクまとめ始めました。
沖縄ファミリーマート初寄稿記事 !沖縄の道の駅を取材しました。
地元ンチュがおすすめ!許田、糸満、ぎのざ・・7つの道の駅で味わえる「おいしいもの」を食べに行こう (外部リンク)
スポンサーリンク
ad
シェア感謝です! \(^o^)/
-
-
LINE自作スタンプクリエイター向け。2,000円から広告販売始めました。
今月で半年を迎えるこのブログ。 おかげさまでアクセス数が順調に伸びており、7万PVを突破しました。 …
-
-
30日の無料期間あり!ブログエディタ『MarsEdit』の導入&初期設定方法
多くのブロガーが愛用している記事作成ツール「MarsEdit (マーズ・エディット)」。ブロガー必読のこちらの本にも利用のすすめが書かれていました。 必ず…
-
-
月間160万PVのプロプロガー”立花岳志”氏の7つ道具
立花岳志さんといえば、「No Second Life」というサイトの管理人で月間160万PVを突破するプロプロガーです。 アップル系ガジェットやネット関連、書評、ライフハック…
-
-
ブログデザイン更新。固定ヘッダー&ドロワーメニューとスライダーを追加!
Stinger3に、話題のWordpressテーマ「ハミングバード」のようなスライダーを追加。固定ヘッダーとドロワーメニューも導入しました。どんなデザインになったのか。使ったツールの紹介をします。…
-
-
【報告】沖縄の2大地方紙『沖縄タイムス』のWebサイトに寄稿を始めました。
この度、OKINOTEは沖縄タイムスのWebサイト「沖縄タイムス+プラス」で記事を書くことになりました。今回は、さっそく寄稿した記事含め、担当するページや寄稿に至ったまでの経緯を紹介したいと思います。…
-
-
ブログ初心者の執筆効率化に最適!ユーザー辞書よりDASHを導入しよう!
ハイサイ!ショウ(@OKI_NOTE)です。 ブログ効率化を図るために、以下の記事を読んで導入したMacアプリ「DASH」が便利すぎて感動しました!(いまさら) &nb…
-
-
Google Adsenseが広告表示回数100万回の目標達成を祝ってくれたよ
おや?アドセンスの様子が… 先日、いつものようにGoogle Adscense (グーグル・アドセンス)で本日の見積もり収益額を見ようと開いたらこんなポップが表示…
-
-
Stinger3から乗り換えずにStinger5のメリットを取り入れよう
レスポンシブデザインの魅力 ブログデザインの骨格でもあるテーマ。このブログは開設当初からStinger3を使用していますが、Stinger5がリリースされたことで乗り換えようか迷…
-
-
写真多用ブロガーにおすすめ!『するぷろ』の真骨頂は画像リサイズにあり
するぷろを1週間して使用してみて思ったこと ハイサイ!今月モブログデビューをしたショウ(@OKI_NOTE)です。 モブログという言葉に馴染みのない…
-
-
5秒でリンク作成できるアプリ紹介ツール『AppStoreHelper』が捗る!
ブロガーの間では有名なアプリリンク作成ツールAppStoreHelper。 AppStoreHelperは、AppleのApp Store 、…