スポンサーリンク

シェアしてもらえると素直に嬉しいですっ!

Simplictyのampページの画像をカルーセル表示対応サイズにした

シェアしてもらえると素直に嬉しいですっ!

デスクワーク

備忘録に残しておきます。Simplictyのampページでの画像がちょっと潰れている感じになっていたのが少し前から気になっていました。解消できたのでついでにカルーセル表示に対応した画像サイズに変更しました。


おはようございますっ!

うつ病モブロガーのたでぃ(@ontadeee)です。

カルーセル表示とは

カルーセル表示に関してはこちらの記事を参考になさって下さい。とても参考になりました。

Googleモバイル検索のトップニュースのAMPカルーセルに掲載されるには、その記事に画像が必須で構造化データで設定する。画像サイズには要件があり、幅 (width) は696px以上。しかし高さ (height) には、最小サイズの要件はない。

WordPressのダッシュボード→外観→テーマの編集へと進む

Wordpressダッシュボード

外観をクリック。

Wordpressダッシュボード

テーマの編集をクリック。

Simplicity2のamp.phpへと進む

Wordpressダッシュボード

Simplicty2をクリック。

Wordpressダッシュボード

中ほどにあるamp.phpをクリック。

画像のサイズを変更する

Wordpressダッシュボード

width、height共に300になっています。

Wordpressダッシュボード

これを、「widthを696」に、僕は「heightを500」に設定してみました。

書き換えたら「ファイルを更新」をクリック。

確認してみる

ブログたでぃ考

変更前

画像がちょっと潰れていますね。

ブログたでぃ考

変更後

綺麗に表示されるようになりました。

さいごに

スッキリしました!僕の様なブログではまずありえないと思いますが、一応カルーセル表示の要件を満たすことができました。

何か間違って表示されるかもしれないですもんねっ!

備忘録に残しておきますが、誰かの役にたでば幸いですっ!

ではっ!!

SLPRO Xから投稿しています

スポンサーリンク

シェアしてもらえると素直に嬉しいですっ!

フォローしてもらえると本当に嬉しいですっ!