FC2ブログ共有テンプレート ari_seo シリーズ # ReadMe # 【 ありのごとくあつまりて 】

るじゅさん、テンプレートの紹介ありがとうございます！
自分の作ったテンプレートがこんな風に評価していただけると、素直に嬉しい限りです。

是非、使える部分があれば使ってみてくださいね！

それにしても... この記事いつになったら完成するんだろう。。。10日以上たって未だ未完成なんて本当に申し訳ないです。。。

denpaboy2 さん、はじめまして。
以前、共有テンプレートのコメント部分で温かいコメントをいただきサイトにも訪問させていただきました。denpaboy2 さん程の実力のある方に評価していただけるとは光栄です！

共有テンプレートは初めてで、最初は特に「自分の使い方」が基準だったので、公開当初のものでは使い方によって表示が崩れたりという状態を見かけ、（現在の9/18以降のものでは概ねそのあたりを修正してみましたが）想定外の手直しにかなり時間がかかりました。

公開してみて気付いたのは、ごく一部ですが「こんなサイトでこんな雑に使わないで...」 というケースも見かけてしまうとことです。denpaboy2 さんもこれと似たようなこと書かれていましたよね。。。

現在はメインブログを変更されたそうですが、またよかったら遊びに来てくださいね！

> [最新の記事一覧]で記事をクリックしたあとに出てくる記事のタイトルの位置

とは、FC2ブログ共有テンプレート ari_seo ･･･【 ありのごとくあつまりて 】 となっている部分のことでしょうか？ それであれば、<h1></h1>部分です。

/* Heading's
------------------------------------- */

（中略）

h1 {
clear:left;
width:660px;
margin:0;
padding:5px;
text-align:right;
font-size:125%;
color:#ffcc99;
}

スタイルシートの↑赤文字部分 辺りを変更すれば、調整できます。
padding (内余白) の方が、安全かも? （バグの危険も少ない...? 云々。。）

padding:10px;　なら 文書の周りに上右下左10pxずつ余白をとれます。
padding:10px auto 5px 5px;　なら 上10px 右オート 下5px 左5px になります。

<h1></h1> 部分は、ページ内に1つだけ入れられる 大見出し になるので、
本来はページに1つ入れておくものかと思います。
でも、削除したらエラーになる などということはないので、後は使い方にもよるかなと思います。SEOの面を重視するならば、必ず入れた方が良いでしょうが、内輪だけのブログなどであれば、別に必要ないかもしれません。。。
<h1>の文字を極端に小さくしたり、見えない状態にしたりすると、スパムとみなされることが無いとも言えませんので．．．その辺をふまえてご判断ください。

> サイト内検索後に出てくる 『～を強調表示する』 のボタンの位置
<h1></h1> の下に置いてあり、特に何も設定していません。スタイルシートの ↓Heading's あたりに

/* Heading's
------------------------------------- */
#header input {
margin-top:○○px;
}
と設定すれば変更できると思います。

> 『この記事に含まれるタグ （Keyword） : FC2 ブログ テンプレート』
> 『FC2ブログ共有テンプレート ari_seo シリーズ # ReadMe #』 の部分

/* Structure （構造）
------------------------------------- */

（中略）

#content {
position:relative;
top:-40px;
float:left;
margin:auto 5px 10px 20px;
padding:0;
width:610px;
line-height:1.7;
}

テンプレートによって多少異なりますが、↑上の赤文字部分 を変更してみてください。

※画像 （このブログでいう虹の画像部分） を差し替えて使用している方が多いようなので、 本日ari_seoシリーズ3作の一部を変更し、再登録しておきました。
ページ上部の 差し替えた背景画像 にリンクが被っても文字が読みやすいように リンクの文字背景に白色（#fefefe） を設定しておきました。 テンプレート，CSS それぞれに手を加えたので、必要な方はご検討ください。

また、サポート専用窓口も作りました！
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-89.html

パトリックさん、はじめまして！　ブログとホームページ，拝見させていただきました。
まず、「凄い！ 随分頑張ってカスタマイズしてくれたんだなぁ」 と思ったら、「1日でほぼ完成させた」 というような内容を見つけもう一度驚きました。。。
ホームページの雰囲気ともリンクした、個性的でカッコイイデザインになっていますね！

先日、テンプレユーザーさんのリンク集 を作ったのですが、是非そこで紹介させてください。 ちょっと掲載まで時間がかかってしまうかもしれませんが、「ベスト」 の方で紹介させていただこうかなと考えています。

『このテンプレートについて』と『プレビュー用リンク』
削除してOKな場所は、テンプレート内の 以下の赤文字部分 2箇所になります。 ただの説明文なので、削除してもSEOには全く影響ありません。

1．
<!-- ▼トップページ▼ -->
<!-- ************************************ -->
<div class="entry_title"><h2>Welcome to My Blog!</h2></div>
<div class="entry_m">

<h3>このテンプレートについて</h3>
<p>※この部分は公開前には削除してOKです。</p>
（中略）
<h4>記事内 &lt;h4&gt; ～ &lt;/h4&gt; の設定見本</h4>


</div><!--/class=entry_m-->
<!-- ************************************ -->
（中略）
<!-- ▲トップページ▲ -->


2．
<!-- ▼ プレビュー用 公開する際にはここから下を削除 ▼ -->
（中略）
<!-- ▲ プレビュー用 公開する際にはここから上を削除 ▲ -->


＞『記事内の設定見本』という部分は、どのように活用するのでしょうか。
説明が難しいですが．．．記事をタグ打ちしている方 の参考までに載せている ものなので、記事を 高機能テキストエディタのみで書いている方には あまり関係ない．．．という感じでしょうか。。。中級者以上向けのものです。

ソースを表示する機能 などは使ったことがありますか？
もし使えるなら 「フゥさん の 87番の記事」 の 記事内容部分のソース を 1. の赤文字部分 に貼りつけると、それらしいトップページが作れると思います。

共有テンプレートのサポート は サポート専用窓口 を用意していますので、
次回からは ↓以下のページ をご利用ください。
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-117.html

テンプレートのご利用ありがとうございます。
色々探して、その上で選んでいただけたというのは やっぱり嬉しいです♪
＞専門的なことはさっぱり．．．
と書いてありますが、上手にカスタマイズされていますよね。 カレンダーのスタイル設定は入れていないのですが、以下の記事にCSS を載せていますので、よかったら使ってください。
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-100.html

ディズニーパークの休園。。 ホント残念ですよね。。
何とか 国と東電さんに頑張ってもらうしかないですよね (;_:)

質問の件ですが、1050px に変えるとすると、
外枠の画像 はそのままだと使えないので 画像を差し替えるか 画像ではなく 枠（border） に変更するかの必要はあると思います。

後は、スタイルシート の構造部分を変更すればサイズの変更は可能かと思います。
上部のナビゲーション部分は右が少し余る見た目になりますが、そのままでも使えると思います。

/* Structure （構造）
------------------------------------- */
#container {
margin-left:auto;
margin-right:auto;
padding:0;
width:900px;
}
#content {
position:relative;
top:-100px;
float:left;
margin:auto 5px 10px 20px;
padding:0;
width:610px;
}
#sidebar {
position:relative;
top:-150px;
float:right;
margin:0 10px 10px 5px;
padding:0;
width:200px;
}

サイドバーを左にするのも、左右を逆にするだけで出来ますので、SEOには影響しません。
margin:auto 5px 10px 20px;
は、外余白: 上オート　右5px　下10px　左20px;
という設定ですので、この左右の設定を逆にして 微調整すれば良いかと思います。

#container {
margin-left:auto;
margin-right:auto;
padding:0;
width:1050px;
}
#content {
position:relative;
top:-100px;
float:right;
margin:auto 5px 10px 0px;
padding:0;
width:840px;
}
#sidebar {
position:relative;
top:-150px;
float:left;
margin:0 5px 10px 0px;
padding:0;
width:200px;
}

今のクロロさんの記事や画像の感じだと こんな感じで大丈夫かなと思います。
可能なら、サイドバーの横幅は 200pxより少し小さくする と良いかもしれません。
（※幅をギリギリにすると、IE6では もしかしたらカラム落ちを起こすかもしれないので （テスト未ですが）、可能なら多少余裕をもたせた方が安心です。）

あと、次回からはカスタマイズ関する質問は サポート窓口 に入れてもらえると助かります。
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-174.html
↑ 共有テンプレート サポート専用窓口 （3） へお願いします。
あと、以下のページ↓ も参考になると思うので 載せておきますね。

テンプレユーザーさんリンク集
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-107.html
テンプレート（CSS内） 背景画像を抽出
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-87.html