画像リンクを変更する


当サイトの自作テンプレートには代替サムネイルを使っています。このサムネイル画像は当サイトにアップロードしたものなので、そのまま使うこともできますが、万が一当サイトが閉鎖してしまうなどのアクシデントが起こった場合に機能しなくなる可能性があります。なので、以下の手順で画像をダウンロードし、ご自身のBloggerにアップロードしてお使いください。

1. 画像をダウンロードする



上記のリンクから画像にアクセスして「名前を付けて保存」で画像をダウンロードしてください。

2.画像をアップロードする


・投稿画面から「新しい投稿」を選択
・画像の追加からダウンロードした画像をアップロード
・画像を「元のサイズ」にし、右クリックから「画像のアドレスをコピー」を選択
・これでそれぞれの画像URLが取得できる

3.テンプレート(XMLファイル)を書き換える


・エディタでテンプレートを開く
・コード内で「Ctrl + F」を押して「自分の画像URLに変更する」で検索する(計4箇所該当)
・「https://~.png」の部分を自分でアップロードした画像URLに書き換える
・コード内には画像URLを書き換える部分は5箇所ある

※関連記事部分にはコードのまとまりの中に2箇所あるので注意

見出しタグのマージンを調整する


多くのテンプレートにはデフォルトで見出しにある程度のmargin(余白)が設定されていますが、当サイトの自作テンプレートの見出しにはmarginを設定していません。ですので、記事の構成によってはテンプレート適用後に見出しと記事の間に余白が無くなってしまう場合があります。そうなってしまった場合は、以下の手順で見出しに余白を設定してください。

・エディタでテンプレートを開く
・コード内で「Ctrl + F」を押して「記事のタイトル・見出し」で検索する
・該当する見出し部分の「margin: 0;」を好みの値に書き換える

marginの書き方


margin-bottom: 下方向の余白; (margin-bottom: 10px;)
margin: 上下 左右; (margin: 5px 0px;)
margin: 上 左右 下; (margin: 0px 0px 15px;)
margin: 上 右 下 左; (margin: 0px 0px 20px 0px;)

リンクのホバー色を変更する


当サイトの自作テンプレートでは、リンクのホバー設定が一律で「opacity:0.6;(透明化)」に設定されています。この設定でもお使いいただけますが、背景色によっては見づらいこともあるので、以下の手順で変更することをおすすめします。

・エディタでテンプレートを開く
・コード内で「Ctrl + F」を押して「hover」で検索する

設定変更の例(記事のリンクホバー設定を変更する)


.post-content a:hover {
  color: #4169e1; /* 文字色を水色に変更する */
}