ブログの構成を知る

わあ！　わかりやすい説明！[ピコン]
これを見て、少しだけブログカスタマイズが身近に感じられるようになりました♪
既成のデザインを使用するにしても、ほんのちょっとだけ自己流に直したいなって思うことがあります。
でも、これまではこの「枠」がよくわからなくて？？？でした。
経験上、メモ帳で一からタグを打ってシンプルなサイトを立ち上げる方がカンタンにすら思えたほどです（笑）。
やりだすとのめり込む方なので、自制心からすぐには着手できませんが（笑）、いつか参考にさせていただきます♪[アハ]

＞ るりぽん さん (^^)
本当は、ヘッダーとかブログタイトルとか全部の構成を
絵に表して説明しようと思ったんだけど、大変だから
あきらめちゃいました [汗汗]

でも、この大筋の構成を知るだけでも、だいぶカスタマイズが
楽になるんじゃないかと思います。

あとは、この大きな見えない枠の中に、小さな見えない枠が
無数に入り込んで、ブログ全体が構成されていますので、
それを自分で見つけ出して絵にしていけば、バッチリです。[ニコ]

先日口頭で教えていただきましたが、
図解していただけると、とってもわかりやすい！
大いに参考にさせていただきます。
[晴れ][フリフリ]

＞ 月光仮面さん
プロの方はシェアウエアーでございます。
この前いただいた、松坂牛のフリカケで
チャラにしておきます (^^)

ゲッ！[晴れ]

＞ 月光仮面さん
ゲッ！・・・じゃないですよん (-_-;)

いやぁ、こんな風になってるんですね。
初心者から見ても分かりやすいです。

ここにも出てきました、id属性とclass属性が[ビックリ]

なんか少しづつだけど分かってきたような…
ホントに勉強になるなぁ。

＞ wayan さん
最近、ナレッジに回答者として参加するようになってから、自分のブログ記事を上げるのが、遅れ気味で ・・・ [汗汗] ナレッジのほうは、もう回答者のベストテンに入ったので、少し自重しております。[汗タラー]

ブログの構成は、何もかも " 四角 " が集まってできている事を理解すれば、ほとんどの事がわかってきます。HTML と CSS を横に並べてにらめっこすれば、『 あ〜 [ピコン] 』 っていうことが色々と発見できますよ。(^^)

質問です。

カテゴリページで、記事が多い場合「次のページ」「前のページ」と表示されるじゃないですか。これにさらに、ページ番号を表示させる事は出来ないんですか？

ページ番号を５〜１０ぐらい、一覧表示させる方法はありますか？

＞ ホームラン王さん 初めまして。
>>9
[blockquote]ページ番号を表示させる事は出来ないんですか？[/blockquote]
ん〜 ここではタイトルだけの一覧化にしてしまっているので、
そこらへんは考えた事無かったですね。

時間があればやってみますけど、検証やそのページ番号を表示させるタグを見つけるのに、少々時間がかかりそうです。色々な質問を今受けておりますので、即答は難しいお話ですね。

ナレッジで質問されてはいかがでしょうか [？]
HTML に詳しいものが何人かいますので、意見を交わしながら、良い答えがでるかと思います。ライブドア ID があればすぐに利用できますので、いちど同じ内容でご質問下さい。

[a]http://knowledge.livedoor.com/[txt]『 ライブドア ナレッジ 』[/txt][/a]

ご無沙汰しています。hinata_sです。
その節はお世話になりありがとうございました。

先日から又､カスタマイズはじめようと思い・・・自分でできるわけないのでナレッジのお世話に。

http://knowledge.livedoor.com/14381

回答をいただいたのはいいものの言葉の意味がわからず検索しては「あ〜なるほど。」検索しては・・・・ナレッジに良く似た質問あったやんか！と自分に腹立てながら・・・・・でここにたどり着いたわけです。

本当によくわかりました。[ニコ]ありがとうございました。

webページ同様にまだ800×600基本なんでしょうか？といつも疑問に思います。

ゆっくりカスタマイズしていきま〜す。[アイタ]

＞ hinata_s さん お久しぶりです (^^)
>>11
... でっ、ナレッジの回答で解決なさったんですか [？]
私も最近はナレッジの回答が少なくなっているんですが、
ちょこちょこ気になる質問は確認しております。
また何かあればお気軽にナレッジをご利用下さい (^^)

[blockquote]web ページ同様にまだ 800 × 600 基本なんでしょうか？[/blockquote]
これはいつまでたっても人の好みによると思うのですが、最近デスクトップを購入せずに、ノートパソコンをデスクトップ代わりに使用する人が増えてきた事を考えれば、私はやはり横幅をある程度の幅で固定しているほうが良いのじゃないかと考えます。

可変式の幅でブログの構成などをすれば、いつでも画面いっぱいに広がって良いと思われがちですが、ワイドの液晶画面などでは、中ほどに隙間ができてしまって、あまり美しくないと思うんですよね ・・・。

縦の 600 は、ブログの場合はあまりそう気にしなくても良い感じですね。縦スクロールが当たり前のようになっていますしね、ブログの場合は (^_^;)

いずれにしても、やっぱり人それぞれの好みですね [アングリ]

ＣＳＳのプラグインの下にある
[blockquote]<br clear="all">[/blockquote]
ってどういう意味なんですか。

あと、３カラムのテンプレートで、
個別記事ページのみを１カラムにする場合は、
プラグインを消して、wrapper以内の id 属性も消して、
記事の部分をblogcontainerで囲めば出来ますか？

＞ ブログマンさん 初めまして。
>>13
[blockquote]<br clear="all">[/blockquote]
画像などを表示しているさいに、テキストの回り込みを行っている時、
そのテキストの回り込みを、解除する事を表します。

<br clear="下に記述したタグ">
[blockquote]none ： 通常に改行。 （ 既定値 ）
left ： 行頭を最も左端に表示できる位置まで改行。
right ： 行末を最も右端に表示できる位置まで改行。
all ： left と right の組み合わせ。 （ すべての解除 ）[/blockquote]
[span][style]color:#CC0066;[/style]■ 個別記事ページのみを１カラムにする場合は[/span]

[strong]★ プラグインを消して ・・・[/strong]
CSS の方ではなくて、個別記事 HTML を直接さわる事は理解されていますよね？ HTML 内の <div id="left"> 〜 </div> と、
<div id="right"> 〜 </div> を削除するだけです。

[strong]★ wrapper 内の id 属性も消して ・・・[/strong]
<div id="wrapper">を削除する場合は、必ず閉じる側の </div> を削除する事を忘れないで下さい。また、その削除する </div> の位置を間違わないで下さい。

[strong]★ 記事の部分を blogcontainer で囲めば出来ますか？[/strong]
blogcontainer なのか、content 自体を広げるのかは、ご利用のテンプレートによってその仕上がりは異なります。どこを変化させれば綺麗に見えるかは、ご自身のセンスにかかっていますね。

気を付けなければならないのは、個別記事の blogcontainer だけ、blogcontainer2 などと記述を変更しておいて、それに対しての指示を CSS に新たに書き込む必要があります。

つまり、<div id="blogcontainer2"> に対して、
CSS は、#blogcontainer2{ ***** } という具合です。

解説ありがとうございます。
いまいち、wrapper以内の終了箇所が分からないのですが、

[blockquote]<div id="ad"><$Advertise$></div>
</div> ←[u] blogbodyの終了[/u]
<div class="comblogbodybottom"></div>[/blockquote]
[blockquote]<div id="articlebottom"></div>
</div>←[u]blogの終了[/u]
<div id="blogcommentbottom"></div>

</div>←[u]contentの終了[/u]
<div id="contentcommentbottom"></div>[/blockquote]
で終了箇所は良いのですか？
テンプレートは 「 シンプル・デフォルト 2005 ( ブルー ) 」
を使用しています。

あと、個別のみプラグインがなければ、横幅は可変幅でもズレたりはしないですよね？

＞ ブログマンさん
>>15
終了個所についての具体的な回答は、ホントは出したくないんですよね。ブログマンさんの " 為 " にならないでしょ？ 一応答えますけど、自身の判断でお願いします。間違っていたとしても責任とれませんし。

アドバイスとしては、もうひとつ別の ID でブログを取得して、まったく同じ環境のカスタマイズ用のサイトを作る事。そこで、思う存分に HTML と CSS をさわりまくる事ですね。色々なタグを削除したり、付け足したりして、どういうふうに変化するか、楽しみながらやってみる事です。

まず自分でやってみて失敗する。失敗してどこを間違ったか考えて見る。考えた結果、わからない部分を質問する。それが自身のスキルを向上させる為の道です。

blogbody、blog、content の終了は、そこであっていると思います。ただし、個別記事だけ他の HTML と別の仕様にするのならば、クラス属性を新たに変更して、他の HTML とは別で CSS からの指示を受けるようにされるほうが良いと思います。

[blockquote]横幅は可変幅でもズレたりはしないですよね？[/blockquote]
可変幅と言っても、もともとあの 『 シンプル・デフォルト2005 』 はセンター表示の固定幅のテンプレートです。可変と言うよりも、記事投稿部分をテンプレート幅内に広げるだけですよね？ 微妙な調整は何度も繰り返す必要はあるとは思いますが、ずれる事は無いと思いますよ。

これも先に述べたよう、にクラス属性を他の HTML とは切り離して、別の指示を CSS から与えるようにすれば、他のHTML には影響ないですし、おかしくなるとしても、個別記事だけの事になります。

あたって砕けろで、とりあえずは試してみてはいかがでしょうか？ 現在の HTML と CSS のローカル保存は絶対に忘れない事です。それさえあれば、いつでも元に戻せますから。

解説ありがとうございました。
カスタマイズ知識を身に付けながら
少しずつ調整していきます。

＞ ブログマンさん
>>17
いえ。素晴らしいブログが出来上がれば良いですね。
頑張って下さい ヽ(^｡^)ノ

AQ さぁーん [ウェーン]

個別記事に footer （ outfooter でもいいんですケド ）
を設けたくて css には #footer があったので、
個別記事ページ HTML の一番下 ・・ </body> の直前に
<div id="outfooter">○○○</div>　って入れました。
「 ○○○ 」 は表示されたんですけど、位置が一番下じゃないのです [ふーん]
コメント入力フォームの右上に来てしまって。。

何が原因なのか、どうしたら一番下に表示されるのか
皆目見当がつきません [もっとorz...]
お手すきのときで結構です。ヒントだけでもいただけませんか？

よろしくお願いします ・・。[ウェーン]

＞ POP さん
>>19
昔のテンプレートを、友達にお願いされてイジった事があるけど、確かにキレイにフッターの位置に収まらなかった記憶がありますね。

</body> の上ではなく、</body> の下、
</html> の上ではどうですか [？]

<div id="outfooter" align="center">○○○</div>

としておけば、センターに表示されるはずです。

AQ さん。。[orz...]

ダメでしたー [もっとorz...]
いろいろ場所を変えて確認しまくるしかないのですよね [？]
がんばります！

＞ POP さん
>>21
あっ、なんか思い出したような気がする [ピコン]

はなから、footer に設置するんじゃなくて、
コメント入力フォームの下に設置するつもりで
良かったんじゃないかな [？]

コメントフォームとの余白は、<br> で調整。
もしくは CSS に、margin-top: 数字 px；
でも入れて調整したらどうかな [？]

AQ さん [ハート] できました [アハ]

ホントは画面の端から端まで区切り線を入れたかったんですけど
入力フォームの幅にしかならないと思い、ソッチは諦めました。

ナゼ個別記事ページに footer を設けたかったかとゆーと、
AQ さんとこみたく人気ページランキングを設置したくて
サイドバーにタグを貼ったんですけどサッパリだったんです。。
だいーーーーーーぶ経ってから、
[blockquote]あたしの個別記事ページにはサイドバーがないじゃん！！[/blockquote]
と、気づいた次第デス。

それであのう。。ソレのリンクの色を変えたいのですけど。。
上にあるアクセスランキングと同じにしたいのです。
そこだけ変えるにはどうしたらいいもんでしょうか。
[blockquote]div style="color:#888888"[/blockquote]
なのかなーと思ったんですけど違ったみたい [ゲソッ]
惜しい？ ゼンゼンかすってない？ （≧∀≦）

次から次へとスイマセン [汗汗]

>>23
AQ さんとこのソース見て CSS とにらめっこしてできました [ピコン]
AQ さんが甘やかさないでいてくださるので、
あたくしスキルアップでございますぅ〜 [ふーん]

PR のところが変わらないンですケド ・・ まいっか！
AQ さんがナレッジにお出ましくださるとゆーことで、
そのうちソッチで質問しますネ [ウインク]

＞ POP さん
>>23
>>24
いやいや、違うんですよ [汗汗]

コメントのレスに追いつけない状態なんです (^_^;)
簡単なコメントを先にレスしていっている内に、
疲れてダウンしちゃうんです (>_<)

ナレッジに質問する時は、質問する〜 って、
先に言わなきゃ、多分、質問見逃すと思うんで、
そこらへん、宜しくです [ガビン]

最近コメント多いですモンね [ハート]
やっぱ管理人としては、
最後は自分のコメントで閉めたいってところでしょうから、
会話が弾むとアチコチ行く前にダウン〜 [ドクロ] ですネ。

あたしのは緊急を要するモノってないしー
ほっとかれれば、なんとか自分でもチャレンジしますから [ピコン]
・・ そしてドツボにはまることも多いんですケド [ガビン]

ナレッジで、誰か他にわかる方がいれば、
AQ さんのお手をわずらわせなくて済みます。
もし解決できなければ、またコッチに来ますネ。
てか、質問の仕方がイマイチしっくりこなくて。。
ソレを考えているところです〜 [ふーん]

＞ POP さん
>>26
カスタマイズの方は、しばらく自分でもやってないんで、HTML あけて見ても頭の中で把握するのに、すごい時間がかかるの [汗汗]

自分で組み立てた HTML なのにね (^_^;)
これが、" 年 " ちゅ〜もんなんやね ｗｗ

ブログの書き込みって、どうやってギャル文字にするっす？[叫び]

＞ まあこさん
>>28
ここにアクセスすれば [？]
色々とギャル文字について書いてありますよ！

[a]http://xn--ecktae2rja2c4081cdbr.7ark.net/[txt]■ ギャル文字メイク[/txt][/a]

このブログ、早速お気に入り登録させてもらいました！！
今後拝見させていただきます。私は、今。超素人で、

http://www.studycss.net/　をみて、もう特訓中です。

＞ CSS特訓中 さん
>>30
ありがとう (^^) 宜しくです！