*

MarsEditのプレビュー画面で、文字の折り返しを実際の見た目と合わせる方法

公開日: : 最終更新日:2013/08/06 Amazon, Apple, 開発

ブログ記事を書くときのエディタとして、なくてはならない存在のMarsEdit。

高機能なブログエディタなんだけど不満に思っていることが1点あります。

それは、MarsEditのプレビュー画面で表示されるのフォントサイズ・折り返し位置が、実際のブログの見た目と異なる点。

今回はスタイルシートの記述を使って、実際のブログと見た目を合わせる方法を紹介します。

フォントサイズはプレビュー画面でも再現できない

自分のブログデザインをMarsEditのプレビュー画面に再現させる方法は複数の方が紹介しています。

MarsEditのプレビュー画面に自分のブログ画面を完全に反映させる方法 | Cross Mode Life
[Å] MarsEdit初期設定 :デビュー2日目「プレビューに自分のブログデザインを反映させる」 | あかめ女子のwebメモ

自分のブログデザインをプレビューしながら記事を書くことができるのはMarsEditの大きな利点ですが、不満点が1つ。

フォントサイズまではMarsEditのプレビュー画面でも再現できないという点です。

プレビュー画面用のテンプレートファイルをいぢるなど、いろいろ試行錯誤しましたがフォントサイズだけはどうしても再現できず。

Marsedit preview fontsize 3

半ば諦めかけていましたが「テンプレートファイルではなく、ブログ記事を書く時に使っている編集画面にスタイルシートを直接指定すればいいのでは?」と思い試したところ、フォントサイズを再現することが出来ました!。

記事の編集画面にスタイルシートを記述

具体的な手順は以下のとおり。

1.編集画面トップにフォントサイズを指定するスタイルシートを記述

MarsEditのブログ記事編集画面を開き、先頭にフォントサイズを指定するスタイルシートを記述します。

Marsedit preview fontsize 1

僕のブログではフォントサイズをemで指定していますが、MarsEditで再現する時は指定が楽なpxで記述しています。

折り返し位置等、見た目の確認が目的なので、em指定だろうがpx指定だろうがこだわりはありません。

フォントサイズに16pxを指定したところ、実際とほとんど同じ見た目をプレビュー画面で再現することができました。

Marsedit preview fontsize 4

ちなみに、フォントサイズ指定のスタイルシートはマクロとして登録しておけばキーボードのショートカット一発で呼び出すことができますね。

Marsedit preview fontsize 2

僕は、Control+F(Font)キーをショートカットとして割り当てています。

2.投稿前にスタイルシートの記述を削除

MarsEditの記事投稿画面に指定したスタイルシートはあくまでプレビュー用。

当然のことながら投稿前には削除する必要がありますので、その点をお忘れなく。

Marsedit preview fontsize 5

まとめ

「完全に再現」とまではいかないものの、MarsEditのプレビュー画面を実際の見た目と合わせるTipsでした。

僕はフォントサイズやブログの幅をちょくちょく変えています。

なので、文字の折り返し位置などが「読みづらくなってないかな?」ということをすごい気にしているので、記事を作成している段階で実際の見た目を把握できるのはすごいメリットでした。

Googleアドセンス

いつもブログを見ていただきありがとうございます。よろしければシェアお願いします(o^-^)↓↓↓

関連記事

USBポート×3搭載、ANKERから第2世代モバイルバッテリーAstro3が登場

Ankerから第2世代の大容量バッテリー、Astro3が登場しました。 発売日は2013年9月

記事を読む

新iPadの出荷連絡がきた

出荷完了メールが来ないと落ち込んでいたダンボーです。 昨日の午前中に出荷案内メールがき

記事を読む

こだわりのスタイラス、Su-Penを購入しました

先日購入した新iPad用にスタイラスを購入しました。 購入したのはこちら、Su-Penです。

記事を読む

薄さ0.4mm!SGPのiPhone5用液晶保護ガラスGLAS.tを購入した

大阪出張した際にAppBank Store 心斎橋店でiPhone5 GLAS.tを購入しました。

記事を読む

WordPressでTwitterのつぶやきを引用して表示する方法

Wordpressでブログを運営しています。 Twitterのつぶやきをブログに引用し

記事を読む

「Where did they go from here」プラグインを導入したらPVが減った件

「Where did they go from here」プラグイン。 Where d

記事を読む

自宅ソイラテでフォームミルクを再現してみた

自宅で美味しいソイラテを飲みたい計画の第2弾として、この道具を購入してみました。 Kalita

記事を読む

ジョギングを習慣化するには紐ではなくベルクロのランニングシューズがオススメ

フォアフット走法を習得すべく、ペース配分を考えずにビブラムでランニングしたら足を故障する羽目

記事を読む

iSkinで日替わりのキャンペーンが始まりました 〜今度は海外送料も無料〜

iSkinから1本のメールが届きました。 先月のブラックフライデーを上回るキャンペーンのお

記事を読む

TUNEWEAR SOFTSHELL for iPhone 4S/4(パープル) を購入しました

iPhone4s用のケースを買ったのでレビューなど(例によって写真がメインだけど。 iPhon

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Googleアドセンス

LumsingのBluetoothスピーカーを使ってみた

Amazon等でデジタルガジェットを販売しているLumsingさんから

10400mAhの大容量モバイルバッテリーLumsing Power Bankが今なら2,490円!

Amazon等でデジタルガジェットを販売しているLumsingさんから

iPhone 5s純正レザーケース2ヶ月後の風合い

iPhone 5/5s用の純正レザーケースを購入後、早2ヶ月が経過。

支払い期日は12月5日(木)。東京マラソン2014の2次抽選に当選!

東京マラソン2014の2次抽選結果メールが到着 東京マラ

JayBird BlueBuds Xが故障したので交換した

今年の6月に購入したBluetoothヘッドフォンのJayBi

→もっと見る

  • PROFILE  デジガジェ大好きなengineer 
     物欲に生かされる日々。
     iPhone、iPad、iMac、MBA
     使いのApple信者。
     詳しい自己紹介はこちら

PAGE TOP ↑