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】登録ブログのURLを変更する方法

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

  2. marsedit.jpg

    MarsEdit

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

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

  3. 20120606203412

    MarsEdit

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

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

  4. me_Flash_Player1.jpeg

    MarsEdit

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

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

  5. me_install000.jpg

    MarsEdit

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

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

最近の記事

  1. 【無印良品】ゴールデンウィーク中のご飯にレトルト買い込み!
  2. 世代ど真ん中だった!!『週刊少年ジャンプ展 vol2』
  3. デジタル通貨を買ってみた記録!とりあえず元は取っている!
  4. 【コレクション】カードダス:SDガンダム外伝シリーズ
  5. 【無印良品】作り置きに欠かせない!バルブ付き密閉保存容器
  6. 【UNIQLO】冬のジム通いにブロックテックフリースパーカをお得に購入!!
  7. 【UNIQLO】冬のジム通いにブロックテックフリースパンツをお得に購入!!
  8. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  9. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」
  10. ジムで活躍!プロテイン用のボトルにおすすめ!「nalgene(ナルゲン)の沖倉商店コラボ・ボトル」

アーカイブ

  1. 日常

    急に
  2. 【無印良品】ちょっと小さいクリップも買っておいて損はない「袋止めクリップ・小」

    無印良品

    【無印良品】ちょっと小さいクリップも買っておいて損はない「袋止めクリップ・小」
  3. Mac App Store

    Mac

    Mac App Storeで買ってみた。
  4. 日常

    風邪が・・・。
  5. Gravatar01.jpg

    WordPress

    WordPressにアバターが表示されるように「Gravatar」に登録してみた…
PAGE TOP