HOME >  ナレッジ コレクション  > 投稿記事部分の固定

投稿記事部分の固定

2007年01月29日 AQ


ブログのトップページは最新記事を投稿するたびに、設定した記事数の分だけ入れ替わってしまいます。これを最新記事の一番上部だけ入れ替わらず、常に固定された状態にする事は可能でしょうか インフォメーションや何らかの告知にその部分を使用したいと思っています (=^‥^=)

また、最新記事の投稿関係無しに、全ての記事を常に固定して表示する事は可能でしょうか 併せてお教え下さい

質問対象 : ライブドアブログ、その他 ( 応用できれば ・・・ )


最新記事の一番上部だけ入れ替わらず、常に固定された状態にする

これには 2 つの方法があります。ひとつは ・・・

☆ 『 未来の日付 』 を設定する。

管理画面にログインし、上部にある 『 ブログの投稿 』 タブをクリック。そして通常どおり記事を掲載するのと同じ要領で、メッセージや告知の文章を書き込みます。その後、記事投稿編集画面の下部にある、『 さらに詳しく設定する 』 のリンクテキストをクリックすると、そのページがさらに下に開いて 『 投稿状態 』 を編集する部分が表示されます。


ここに日付を設定する部分がありますよね? この日付を現在より先 ( 未来 ) の日付にしておくと、最新記事をいくつ投稿しても、その設定した日付に追いつかない限り、常に記事の一番上部に表示されます

ただし、その未来の日付がず〜と表示されたままなので、そういう部分に神経質な方にはオススメできないですね。とうぜんそういう部分に細かくコダワル AQ には、とうてい我慢できない ( ̄д ̄)

日付を消去する方法は、色々な手段をもってできるんだけど、それをすると、すべての記事の日付まで消えてしまいます。なので、それはしないほうが良いと思います。( 必要ならばお教えしますが ・・・ )

☆ HTML に直接書き込む

まずこの方法を説明する前に、ブログの基本構成を頭に入れて下さい。過去に掲載した記事 『 ブログの構成を知る 』 を一度読んでいただいた方が良いかも知れません。


ここでもその構成図だけ表示させて、説明したいと思います。左の図が 3 カラム構成、右の図が 2カラムの構成を簡単に表したものです。
クリックすると拡大します )

最近のライブドアブログの HTML 構成は複雑化しており ( 単なる応用の範囲ですが ・・・ )、この図が当てはまらない場合もあります。その辺はご理解いただき、臨機応変でお考えいただければ助かります

※ 注意 : これより先の説明は、トップページ HTML を対象に説明しています。( 他のページ HTML では用語が変わります )

上記の図を見ていただくと解るでしょうが、管理画面より投稿した記事の内容は、#blog (  <div id="blog"> 〜 </div> ) の中に表示されます。

そして、その中に記載されている、<IndexArticlesLoop> 〜 </IndexArticlesLoop> のライブドア独自の特殊タグによって、記事タイトルの位置や構成されている枠が、同じように繰り返されます。

そこで、<div id="blog"> 〜 </div> の中で、さらに <IndexArticlesLoop> より上に何らかの記述をすれば、それは繰り返される事無く、固定された状態でブログ上に表示されるようになるとご理解して下さい。

具体的にはこの位置です (=^..^=)

<div id="blogcontainer">
<div id="wrapper">
<div id="content">
<div id="blog">
※ この位置に文字や HTML の記述をする
<!-- Loop Start -->
<IndexArticlesLoop>
<$TrackBackAutoDiscovery$>
<div class="datetop"></div>

この 『 赤字 』 の部分に記述するもの ( テキスト・HTML ) は、それぞれの方のスキルに応じてお任せしたいと思います ・・・ その初歩の部分までお教えするとなると、非常に困難なものですから ・・・ (;^_^A

一応、この Pet Lovers Only♪ のように、記事投稿部分と同じような状態で表示させる方法だけ例として書いておきます。あとはご自身で応用して考えて下さい。この下記の HTML タグを、上記赤字の 『 ※ この位置に文字や HTML の記述をする』 の部分に書き込みます。

<!-- Message Start -->
<div class="datetop"></div>
<div class="fullbody">
<div class="datebody"></div>
<div class="blogbodytop"></div>
<div class="blogbody">
<div class="titlebody">
<h2 class="title">ここにタイトルなどを書き込む</h2>
</div><div class="main">
ここにメッセージなどを書き込む
</div>
</div>
<div class="blogbodybottom"></div>
</div>
<div class="dateend"></div>
<!-- Message End -->

これで固定された、投稿記事部分と同じ枠が表示されるようになります。トップページの HTML を保存。トップページの再構築を忘れずに必ず行ってください。後は閲覧しているブラウザを再読み込みして確認を d(=^‥^=)

ご利用のテンプレートの HTML 構成によっては、この方法が必ずしも適用できるとは限りません。中にはレイアウトが崩れるものもあるみたいです。自己責任において、" 元の HTML " のバックアップを必ず保存しておいて下さい (*- -)(*_ _)

◎ トップページすべての記事を固定化する

上記の方法の応用です。トップページ HTML の中の、<IndexArticlesLoop> 〜 </IndexArticlesLoop> の記述を、そっくりそのまま削除し、上記の HTML タグ を、その部分に変わりに記述します。

ひとつの枠で良ければ上記の HTML タグをひとつだけ。複数の枠でその内容を分けたければ、上記の HTML タグ を複数連続して ( 同じタグを繰り返して ) 記述すれば、その分だけ枠ができあがります。

かならず現在のトップページの HTML のバックアップを、先に取っておいて下さい。失敗しても、それで元に戻せます ヽ(´Д`;≡;´Д`)丿

なお、個別記事、月別、カテゴリ別の HTML も同じ方法の応用 ( *** Loop の独自タグの記述がそれぞれ変わります ) で、記事の最上部に固定されたメッセージ部分を設ける事はできますが、その必要性があるのかは私には解りません (*-゛-) ウーン ・・・

この記事の内容を良く読んで、ご自身で工夫なさって下さい。
解らないことがあればコメント欄で。頑張って下さい ヽ(^。^)ノ

この記事へのトラックバック
1. Happy Valentine's Day☆「ずっと一緒だョ」  [ ☆★たのしんぼ日記★☆ ]
2007年02月14日 18:36
てなワケで。ガラにもなくロマンチックになっていたり。そんなことより、シジュウニにもなろうってぇーイイオトナが、こんなへたっぴな字しか書けなくてごめんなさい。みたいな。字がヘタだと馬鹿っぽいよねーー。
この記事へのコメント
1. Posted by ひでP    2007年01月30日 13:02
AQさん、こんにちは。
今回の記事は非常に役立ちました[音符]
ちょうど、TOP固定の記事を未来の日付でエントリーしていたのですが、日付が表示されているのが、同じく嫌だったんで^^

早速、先程変更し上手く行きました[ビックリ]
どうもありがとうございます[ハート]
2. Posted by    2007年01月30日 13:06
1番のり〜[鼻血ブ〜]こんにちわっ[ハート]

早速、参考に変えてみましたっ 新しいタイプのブログ構成ですが、CSSの表記がちょっと変わっているだけでトップページや個別記事HTMLはさほど代わり映えないようです。

お手軽にできましたっ[ラブラブ][ラブラブ]
ありがとうございまーす[LOVE]
3. Posted by    2007年01月30日 13:09
書き込みしている間に先越されてしまいました[どぼじで〜]

お恥ずかしい…[もっとorz...]
4. Posted by のりぴー    2007年01月30日 19:54
食い入るように見てしまいました。
AQさん。さすが!!。です。[メモメモ]
5. Posted by AQ    2007年01月30日 20:50
> ひでP さん
>>1
見に行かせて頂きました (^^)

さすが、綺麗に自分で応用した HTML を中に入れてあって、
スッキリ・シンプルに仕上がりましたね [ハナ歌♪]

あのタイプのテンプレートはレイアウトが崩れる事は無いと思います。更新の時に、いちいちトップページの HTML に直接書かなきゃいけないのが、難点なんですけどね [汗汗]
6. Posted by AQ    2007年01月30日 20:56
> 綾 さん
>>2
>>3
ぎゃはは (^^) 何してるの、面白い 綾 さんってばっ [音符]
また違う記事で、一番乗りにチャレンジして下さいな (^_^;)

ブログは見に行きました。
あの枠の中の文字数 ( 段数 ) をもう少し
増やさないといけないみたいですね、あの枠は (・・;)

左側の画像が少し欠けています。
気になるほどじゃ無いですけどね。
記事の説明が多い割には、けっこう簡単でしたでしょ ヽ(^。^)ノ
7. Posted by AQ    2007年01月30日 20:58
> のりぴーさん
>>4
いや、[メモメモ] しなくても、いつでもここに記事があるから、
見に来てくだされば良いのに ww

のりぴーさんも少しづつ試していって下さって、
ナレッジの回答者として上位に上がれるよう
頑張って下さいね。僕の分まで頼んますよ〜 [ウインク]
8. Posted by    2007年01月31日 23:16
>>AQさん

はーい。そうします〜 [にゃ〜ん]

[blockquote]あの枠の中の文字数 ( 段数 ) をもう少し
増やさないといけないみたいですね、あの枠は (・・;)[/blockquote]
文字と文字の間のことでしょうか…? 少しずつやりたいのですが、
本日実家のノートパソコンがお亡くなりに… [ウェーン]

[blockquote]左側の画像が少し欠けています。[/blockquote]
どの辺りが欠けているのか判らない…
新居の DELL ちゃんがいけないのかな?? [えっえっ!]
9. Posted by POP    2007年02月01日 11:10
AQさん☆こんにちはー

このカスタマイズ、お友達に頼まれていたもので、
今度やってあげるのでヒジョーに助かります[ハート]

そのお友達のブログってゆーのが、日付ごとに記事が独立してないタイプなので
線で囲うとか?そゆことになるのかなって思っているんですけど。。

まだ検証してないので、もしわからないことがあったときは質問させていただきますねー。

どうぞよろしく[またね〜]
10. Posted by AQ    2007年02月02日 02:08
> 綾 さん
>>8
[blockquote]どの辺りが欠けているのか判らない[/blockquote]
ちょうどキノコの足元下、左側ってとこらへん (^_^;)

これは不具合じゃないよ (^^)
文字が一行しか書かれていないからなってる現象で、何行か文字を書けば、下に伸びていって、綺麗にはまると思いますよ [ハナ歌♪]

例えば、としまえんのレイヤー情報とか ww
11. Posted by AQ    2007年02月02日 02:26
> POP さん
>>9
[blockquote]日付ごとに記事が独立してないタイプなので[/blockquote]
画像や罫線で枠を作ったテンプレートじゃないって事ですか [?]
それならそっちの方が、簡単ですよ。

[blockquote]もしわからないことがあったときは
質問させていただきますねー。[/blockquote]
うん。なんだったら、アドレス晒してくれたら、
一度どんな感じのブログか見に行くけどね。

また、言ってくださいな〜 [フリフリ]
12. Posted by sea_gu_ska    2007年02月02日 17:57
AQ先生!
お久しぶりっす [ハート]

気付いたら、UPされていました〜 [どぼじで〜]
ヒィィィ〜 [ガクブル]

今週は時間的に厳しいので、お気に入りに追加でっすん [愛してる]
13. Posted by AQ    2007年02月02日 21:24
> sea_gu_ska さん
>>12
あらら (^_^;) 来られるのを待ってたんですから [汗汗]
主役が来なきゃ話に無んないですよ〜 [あちゃ〜]

記事を読んで解らない部分があったら、
またコメント欄にでも書き込んで下さいね (^^)
14. Posted by    2007年02月02日 22:48
こんばんわッ!今日は寒いぃぃ〜 [ガクブル]

[blockquote]ちょうどキノコの足元下、左側ってとこらへん (^_^;)[/blockquote]
あっ…ホントだ [汗汗]
とぼけてる…じゃなくて、ボヤケてるわ [アイタ]

[blockquote]例えば、としまえんのレイヤー情報とか ww[/blockquote]
豊島園ですかぁー… ( ふくみを残しつつ去る [ゲソッ]
15. Posted by AQ    2007年02月03日 02:14
>綾 さん
>>14
ホント今日は寒かったですね [汗汗]
住宅街の中の交差点は霜が張ってるから、要注意です ^^;

[blockquote]豊島園ですかぁー…[/blockquote]
・・・ はは〜 行ったなぁ??

どんな恰好をしたんですか? 今年は (・・;)
お知り合いの両さんは、当然行ったんでしょうね ww
16. Posted by    2007年02月04日 17:56
>>AQさん、こんばんわぁ[ハート]

霜生えるとホントに嫌ですよね〜[あーあ]
17. Posted by 綾    2007年02月04日 18:04
またやちゃった[汗汗]

[blockquote]豊島園[/blockquote]ですが、1度だけ[NANA]コスで行きました…
悲しいことがあったので多くは語りませんが。

今年は復活できるか知れませんが、やりたいコスが増え続けているので1着予定です[アハ](少なッ[もっとorz...]
18. Posted by AQ    2007年02月05日 05:58
> 綾 さん
>>16
>>17
はは (^^) また途中で送信してしまったのね ww

やっぱり豊島園行っているんだ (^_^;)

AQ 的には、『 BLEACH 』 の織姫ちゃんが好き (´∀`*)
あの清楚な天然ボケがたまらんですなぁ〜 [ハート]
19. Posted by    2007年02月06日 12:29
>>AQさん

くぅ〜 [なんだよ〜]

『 BLEACH 』 は最近、ぽちぽち見てますね〜 [んー]
織姫さんと言えば、癒し系キャラですもんね〜 [愛してる]

水色のフード付ワンピース着ているマスコット人形とかしゃべらないわら人形みたいなマスコット人形が ( 名前知らないけど [汗汗] )
お気に入りです [ラブラブ]

特に水色ワンピのコは、アタシに激似な性格かも… [もっとorz...]
20. Posted by AQ    2007年02月06日 15:19
> 綾 さん
>>19
[blockquote]水色のフード付ワンピース着ているマスコット人形とか
しゃべらないわら人形みたいなマスコット人形[/blockquote]
ん? なんだぁ〜 それ (・・;)

魂 ( コン ) の事かな [?]
もう一度、見直してみよう〜っと (^_^;)
21. Posted by sea_gu_ska    2007年02月13日 18:15
AQ先生。。。[ウェーン]

トップページの固定する記事を
どれにしようか悩んでおり…

あれから、何日経過しましたでしょうか [無言]

おバカな私を許して下さい [もっとorz...]

その内、固定記事を作成したら、
チャレンジするっす!
今のうちに [メモメモ]
22. Posted by AQ    2007年02月14日 01:38
> sea_gu_ska さん
>>21
僕は逃げないし、記事も無くならないから、
ゆっくりと仕上げてくださいな (^^)

普段のお仕事しながらブログをさわっていると、
どうしてもノビノビになってしまいます。

気にしないで、のんびりとどうぞ [ウインク]
23. Posted by sea_gu_ska    2007年02月19日 17:00
AQ先生。。。

記事固定出来ましたよ〜ん [フリフリ]
AQ先生のサイトのをコピペして、記事書いて…
完璧でっす [愛してる]

有難うございました〜[晴れ]

また、チョイチョイ顔出しに来ます〜 [またね〜]
24. Posted by AQ    2007年02月19日 20:43
> sea_gu_ska さん
>>23
うん (^^) 違和感無く綺麗にできて良かったですね。

あともうひとつ、サイドカラムのリンクテキストの変更の仕方 ( 色々なリンクの表示 ) は、もう少ししたら記事として掲載予定です。

必ず覗いて下さいね ヽ(^。^)ノ
25. Posted by sea_gu_ska    2007年02月27日 09:46
AQ先生。。。

いつでも覗きに来ますとも [ウインク]

これからも、お世話になります〜 [ラブラブ]
26. Posted by AQ    2007年02月27日 20:25
> sea_gu_ska さん
>>25
リンクの方法あれこれがちょっと遅れてます [汗汗]

ごめんなさいね、もう本業がバタバタしてて (^_^;)
なんとか、時間見つけて頑張りますから〜 [叫び]
27. Posted by とんぼ    2007年11月10日 22:31
早速ありがとうございます。
調べてみたんですが似たようなのはあるんですが同じとこが見つかりませんどこへ追加すれば良いかイマイチわかりません少し新しくなったんですかね? いちよおなじ3カラムなんですが ・・
28. Posted by AQ    2007年11月11日 02:41
> とんぼさん
>>27
テンプレートは常に改善されてて、中の HTML は変更されています。ですが基本的な部分は昔のテンプレートと同じですよ。仕様に応じて新しいタグが追加されているだけです。

現在ご利用のテンプレートジャンルと、テンプレート名を教えて下さい。中の HTML を見てみますから。具体的に " ココ " って言った方が早いでしょうから。[にゃ〜ん]
29. Posted by とんぼ    2007年11月11日 09:20
ありがとうございます。
非常わかりやすく教えてもらったのにすみません。^^;
自分が使っているのは 3 カラムの Liquid pearl です、
どーかよろしくお願いします。
30. Posted by とんぼ    2007年11月14日 07:55
こんにちは、この前からわからなかったところがようやくわかりました。突然の訪問コメントにもかかわらず適切に丁寧に答えてくれてありがとうございました。

こちらに当ブログが紹介できるようにカスタマイズして行きますその節はどーぞよろしくお願いします。
31. Posted by AQ    2007年11月14日 18:54
> とんぼさん
>>29
>>30
すみませんでした。結局おチカラになれずに (^_^;)
資料作成などの仕事に追われていたもので ・・・。

これにコリず、またいつでも遊びに来て下さい [音符]
この記事にコメントする
 :Name
 :Mail
 :URL
  情報を記憶:   書き込みのリセット: 
 
ご利用のブラウザ、設定ではご利用になれません。
 
  



Promotion
Mini BBS
Comments
脳内メーカー (佐東秀俊)
犬猫の腎臓病 (まあみん)
マーキング (hiroyann)
犬猫の腎臓病 (じょん)
犬猫の腎臓病 (じょん)
犬猫の腎臓病 (すーママ)
Tag Click