Home > FC2ブログ > basic_white > basic_whiteテンプレート 10月31日の更新による変更点まとめ

basic_whiteテンプレート 10月31日の更新による変更点まとめ

 10月31日に更新されたbasic_whiteテンプレートの内容です。変更点3は必須です。

 記事本文中にあるタグの見出し(h2~)やリスト(ol)を調整するスタイルシートが追加されています。HTMLの変更はありません。

 既にある程度カスタマイズしていてダウンロードし直すのが面倒な場合は変更箇所のみ更新しましょう。

変更点1:スタイルシート

 場所はCtrl+Fキーで『記事タイトル前のアイコン』を検索。

#main_contents h2 {
  margin: 0 0 15px;
  padding: 5px 0 5px 35px;
  background: url(http://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 20px 5px; /* 記事タイトル前のアイコン */
}
#main_contents h2 a {
  display: block;
  width: 100%;
  height: 1.4em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#main_contents h3 {
  margin: -15px 0 20px;
  padding: 10px 20px 10px 35px;
  background: #F4F4F4 url(http://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 15px 10px; /* メインカラムのプラグインタイトル前のアイコン */
  border-bottom: 1px dotted #B5B5B6;
}
#main_contents h4 {
  padding: 3px 0 3px 15px;
  margin-bottom: 20px;
  background: url(http://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat left 5px; /* コメント・TB見出し前のアイコン */
}

 上記が以下に変更されました。

#main_contents h2.entry_header,
#main_contents h2.sub_header
{
  margin: 0 0 15px;
  padding: 5px 0 5px 35px;
  background: url(http://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 20px 5px; /* 記事タイトル前のアイコン */
}
#main_contents h2.entry_header a,
#main_contents h2.sub_header a
{
  display: block;
  width: 100%;
  height: 1.4em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#main_contents h3.sub_header,#main_contents h3.plg_header {
  margin: -15px 0 20px;
  padding: 10px 20px 10px 35px;
  background: #F4F4F4 url(http://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 15px 10px; /* メインカラムのプラグインタイトル前のアイコン */
  border-bottom: 1px dotted #B5B5B6;
}
#main_contents h4.sub_title {
  padding: 3px 0 3px 15px;
  margin-bottom: 20px;
  background: url(http://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat left 2px; /* コメント・TB見出し前のアイコン */
}

 これにより記事本文中に<h2>要素などを使用した際に見出しがずれる現象が改善されます。本来は「,#main_contents h3.plg_header」の部分はありませんが、プラグイン3のタイトルが無効になる不具合があるので追加しています。

【必要性】変更しましょう。自分で既に調整済みの場合は不要です。


変更点2:スタイルシート

 次のコードがスタイルシートに新たに追加されました。これにより記事本文中に<h2>や<ol>要素などを使用した際の見栄えやリストマークが表示されなかった現象が改善されます。

/* ------------------------------------------ 2013-10-31 update */
#main_contents .grid_content .fc2blomaga_buy_area {
  display:none;
}
#main_contents .p_area .entry_body .fc2blomaga_buy_area {
  display:block;
}
/* =================================================
  Entry (html tag)
================================================= */
.p_area .entry_body h2, .p_area .entry_body h3,
.p_area .entry_body h4, .p_area .entry_body h5 {
  background: url(http://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 5px 5px;
  margin: 0 0 10px;
  padding: 5px 0 5px 20px;
}
.p_area .entry_body ul,
.p_area .entry_body ol { margin: 1em 0em 1em; }
.p_area .entry_body ul li {
  list-style: disc outside;
  margin-left: 2em;
}
.p_area .entry_body ol li {
  list-style: decimal outside;
  margin-left: 2em;
}
.p_area .entry_body table {
  border-collapse: collapse;
}
.p_area .entry_body table th,
.p_area .entry_body table td {
  padding: 5px;
}
.p_area .entry_body table th { background-color: #EFEFEF; }
/* ------------------------------------------ 2013-10-31 END */

【必要性】追加しましょう。自分で既に調整済みの場合は不要です。


変更点3:スタイルシート

 場所はCtrl+Fキーで『#main_contents #e {』を検索。

#main_contents #e {
  height: auto;}

 上記が以下に変更されました。

#main_contents #e,#main_contents #e .entry_body { height: auto; }

 これは1ヶ月更新がなかった場合に表示されるFC2の広告を適切に表示させるための設定です。

【必要性】必ず変更しましょう。いきなり凍結などはないと思いますが、万が一ということもあります。絶対に1ヶ月以内に1回は更新する方や有料プランの方は変更しなくても問題ありません。


変更点4:スタイルシート

 場所はCtrl+Fキーで『#header h1,』を検索。

#header h1,
#header p {
  min-width: 800px;
  max-width: 1200px;

 上記が以下に変更されました。

#header h1,
#header p {
  min-width: 785px;
  max-width: 1185px;

 ただの幅の調整です。横幅を15px小さくしています。

【必要性】必要ありません。好みの問題なので今の横幅でいいならそのままでOKです。


まとめ

 変更点4の幅調整については更新する必要はありません。
 変更点3は必須です。
 それ以外の更新については変更しておいた方がいい程度です。見出しやリスト要素のタグを記事本文内に使わないなら不要です。
 それほど複雑な更新ではないのでダウンロードし直すまでもないと思います。

関連記事
スポンサー リンク
コメント

コメントの投稿

  

※コメントは記事と直接関連のある事柄のみ受け付けています。

カテゴリ
月別アーカイブ
最新記事
Comments
<>+-
プロフィール

Author:may
 不具合のないように心掛けておりますが、カスタマイズの方法などは自己責任でご利用ください。テンプレートを大きく変更する際は複製してバックアップを用意することを推奨します。

 ご自身のブログをカスタマイズする分には問題ありませんが、記事内容や配布コードの転載・再配布はご遠慮ください。

 過度のご質問・要望については返信や対応が遅れることがございます。返信のない場合は保留・棚上げとなりますが、記事の題材がなくなり、時間にそれなりのゆとりが生じた時に対応する予定です。

Galleryサンプル
ヨッシー New アイランド
The Last of Us Remastered