【LION BLOG】動画の縦伸びとdata-vocabulary.org のエラー直した話

このブログはWordPressを使っており、「LION BLOG」テーマを利用しております。

ブログを始めてすぐ、大きな画像がスマホなどで見ると縦伸びになってしまうので困ってたのと、Search Console から「パンくずリスト」のエラーメールが来たので対処した内容を記載しておきます。

画像の縦伸び問題

「LION BLOG」テーマを使用していると、スマホなど横幅の小さい物で大きな画像

見たときに、画像が勝手に縦に伸びて調整されてしまいます。

最初原因が分からず小さい画像を使う事で対応をしていたのですが、こちらのサイトに対処法について説明がされておりました。

LION MEDIA・LION BLOGの画像の縦伸びを解消する方法【備忘録】

beeep

実際の追加方法についても記載がありますので、CSSなどが理解できない方でも対応可能かと思います。私は対応できました。

やり方としては、WordPressのダッシュボードから「LION BLOG」のカスタマイズを選び、

カスタマイズメニューの一番したにある、追加CSSを選択、

以下の内容を入力、「公開」

.wp-block-image img {
height:auto;
}

とっても簡単だったので、画像が縦伸びして困っている方は試してみて下さい。

data-vocabulary.org サポート終了問題

ブログを公開後Search Console と連携してからしばらくして、Search Console からエラーメールが届きました。

このエラー、ただちに何か問題が出るわけではないのですが、ほっとくと検索結果に影響が出てくる可能性があります。ブログに検索から来てくれる方のためにも、このエラーは解消しておきたいですよね。

本件の対処法については、こちらのサイトに詳細がありました。

パンくずリストの構造化警告対策[LION BLOG]

なもていんIT白書

こちらもCSS関連の修正になるのですが、修正内容についてはリンク先に詳細がございますので困っている方は是非参考にしてみて下さい。

今は参考に修正を行い、Search Console からの再検証の結果を待っているところです。

以上、2点の修正内容でした。

どちらも必ず直した方がいい内容ですので、同様のエラーで困っている方は是非参考にしてみて下さい。