MarsEdit

【MarsEdit】LightBox風プラグインで大きなサイズの画像を表示する方法

Marsedit fullsize image0 2

せっかくLightBox風プラグインを使っているのに、「MarsEdit」で記事を編集すると写真の拡大表示をしてくれない、というジレンマがありました。

調べてみると、解決方法があったので参考にして設定しました。

MarsEdit – the blog editor for WordPress, Tumblr, Blogger and more.
価格: ¥4,000
カテゴリ: ソーシャルネットワーキング, MZGenre.DeskApps.Productivity

設定方法

  1. 「Edit Settings」を起動
  2. 設定したいブログの上で右クリックでコンテキストメニューを表示。
    そこから「Edit Settings」を選択します。
    Marsedit fullsize image 1

  3. イメージのサイズ設定を変更
  4. 「Image Size」の項目を「Defaults To Full Size」にします。
    これで登録した写真のサイズを変更しないようにできます。
    Marsedit fullsize image 2

  5. 記事作成で「Media」を選択
  6. 記事を作成するときのウィンドウで「Media」を選択します。
    Marsedit fullsize image 3

  7. 「Media」の「Style」をカスタム
  8. 写真をどれか選び、右下にある「Style」メニューから「customize」を選択します。
    Marsedit fullsize image 5

  9. テンプレートを追加
  10. 「Media Markup Templates」で下にある「+」ボタンを押します。
    Marsedit fullsize image 4

  11. テンプレートを編集
  12. テンプレート編集画面で「Opening Markup」の部分に以下を入力します。
    widthの「hoge」の部分は好きに設定できます。「500」とか「600」とか記事の幅を設定するなどしましょう。

    1
    2
    3
    
    <a href="#fileurl#" title="#alttext#">
    <img src="#fileurl#" alt="#alttext#" title="#displayname#" border="0" width="hoge" height="auto" />
    </a>

    「Name」はテンプレート名なのでお好みで。
    Marsedit fullsize image 6

これでLightBox風プラグインの効果が最大限に引き出せるし、
「MarsEdit」も思う存分使えます♪
Marsedit fullsize image0 3

注意点「元画像の大きさをほどほどに」

注意することとしては、元の画像の大きさを大きすぎないようにすること。
その画像のサイズがそのまま表示されてしまいます!

それに画像のデータ量も大きくなりますので、ブログ記事の表示速度が低下します。特にモバイルのときなんかが。サーバーの容量も圧迫されますよ。

MarsEdit – the blog editor for WordPress, Tumblr, Blogger and more.
価格: ¥4,000
カテゴリ: ソーシャルネットワーキング, MZGenre.DeskApps.Productivity

▼参考にさせていただきました。

関連記事

  1. marsedit.jpg

    MarsEdit

    【MarsEdit】使い始めるためにブログを登録する方法

    Macを新調し、MarsEdit環境を整えるためにおさらいします…

  2. me_Flash_Player1.jpeg

    MarsEdit

    【MarsEdit】頻繁に落ちる人は「Flash Player plugin」を最新版にしてみて!

    ブログ執筆にはかかせないソフトの代表といえば「MarsEdit」で…

  3. marsedit

    MarsEdit

    【MarsEdit】登録ブログのURLを変更する方法

    MarsEditを愛用しています♪それで、ブログのドメインが変わ…

  4. me_install000.jpg

    MarsEdit

    【MarsEdit】至高のブログ・エディターのひとつ『MarsEdit』の体験版を導入してみた

    Macなブロガーなら多くの人が導入しているだろうMacApp『…

  5. 20120606203412

    MarsEdit

    【MarsEdit】登録ブログのログインユーザー名・パスワードを変更する方法

    今までのブログが消えて、ドメインも完全に移行したのでログインユーザー…

最近の記事

  1. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  2. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」
  3. ジムで活躍!プロテイン用のボトルにおすすめ!「nalgene(ナルゲン)の沖倉商店コラボ・ボトル」
  4. コミックのイラストが新鮮だった!『MARVEL展』
  5. ジム用に購入♪ リバーサル・オッシュマンズ別注「ドライスウェットショーツ」
  6. 暮しの手帖社とのコラボ作品!大きい面積が使いやすい!「日東紡の新しいふきん」
  7. 水引と風呂敷の包み方のデザインが美しい引き出物「祝づつみ」
  8. 【無印良品】ちょっと小さいクリップも買っておいて損はない「袋止めクリップ・小」
  9. 【無印良品】普通に使えるクリップが安くてうれしい「袋止めクリップ・大」
  10. 今年の手帳はコレに決めた♪「ほぼ日手帳 2017 オリジナル」

アーカイブ

  1. katagami_style01

    展覧会

    世界が恋した日本のデザインを観よう!『KATAGAMI Style展』の見どころ…
  2. ミニランド

    LEGO

    東京の街並みをレゴで再現する「ミニランド」プロジェクト開催中
  3. 日常

    終電越え
  4. sync_services_error1

    日常

    iPhoneのシンクサービス・エラーやっと解消。
  5. 日常

    東京ベタ名所撮影
PAGE TOP