ブログ

Gutenbergのブログカードがおかしい!解決方法は【シンプルなリンク作成】だった

この記事では,WordPressのGutenbergでブログカードが正しく表示されない問題の解決方法をまとめています

けい
けい
Gutenbergでブログカードの表示が突然おかしくなった!

何やってもうまくいかない沼!その気持ち,わかります

その悩みを解決するのが,同じ問題にぶち当たったぼくが試行錯誤して見つけたシンプルな解決方法,【シンプルにリンクを作成する】という方法です!

この方法を使えば,Gutenbergでおかしくなってしまったブログカードを直すことができますよ!

GoogleAdSense グーグルアドセンス アカウント停止 無効 復活
ブログ関連の記事まとめ。Google AdSenseやSEO対策などこのページでは,ブログ関連の記事をまとめましたよ グーグルアドセンスやSEO対策など,ブログで迷うことってありますよね その...

ブログカードがおかしくなった!

Gutenberg以前のWordPressテーマで書いていたそのまま,リンクを作成するとビジュアルでブログカードが表示されるようになりました

https://www.○○~

の形で,テキストそのままに貼る方法ですね

これでしばらくはうまくいっていたのですが,ある日…

Gutenberg ブログカード おかしい 正しく表示されない

リンクがテキストのように表示されている

けい
けい
ブログカードがバグった!

編集画面でミスってるのだろうとビジュアルエディターを確認してみたところ

Gutenberg ブログカード おかしい 正しく表示されない

ビジュアルエディターでは今までと同じ表示

Gutenbergになってから,URLを貼り付けるとビジュアルエディターでブログカードが表示されるようになったのですが,今まで問題なかったのと同じ表示

もちろんコードエディターもチェックしましたが,問題らしい問題が見つかりません…

Gutenberg ブログカード おかしい 正しく表示されない

Twitterの下に変なマークまで…

けい
けい
Google先生に聞いてみるか…「Gutenberg ブログカード おかしい」検索ボタンポチー

と調べてみましたが,まったく情報が無い!

というわけで試行錯誤した結果見つけた,Gutenbergでブログカードを正しく表示する方法がこちら!

Gutenbergでブログカードを正しく表示させるならリンクテキストを貼ろう

なんとこれだけ

Gutenberg ブログカード おかしい 正しく表示されない

青色がリンクテキスト

ビジュアルエディターで,リンクテキストを貼ることで解決したGutenbergブログカード問題の結果がこちら

Gutenberg ブログカード おかしい 正しく表示されない

ちゃんとブログカードが表示されていますね

けい
けい
アイキャッチ画像が無いのはごあいきょう!

まとめ:Gutenbergでブログカードを正しく表示させたければリンクテキストを貼ろう

というわけでGutenbergでブログカードを正しく表示させる方法をご紹介しました

お役に立てば幸いです

ABOUT ME
けい
けいと申します! このブログでは,みなさんの役に立つ情報やモノを紹介していきます!

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください