ブロガー必須エディタ「marsedit」の設定方法まとめ！使い方からプレビュー画面の変更まで。

Aさん

marseditってエディたがいいって聞いて買ったんだけど、使い方分かんねええええええ！5000円もしたやで！

ひきこ

安心せい。俺が動画付きで解説したるわ

プロ引きこもり(@luckyman0302)だ。

marseditはブロガー必須のエディタってよく言われてるよね。僕ももれなく買ってみた。

んだけど、なんだろう、意外と設定に手間取るのよね。これ。なので今回は

そんなあなたのためにその全てをまとめておくよ。

ひきこ

これみて設定終われば、いい感じに使えるようになってるはず！

marseditはこちらでチェック！

ブロガーにおすすめなエディタmarseditとは？

このエディタは、ワードプレスでもはてなブログとも連携できる外部のエディタ。macのアプリなのでウィンドウズは使えない。

このエディタのすごいところは、以下の機能があるところ。

こんなところかな。

これを使ってから僕自身、記事の生産スピードがめちゃ上がった。まだ使って一ヶ月だけど、ぜんぜん違うね。もうワードプレスのデフォルトのエディタには戻れない…。

最初は懐疑的で、ブログ始めてから1年以上使ってなかったんだけど一気にはまってしまった。

買い切り4,800円でずっと使えるので、生産性あげたいあなたはぜひ使ってみてほしい。

marseditの問題点

でも問題点もある。それが冒頭でも書いた「設定方法がよくわかんない」ってこと。

もちろんネット上にはいろんな記事でまとまってるんだけど、細かいところが書いてなくってつまづいたところが多々あった。僕はね。

みたいな。

ほんと細かい部分なんだけどね。これを知らないと、marseditで編集したのに、結局ワードプレスでも編集しないといけない…みたいなことになるよ！

ぜひ、この続きを読んでみてね。できるだけ詳しくまとめるよ。👇

ひきこ

ただし、この記事はワードプレスユーザ向けに書かれてるのでそこだけご了承ください。

ブロガーにおすすめなエディタ「marsedit」の使い方

これはとっても簡単で、以下の流れになる。

これだけ。

ほぼ直感的に使えるので、ここは以下の画像で見て欲しいなと。

問題はこの後の細かい設定なので、そこを詳しく書くよ。

ワードプレスユーザ向け！ブログエディタ「marsedit」の設定方法まとめ(動画付)

ザクッと動画にもしてるのでまずはご覧あれ！2倍速だと10分くらいだよ。

で、この動画の中で出てきてるもの、出てこないもの含めて、いかに一個ずつ画像付きで解説するよ。ラインナップはこちら👇

みたいな感じだ。今後も随時追記する。

では、早速行くよ。

marseditをダウンロードした後の最初の設定方法：ブログを登録する

まずはダウンロードをして、次に設定するんだけどそこから。ちょっと僕はすぐに登録してしまって画像を用意できなかったんだけど、インストールした後に開くと

を入力する画面が出るので、そこでまずは入力。そのときの注意点は「二段階認証プラグインを登録しておくと弾かれるので、解除しておくこと」だね。僕はそれで弾かれたので！

それで登録が終わると、以下の画面になる。のでブログ名のところで右クリックして「edit settings」を選択👇

その後に「General」の画面で画像のように設定を。👇

ここでの注意点は囲ってある部分のURLの後に「/xmlrpc.php」って入れるのを忘れないこと！

次に「editing」っておころで画像のように設定を！👇

これですで投稿自体はできるようになってるよ！お疲れ様。

Marseditのプレビュー画面をブログとまったく同じにする方法

次に、これ。

デフォルトだと、プレビュー画面が何の装飾もない白黒の感じになるのね。これだと実際ぜんぜんプレビューできないじゃんって。なのでそれをブログと同じにする方法を紹介するよ！

まずは、ワードプレスのエディタで新規記事作成を画像のようにして見てね。👇

ここの注意点は、画像にある通りに入力すること。

で、右のほうにプレビューボタンがあるからそれでプレビュー画面に。その後に上のツールバーから「ソースコードを表示」を選択。👇

そうすると、こんなカオスな画面になるので、それを全選択してコピー。👇

で、marseditのこの画面を開いて…👇

全部コードをペーストして保存。👇

これでプレビュー画面がブログと同じ感じになるよ！こうやってね。👇

marseditでプレビューするたびにPVカウントされるのを防ぐ方法

で、この時に合わせてやって欲しいのが、アナリティクスにプレビューがカウントされなくする方法。これをやらないとPVが無駄に増える(いいのかな？w)ので、やって見てね。

まずは先ほどのソースコードをペースとした画面に行くよ。

そん後に、画像のようなコードを探して、囲われてる部分を全削除。これだけでOK。👇

ひきこ

これは、all in one seoにアナリティクスコード入れてる人がやるべきことだよ！そうでない人はちょっとごめん。わからない…。

画像をフルサイズかつワードプレスエディタと同じにする方法

これ、地味に大事なんだよね。

marseditでも画像挿入はフルサイズでできるんだけど、画像のサイズ通りになってしまうってわけ。いわゆる「画面いっぱいの状態」にならないの。

デフォルトだとこういう感じになる(画像は適当)。👇

スマホだといっぱいだと思うんだけど、PCだと小さいんだよね。しかも、僕はCSSで画像には影ができるようにしてるんだけど、それも反映しない。だからデフォルトだとあとで結局ワードプレスで編集しないとになるんだよね。

これを解決する方法だよ。

ワードプレスエディタで画像を挿入したコードをmarseditに登録する

これをやると、marsedit上でワードプレスエディタで編集した通りになる。僕で言えば画面いっぱいになって、かつ影がつく感じ。

そのやり方をば。

まずはこの画面＝画像挿入画面を開いて欲しい。⌘+2で開けるよ。👇

この時に、ブログに使う画像フォルダをドラッグ&ドロップで入れておくといいよ。👇

普通にfinderでファイル開いてドラッグ&ドロップすればOK。

で、画像の設定方法だけど、この画像挿入画面でここを選択👇

style→customiseってところ。そうすると、こんな画面になるので+を選択👇

で、こんな画面になるので、そこにワードプレスエディタで撮ったコードを入れておく。👇

ちなみに僕の場合はこんなコードを入れてるよ。👇

#fileurl#と#alttext#は絶対に入れておくといいよ！

marsedit上でall in one seoの設定ができるようにする方法

さてさて、次に行くよ。

ワードプレスの場合、All in one SEOというプラグインを入れてる人が多いはずなんだけど、これってデフォルトだとmarseditで編集できないんだよね。そうなると、ワードプレスでまた編集しないとだし、クッソ面倒。

だから、marseditでそれをできるようにする方法を紹介するよ。

まずは専用プラグインをダウンロードしてね

この設定には、まず専用のプラグインを手に入れる必要がある。それはこちらの記事でDLできるので、とりあえずDLしてきて欲しい。

で、それをワードプレスのプラグインにアップロード＆インストールして、戻ってきてね。

そのあとの設定は、まずは最初の方でやったedit settingsを開いてね。👇

で、そのあと「custom fields」のところで以下のように記載すればOK！！👇

ひきこ

これは全く同じでOKだよ！

ちなみに以下のように描けばOK。上記の画像を参考にしてね。

これが終われば、記事投稿画面でこうなってるはずだよ。👇

ひきこ

ここまできたらあとは簡単だよ！もう少し！

marseditのショートカットキーの入力方法と注意点

さて、次は編集画面でのショートカットキーの登録。これをしておくとワンタッチでHTMLが書けるから超楽。動画で実際動いてるところ見せてるので中盤を見て見てね。

まずは記事編集画面のところで以下の画面を開いてみよう。👇

format→customiseでいける。そうすると、以下の画面になる。👇

+から追加できる。選択すると、以下の画面になるのでそこから登録👇

OKを選択すると登録される。👇

これを登録しておくと、自分で設定したショートカットキーを押せばコードが出るよ。注意点としては、⌘を絶対入れないとだめってこと。これはどこにも書いてなかったんだよね。僕はこれを知らずにこうなった。

ひきこ

なんで登録したのに反映されねえんだよおおおおおお！

って。

marsedit上でパーマリンクの設定をできるようにする

これも生産性を上げるためには大事。

パーマリンク＝スラッグを入力できるようにする必要がある。これはとっても簡単んだよ。記事編集画面で、この画面を開いて、「slug field」をチェックすればOK 👇

これをやれば、パーマリンクが設定できるようになるよ。この記事いえばURLの後のmarseditてのがそれ。

marsedit上でリライトができるようにする方法

marsedit上でリライトすると、更新日が変わるのでURLが「ドメイン/更新日/すらっぐ」になってると、同じ記事がふたつできちゃうんだよね。これをそうならないようにする方法を書くよ。

そのためには、ワードプレスでのパーマリンク設定を変えること。以下のようにしよう。👇

これをやれば、リンクが変わらないのでmarsedit上でリライトしても大丈夫になる。

ただし、リダイレクト設定をしよう

ワードプレスのパーマリンク設定を変えると、記事全部のURLが変わる。

となると、過去のURLなどアクセスできなくなる。だから、リダイレクト設定をしないといけないんだよね。これに関しては僕もやったんだけど、こちらの記事がとてもわかりやすいのでぜひやって見て欲しい。

ちなみにアクセス数や順位はおおきくは変動してないので、大丈夫だと思う。今のところね！

ひきこ

以上でmarseditの主だった設定は終わり！これで心置き無く使えるよ！

marseditはブログやってる人なら絶対使って欲しいエディタだ！

僕はブログ歴2年くらいだけど、最近これを使い始めて「なぜもっとはよ使わんかった！」という感じだ。

それくらい使い勝手もいいし、楽チン。

生産性を上げたいなら強くオススメしたい。本当に執筆が楽になるよ。これで買い切り4800円はとても安い。早めに導入して見て！

marseditはこちらでチェック！