【Contempo】トップページのサムネイル画像にパーマリンクを付ける

2023/09/06
アイキャッチ

Contempo テーマは、人気の投稿ウィジェットのサムネイル画像には記事へのリンクが付いているのに、何故かブログの投稿記事と注目の投稿の画像はリンクになっていません。
ということでHTMLを弄ってリンク化させます。

Contempo サムネイル
※これは架空の記事です

テーマ編集は必ず予めバックアップを取ってから行って下さい。

サムネイル画像タグの編集

テーマのHTML編集にて <div class='snippet-thumbnail'を検索で探します(編集画面内をクリックでアクティブな状態にして Ctrl + F で検索できます)。

全部で4ヶ所あって、一番下がブログ投稿記事用で、下から2番目が注目の投稿記事用です。

HTML

その下の部分のコード

<b:include data='{                                     image: data:post.featuredImage,                                     imageSizes: [32, 64, 128, 256],                                     imageRatio: &quot;1:1&quot;,                                     sourceSizes: &quot;(max-width: 800px) 20vw, 128px&quot;                                  }' name='responsiveImage'/>

この部分を
<a expr:href='data:post.url' expr:title='data:post.title'></a> で囲みます。

こうなります。

<a expr:href='data:post.url' expr:title='data:post.title'><b:include data='{ image: data:post.featuredImage, imageSizes: [32, 64, 128, 256], imageRatio: &quot;1:1&quot;, sourceSizes: &quot;(max-width: 800px) 20vw, 128px&quot; }' name='responsiveImage'/></a>
HTML2

あとは、テーマを保存すれば完了です。