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

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

※これは架空の記事です

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

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

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

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

その下の部分のコード

<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>

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