自作テンプレート「Hello, world!」のコード修正履歴履歴は以下の通りです。

記事内の<p>タグの設定を変更


新テーマで記事内に<p>タグが自動挿入されるので、CSSが影響しないように設定を変更した

変更前コード

.post-content p {
  padding: 0 15px;
}

変更後コード

.post-content p {
  margin: 0;
}

記事内の画像の設定を変更


画像をテーブルで設定した時に画像がはみ出すエラーが見つかったので、はみ出さないように変更

変更前コード

.post-area img {
  border: solid 1px #ddd;
  object-fit: cover;
}

変更後コード

.post-area img {
  border: solid 1px #ddd;
  object-fit: cover;
  max-width:100%;
  vertical-align: bottom;
}

Twitterカードの画像表示不具合を修正


画像をテーブルで設定した時に画像がはみ出すエラーが見つかったので、はみ出さないように変更

変更前コード

<!-- Twitterカード -->
<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>
  <meta expr:content='data:blog.pageName' name='twitter:title'/>
  <meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
  <meta expr:content='data:blog.title' name='twitter:title'/>
  <!-- 自分の画像URLに変更する -->
  <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimgI6nXrtnj9-Ys6pxuVvQUeYJcTaFA1WkFH1z9HwQVd_vnNc-hXoZXA0bgwYc9h4JGr75eBXx3tiucH9ahU5ILLH6fHhPKZrgvrV85kVBEaWMTQJjlg6aOBkjeJZVO2y_9fT6lDCDJJZk/s1600/blogger.png'/>
<b:else/>
  <meta expr:content='data:blog.homepageUrl' name='twitter:url'/>
  <meta expr:content='data:blog.pageTitle' name='twitter:title'/>
  <meta content='Image URL' name='twitter:image:src'/>
</b:if>
</b:if>

<b:if cond='data:blog.metaDescription'>
  <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>

変更後コード

<!-- Twitterカード -->
<meta content='summary_large_image' name='twitter:card'/>
<b:if cond='data:blog.postImageUrl'>
  <!-- 記事に画像がある時 -->
  <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<b:else/>
  <!-- 記事に画像がない時（自分の画像URLに変更する） -->
  <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimgI6nXrtnj9-Ys6pxuVvQUeYJcTaFA1WkFH1z9HwQVd_vnNc-hXoZXA0bgwYc9h4JGr75eBXx3tiucH9ahU5ILLH6fHhPKZrgvrV85kVBEaWMTQJjlg6aOBkjeJZVO2y_9fT6lDCDJJZk/s1600/blogger.png' name='twitter:image:src' property='og:image'/>
</b:if>
<!-- インデックスか固定ページの時 -->
<b:if cond='data:blog.pageType == &quot;index&quot; or data:blog.pageType == &quot;static_page&quot;'>
  <!-- 自分の画像URLに変更する -->
  <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimgI6nXrtnj9-Ys6pxuVvQUeYJcTaFA1WkFH1z9HwQVd_vnNc-hXoZXA0bgwYc9h4JGr75eBXx3tiucH9ahU5ILLH6fHhPKZrgvrV85kVBEaWMTQJjlg6aOBkjeJZVO2y_9fT6lDCDJJZk/s1600/blogger.png' name='twitter:image:src' property='og:image'/>
</b:if>


OGP設定の修正


OGP設定がうまく言ってなかったのでコードを修正しました。

変更前コード

<!-- OGP設定 -->
<b:if cond='data:blog.pageType == &quot;item&quot; or data:blog.pageType == &quot;static_page&quot;'>
  <meta expr:content='data:blog.pageName' property='og:title'/>
  <meta content='article' property='og:type'/>
<b:else/>
  <meta expr:content='data:blog.title' property='og:title'/>
  <meta content='website' property='og:type'/>
</b:if>

<b:if cond='data:blog.metaDescription != &quot;&quot;'>
  <meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>

<meta expr:content='data:blog.url' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='ja_JP' property='og:locale'/>

<!-- og:image -->
<b:if cond='data:blog.pageType == &quot;item&quot; or data:blog.pageType == &quot;static_page&quot;'>
  <meta expr:content='&quot;http://blogger-entry-image.appspot.com/?s=s900&amp;u=&quot; + data:blog.url' property='og:image'/>
<b:else/>
</b:if>

変更後コード

<!-- OGP設定 -->
<meta expr:content='data:blog.title' property='og:site_name'/>