めんどこちょい

仮想通貨を中心とした雑記ブログ。

ワードプレスのサイトをTwitterでシェアした時、リンクで画像を表示させる方法 【2018年最新版】

ワードプレスのテーマ、「Stork」を使っています。

このテーマ、さすが有料テーマだけあって基本的にはいう事なしのとても使いやすいテーマ(しかも、カスタマイズの方法も、公式ページやブロガーさんがいろいろ上げてくださってる)

 

が!しかし!

ツイッターで記事がシェアされた時に、デフォルトでは画像が表示されないんですよ。

かなりつまづいたので、初心者の私が解決した方法を紹介します。

 

ツイッターに画像を表示させるには、「ツイッターカード」

 

まず、ツイッターで記事がシェアされた際に画像を表示させるには、ホームページやブログ側でそのように設定されている事が大事です。(わざわざ個人が設定しなくても、ブログサービスや使用しているテーマで設定されている場合もあるかと思います)

 

※シェアする人ではなく、元の記事側での設定が必要です。

 

ツイッターカードについては、こちらのサイトで分かりやすく説明されています

saruwakakun.com

 

 

「このサイト記事のアドレスがツイッターに張り付けられたら、画像と一緒に表示してね」という解釈で良いかと思います。

 

 

ワードプレス側→Twitter側の2段階で設定が必要

何やら設定しないと自動では画像は表示されない、という事を理解されたなら、いざ設定です。プロセスとしては、2段階になります。

 

1、ワードプレス側で設定する

 

2、ワードプレス側で設定が完了したら、ツイッターにそれを申請する

 

順番に説明していきますね。

 

 

1、ワードプレス側の設定方法

まず、大きく分けて2つの方法があります。

 

A、使用しているテーマ(例えばstork)のテーマ側を自分でいじる方法。

ワードプレスの、「ヘッダー」どと呼ばれる部分に新しい命令をかけることになります。

 

B、プラグインを使う

 

A、使用しているテーマ(例えばstork)のテーマ側を自分でいじる方法。

はじめに、ここまで読んで「ヘッダー?」となっている方には、この方法はオススメしません。

テーマを変更する際は子テーマを作ってから子テーマの方をを変更する、とか、そういうのが分からない人は、ヘッダーをいじると、変な事になってしまう恐れがあります。

私もそんな1人です。 そういう人は次に紹介するm「プラグインを使う」方法でやりましょう。

 

ヘッダーさわっても大丈夫!という方は、こちらの記事をどうぞ。

10分で終わるらしいので、分かる人には簡単なのかと。

webshufu.com

 

 

B、プラグインを使う

ヘッダーを触るのが怖い、もしくは、テーマを時々変更するような方はこちらが良いと思います。

使用するテーマに関係なく、ワードプレスプラグインを入れて命令をかける、という事です。

 

ツイッターカードの設定をできるプラグイン」にもいくつかあります。

今回は、多くの人に使われていて信頼できる、初心者である私でも設定できた、という事から、「All one SEO pack」というプラグインを紹介します。

 

「All one SEO pack」の設定の仕方は、こちらのサイトに分かりやすくまとめられています。

itbenricho.com

 

こちらも分かりやすかった

hashimon.wpblog.jp

 

 

 

2、ワードプレス側で設定ができたら、Twitterサイドで、Twitterカードの確認・申請

 

上記のどちらか方法でサイト側の設定が完了したら、今度はツイッターそれに申請します。

 

「うちのサイト、シェアされたら画像も表示されたいねん。 ツイッターさんもそこんとこよろしく」 ってことです。

 

これは、「Twitterカードの申請ページ(Card validator)」にアクセスして、そこで行います。

 

先程と重複になりますが、この方法もこちらの記事が分かりやすかったですね。

itbenricho.com

 

 

ほとんどの部分はこれで大丈夫なのですが、つまづきそうな箇所を補足しておきますね。

 

 

注意1:アイキャッチ画像は「Featured image」

 

All in One SEO>ソーシャルメディア>画像設定>OG:Image ソースを選択

の項目で「記事がシェアされた時にはどの画像を表示させるか」を選択するのですが、

だいたいの記事に「アイキャッチ画像がおすすめです」と書かれています。

 

で、私もアイキャッチ画像にしてるんですが、「アイキャッチ画像」って言葉はどこにも書いてなかったんですね。選択肢が英語だったんですよ。。。

 

他の方が記事を書かれた時点では日本語だったようですが。バージョンの違いかな。

 

アイキャッチ画像を選択したい人は、

All in One SEO>ソーシャルメディア>画像設定>OG:Image ソースを選択

のところで、「Featured image」を選んでください。

 

f:id:mendoko:20180415014420p:plain

 

 

注意2:「要約の大きい画像(Summary Large Image)」を試してほしい

 

問題なさそうなのに、いざやってみても画像が表示されない! という事があります。

 

まず、先程の「Twitterカードの申請ページ(Card validator)」 で、「ERROR: No card found (Card error)が表示される時は、ワードプレス側の設定がきちんとできてない時です。

 

*.あなたのサイトアドレス is whitelisted for summary card」が表示されていればツイッターカードの作成は成功したということになります。

 

が、それでも反映されない。

 

そんな時は、

All in One SEO>ソーシャルメディアTwitter設定>デフォルトTwitterカード

の項目を確認してください。

 

「要約」と「要約の大きい画像」を選ぶところで、「要約の大きい画像」を選択すると、解消されると思います。(英語だと、SummaryとSummary Large Image)

 

 

f:id:mendoko:20180415015904p:plain

 

 

※色んなサイトで、「基本はSummaryでOK」と書いてあったので、「要約」を選んでいたのですが、記事で使用した画像の大きさと関係しているのでしょうか?

自分は「要約の大きな画像」にした瞬間にきちんと表示されました。

 

 

以上です!!

Twitterでサイトに興味を持ってもらうには、画像は大事ですから、設定しておいて損はないでしょう!!

最後までお読み頂きありがとうございました!!

 

 

桜にまつわる曲(歌)といえば?!【2018年版】

 

日本を代表する花、桜。

桜の季節に聞きたい曲、歌いたい曲、BGMで演奏すると喜ばれる曲をまとめてみました!

 

J-pop男性

桜坂/福山雅治

 

さくら/森山 直太朗

 

桜/コブクロ

 

 

桜/河口恭吾

 

 

さくら/ケツメイシ

 

 

桜/清水翔太

 

 

桜の花、舞い上がる道を/エレファント・カシマシ

 

 

Sakura/レミオロメン

 

 

J-pop女性


サクラ/絢香

 

 

桜の時/aiko

サクラ色/アンジェラ・アキ

 

SAKURA/いきものがかり

 

 

SAKURAドロップス宇多田ヒカル

 

 

桜〜卒業できなかった君へ〜/半崎美子

 

 

桜、みんなで食べた/HKT48

 

 

桜の木になろうAKB48

 

 

桜雨/JUJU

sakura/JUJU

 

 

桜色舞う頃/中島美嘉

 

 

演歌

 

 

夜桜お七石川さゆり

 

 

童謡・唱歌

 

さくらさくら

 

 

 


その他

 

千本桜/初音ミク

 

 

 おわりに

いかがでしたか?!

日本に住んでいてよかった!と思う桜の季節。

あっという間に散ってしまいますが、曲も合わせて桜の時期を楽しみたいですね!

 

▼関連記事▼

 

www.mendokotyoi.com

 

 

www.mendokotyoi.com

 

セレモアCMの曲のタイトル(曲名・題名)は?「愛の挨拶」

セレモアのCM。流れている曲の曲名は?

 こちらがセレモアのCM。

 

最近テレビで見かけて「おっ?」と思ったのですが、どうやら2014年頃からこのCMなのでしょうか?

 

曲名は「愛の挨拶」、作曲者はエルガー

「愛の挨拶」という題名から、結婚式でもよく使われる曲です。

・作曲者:エドワード・エルガー

1888年にキャロライン・アリス・ロバーツとの婚約記念に贈った曲

出典:愛の挨拶 - Wikipedia

 

 

エドワード・エルガーについて

イングランドの作曲家、指揮者。もとは音楽教師でありヴァイオリニストでもあった。

・代表曲:「エニグマ変奏曲」「威風堂々」「愛の挨拶」

 出典:エドワード・エルガー - Wikipedia

 

 

エニグマ変奏曲

・『エニグマ変奏曲』というタイトルは通称であり、正式名を『独創主題による変奏曲』(Variations on an Original Theme for orchestra)という。

 

1898年から1899年にかけて作曲され、1899年7月19日ロンドンのセント・ジェームズ・ホールでハンス・リヒターの指揮により初演された。この作品の成功によって、エルガーの名前は世界的に知られるようになった。

 

エニグマ」とはギリシア語で、「なぞなぞ」「謎かけ」「謎解き」といった意味である。この変奏曲には2つのエニグマが込められているという。第1のエニグマは「この変奏曲は、主題とは別の、作品中に現われない謎の主題も使われている」というエルガーの発言に基づいている。

 出典:エニグマ変奏曲 - Wikipedia

 

 

 

威風堂々
エルガーが生前に作曲、出版した5曲のうち、第1番から第4番は1901年から1907年にかけて作曲され、第5番は晩年の1930年に作曲された。遺稿から見つかった第6番は未完成であり、アンソニー・ペインによって補筆・完成されたもので知られている。

出典:威風堂々 (行進曲) - Wikipedia

 

 

5:15~のメロディが有名ですね。というか、そこしか知りませんでした。ましてや5曲も書いていたなんて、、、。勉強になりました。

 

 

 

 

「威風堂々」は、CMなどでもたくさん使用されましたし、カバーも多くされてます。

 

Cook Do 味の素のCM】

 

 

 

平原綾香さんのカバーver 】

1:13頃からあのメロディが流れます

 

 

テレビで流れた曲をきっかけに、知識が広がると楽しいですね!

書いていて勉強になります!

 

#愛の挨拶 #セレモア #エルガー #クラシック #CM曲 #CM音楽 #結婚式 #音楽 

 

【関連記事】

 

羽生結弦選手、宇野昌磨選手、平昌(ピョンチャン)オリンピックショートプログラムの曲は?

平昌(ピョンチャン)オリンピックが開催中。

本日は男子スケートのSP(ショートプログラム)が行われました。


羽生結弦選手の平昌(ピョンチャン)五輪ショートの曲は?

バラード1番
作曲:フレデリック・ショパン

です!

ケガで休んでいたとはとても思えない、圧巻の演技でした!!
本当に素晴らしかったです!!!


宇野昌磨選手のの平昌(ピョンチャン)オリンピック ショートプログラムの曲は?

 

作曲:アントニオ・ヴィヴァルディ
曲名:四季 協奏曲第4番「冬」

です!

 

ヴィヴァルディといえば、おなじく四季の協奏曲、第1番RV.269「春」が有名です。おそらくどこかで聞いたことがあるのではないでしょうか??

 

 

 

明日はいよいよフリープログラム!テレビの前で応援したいと思います!

Metamask(メタマスク)って? 

Metamask(メタマスク)とは

イーサリアムウォレット
Chromeブラウザのプラグインとして動作する
・Dappsを触るときに必要となる。

 

イーサリアムについて詳しく読む

はじめてのブロックチェーン・アプリケーション Ethereumによるスマートコントラクト開発入門 (DEV Engineer's Books)

はじめてのブロックチェーン・アプリケーション Ethereumによるスマートコントラクト開発入門 (DEV Engineer's Books)