コメントの編集

Edit a comment

Name:

Subject:

Mail:

URL:

Comment:

さち 様 こんばんは。テンプレートのご利用、この度も選んで頂き 誠に有難うございます。m(__)m
早速ご質問の件です。

> 真ん中の記事部分の背景色とメニュー部分の背景色変更の部分が見つけられず…

…ご質問の該当部分は
（記事部分の背景色）

.blog-con{
  position:relative;
  margin:0 0 30px;
  padding:20px 20px 25px;
  background-color:#fff;
  border:1px solid #ddd;
  border-radius:5px;
  box-shadow:0px 2px 5px rgba(0,0,0,.17);
}

というルールセットなのですが、ここに有る background-color を変更すれば背景色が変わります。
ただ、この部分を変えると記事部分だけでなく、各要約表示部分やプラグイン3、タイトルリスト、コメント枠内やトラックバック枠内等々、この形状になっている枠はスタイルを共有しているので全て変更されます。
個別記事のページにのみ別スタイルを当てたい場合は、他のセレクタを追加する形になります。必要であればご連絡下さい。

（メニュー部分の背景色）

.navi{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  background:rgba(245,244,239,0.95);
  width:0;
  z-index:6;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-transition:all 500ms ease-out;
  transition:all 500ms ease-out;
  overflow:hidden;
}

というルールセットの中に有る background を変更すれば背景色が変わります。
敢えて rgba() で背景色の透過度（0.95という部分）を入れていて、少しだけ透過されるようになっています。
不要な場合はこの部分を background-color:#○○○; に変えて頂いても構いません。お好きな色に変更して下さい。

（テンプレートの編集画面で該当するセレクタを探す場合は、PCのキーボードでCtrlキーとFキーを一緒に押して検索窓を出し、その中に .blog-con や .navi と入れて探して下さい）

> 記事内の投稿画像についてなんですが、PCで見ると画像が結構大きく表示されるのですがこれをもう少し縮小して表示することはHTML編集にて可能でしょうか？

…HTMLで編集しなくても、記事を投稿する際にひと手間追加して頂くだけで画像は縮小表示出来ます。
https://blog-imgs-163.fc2.com/s/o/r/sorauta1/gazouhyouji-size.jpg
↑（方法を画像にしましたので クリックしてご覧下さい）
記事投稿の画面（見たまま編集）で画像を挿入し画像の上でダブルクリックすると、上記の画像のような枠が出ます。その枠内に有る Width に表示したいサイズを数値で入れて下さい。（単位は無くても、勝手に px が追加されます）
是非お試し下さい。

テンプレートでご不明な点等が有りましたら、どうぞ気兼ね無くコメント下さいませ。(^-^)

Password:

Secret:非公開コメント