【WordPress】「Cocoon」でツイッターカードの表示を変更する方法

WordPress

【やりたいこと】ツイッターカードの表示を変更したい

ワードプレスについての初記事になります!

こちらのワードプレス記事もどうかよろしくお願いします!(^^)!

ということで、今回の記事についてのお話をします。

自分のブログを作成した後にやることは、なんでしょうか。

もちろん、宣伝でしょう(^^♪

どうやって、宣伝するかって、SNSで決まりでしょう(^^♪

SNSどれ使えばいいかって、Twitterで決まりでしょう(^^♪

ということで、ワードプレスで作成したブログをツイッターでシェアしてみてください。

表示がちっちゃくないですか!

画像をもっと大きく表示されてほしいですよね。

画像を大きく表示する方法を調べてみましょう。試しに「ワードプレス ツイッターカード」で検索してみてください。

色々記事が出てきて、簡単に解決できそうですね(^^♪

と思ったあなた!

必ずこの記事に目を通してください!

あなたがもし、テーマ「Cocoon」を使用しているなら、絶対に見るべきです!

ということで、今回は、「Cocoon」でツイッターカードの表示を変更する方法です(^^)/

【5分でできる】Cocoonにツイッターカードの設定欄あり

※ダウンロード時間は5分の中に含まれていません。

1.使用したもの

・ロリポップレンタルサーバー スタンダードプラン

ロリポップ!レンタルサーバー
ホームページ運営なら、ずっと使えるレンタルサーバー「ロリポップ!」簡単、多機能、充実サポート、高速性能で、初心者から商用サイトまで安心してご利用いただけます。WordPress、EC-CUBEもたったの60秒で設置可能。まずは無料お試し10日間。

・WordPress 4.9.8

※WordPressはロリポップユーザー専用ページからインストールしました。

・テーマ Cocoon

Cocoon
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100%GPLテーマです。

2.手順

①Cocoonの設定

f:id:hk-ryukyu:20181202014243p:plain

Cocoon設定を選択し、「OGP」をクリックします。

f:id:hk-ryukyu:20181202014420p:plain

Twitterカード設定のTwitterカードタイプの「大きな画像のサマリー」チェックをつけます。

②ツイッターカードの確認

以上のように設定することで、ツイッターで記事をシェアするときに画像が大きく表示されるようになったかと思います。

▽参考画像▽

f:id:hk-ryukyu:20181202014911p:plain

ついでに、トップページの画像も変更しておきましょう。

f:id:hk-ryukyu:20181202015033p:plain

3.追記

テーマ「Cocoon」を使用している場合に、他のプラグインでツイッターカードの設定を変更すると、機能が競合して正常に動作してくれません。

私は、「Cocoon」にツイッターカードの設定を変更できる機能があると分からず、ムダに試行錯誤してしまいました。

この記事が、これから「Cocoon」でブログをはじめようとしている人にシェアされることを望んでいます。

【最後に】Showroomとマッハ新書の紹介

ShowroomでUnity配信をしています。リアルタイムの勉強の様子を見てみたい方におすすめです!(^^)!

SHOWROOM(ショールーム)
SHOWROOMはアーティストやアイドル、タレント等の配信が無料で視聴でき、さらに誰でもすぐに生配信が可能な、双方向コミュニケーションの仮想ライブ空間です。

以下は、私のUnity学習体験記となっております。

「他人の勉強方法が知りたい」という方におすすめのマッハ新書です!(^^)!

コメント

タイトルとURLをコピーしました