Facebookでブログ更新通知時のサムネイルを自動設定!WordPress・MarsEditユーザーに送る神プラグインのお知らせ @totto777

    こんにちはとっとです。

    facebook

    Image: creativedoxfoto / FreeDigitalPhotos.net

    モリモリブログ更新してますか?

    僕は、先日体調崩した後からまたブログ熱が上がってきて、モリモリアウトプット再開中です。

    今日はFacebookと絡めた、ブログ更新の際の「アイキャッチ画像に関する」お話。

    WordPressやらMarsEditやらFacebookやら、ブログ更新してる人向けのお話

    「アイキャッチ」って何ってところも含めて解説しています!

    それでは行ってみよう!

    なお「どうやるのかさっさと教えろし」というちょっとせっかちな方は以下のメニューからまとめへGo!

    まとめに行く

    ブログ更新はMarsEditが超便利

    MarsEdit

    みなさんはどんな環境でブログを更新していますか?

    僕はWordpressでブログを本格的に再開してからはずっとMarsEditというアプリを使っています。

    本ブログと同じCSSをMarsEdit内に適用してリアルタイムで内容がプレビューに反映されるようにしているので、一々サーバに上げなくても更新後のブログの状態を確認出来て、超便利。

    改行のポイントとか、文字間のつまり具合とか、テキストを打っているだけでは気付けないポイントをチェックすることが出来ます。

    投稿もショートカットキーで一発投稿できるので、わざわざマウスでポチポチしなくて良いのも◎

    MarsEditって何って方は下記記事を参考いただければ幸いです。

    そんな超絶便利なソフトであるMarsEditにも困ったことが一つあります。

    それは・・・

    アイキャッチ画像をMarsEdit側で設定できないこと

    そうアイキャッチ画像をMarsEdit側で設定出来ないのです。

    アイキャッチ画像とは記事を見た際に「人目に留まる」ように設定する画像のことです。

    一記事に複数の画像を投稿する場合もありますが、投稿一覧で見た際に記事の書き出しの部分と一緒に表示させる画像のことを一般的には差します。

    実は僕のブログ自体はアイキャッチ画像の設定をする必要はないんですw

    何故なら「そもそも記事構成の一部をそのまま表示しているから」です。

    単記事の内容の一部をそのまま表示するような設定にしているので記事で最初に設定している画像が表示されるため、別途アイキャッチ画像を設定する必要が特になかったのです。

    アイキャッチ画像をMarsEdit側で設定出来ない

    アイキャッチ画像を設定しないと具体的に困ること

    では何故、アイキャッチを設定できないと困るという自体になったのかというと

    答えは「Facebook」

    最近Facebookページを作成したこともあり、Facebook側にも記事の更新情報を投稿するようにしたのですが、アイキャッチを設定しないと以下のような投稿後の画面になります。

    投稿後の画面

    サムネイルの部分に使った覚えのない画像が記事の一部と一緒に表示されています。

    そう、ブログ自体には画像はいくつも貼ってあるけれども、「アイキャッチ画像」の設定をしないと「サムネイルに自分のブログの画像が表示されない」のです。

    記事の更新情報を投稿するには別にサムネイルはなくても良いのですが、これだと全ての投稿情報に同じ画像が使われてしまい、見栄えがなんとなく悪い。

    出来ることなら各記事ごとに個別のサムネイル画像を適用したいなと思ったわけです。

    が、そのままだと記事投稿後に毎回Wordpressの管理画面にログインしてアイキャッチ画像を指定しなくてはいけません。

    これは不便。

    で色々探してみたら、さすがはワードプレス!ありました。プラグインが

    自動でアイキャッチ画像を設定する熱いプラグイン「Auto Post Thumbnail」

    そうMarsEditではなくWordpress側で対応してしまおうということです!

    このプラグイン投稿すると自動的にアイキャッチ画像を設定してくれるというすぐれもの!

    今回はWordpressのプラグインの追加方法に関しては省略しますが、管理画面内の「新規追加」から「Auto Post Thumbnail」で検索すれば出てきます。

    Auto Post Thumbnail

    設定は簡単。

    インストール後にプラグインを有効にしたら、

    設定画面から「Auto Post Thumbnail」を選択、「Generate Post Thumbnails」という項目があるので、クリックしてください。

    これによって、投稿中の全記事に対してアイキャッチ画像を設定してくれるという優れ物!

    しかもアイキャッチ画像がすでに設定されている記事はスルーしてくれるという神仕様なのです♪

    それではフェイスブックページに戻ってみましょう。

    設定前の投稿時

    設定前

    はい、なんとも言えない寂しい感じです。

    設定後の投稿時

    設定後

    まとめ

    それでは今日の内容をまとめてみましょう。

    1. アイキャッチ画像を設定してFacebookページに更新情報を投稿時に個別のサムネイル画像を表示させよう
    2. MarsEditではアイキャッチ画像の設定は出来ない
    3. 設定はWordpressの「Auto Post Thumbnail」というプラグインを使う

    いかがでしたでしょうか?

    これでまたFacebookに更新情報を通知するのが楽しくなりましたね♪

    MarsEdit App
    カテゴリ: ソーシャルネットワーキング
    価格: ¥3,450

    あとがき

    あとはWordPress更新時にFBに自動投稿出来るようになればOK

    プラグインも導入済みだけど、設定が上手くいっていないorz

    導入が完了したら改めてお知らせします。

    SNSでもご購読できます。