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

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

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

  2. MarsEdit

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

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

  3. MarsEdit

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

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

  4. MarsEdit

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

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

  5. MarsEdit

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

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

最近の記事

  1. ホワイトハウスコックスの財布
  2. 進撃の巨人展FINAL チラシ
  3. 【無印良品】ゴールデンウィーク中のご飯にレトルト買い込み!
  4. 世代ど真ん中だった!!『週刊少年ジャンプ展 vol2』
  5. デジタル通貨を買ってみた記録!とりあえず元は取っている!
  6. 【コレクション】カードダス:SDガンダム外伝シリーズ
  7. 懐かしい!!カードダスSD戦国伝!!

アーカイブ

  1. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!

    ファッション

    【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  2. まってました。「スター・ウォーズ × ビックリマン」のエピソード1・2・3がきた♪

    コレクション

    まってました。「スター・ウォーズ × ビックリマン」のエピソード1・2・3がきた…
  3. 【無印良品】キッチンまわりは「整理ボックス」で仕分け♪

    無印良品

    【無印良品】キッチンまわりは「整理ボックス」で仕分け♪
  4. 日常

    ムダなジカン
  5. 味覚糖のど飴のアート缶第2弾、アンディ・ウォーホルのアート缶は集めたくなるね

    デザイン

    味覚糖のど飴のアート缶第2弾、アンディ・ウォーホルのアート缶は集めたくなるね
PAGE TOP