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】至高のブログ・エディターのひとつ『MarsEdit』の体験版を導入してみた

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

  2. MarsEdit

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

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

  3. MarsEdit

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

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

  4. MarsEdit

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

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

  5. MarsEdit

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

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

最近の記事

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

アーカイブ

  1. 日常

    Collograph始まる
  2. 日常

    意外とこぢんまり
  3. マスター・ビルダー体験レッスン

    LEGO

    マスター・ビルダー体験レッスン
  4. 日常

    SF的ニュース
  5. スター・ウォーズとビックリマンチョコのコラボが再登場! 今度はシーンを再現した「Special Edition」

    コレクション

    スター・ウォーズとビックリマンチョコのコラボが再登場!シーンを再現した「Spec…
PAGE TOP