- date
- 050224
リンクリストを別ページで一覧にする
BlogPeopleやTB Peopleなどリンクリストが増えるとナビバーが長くなるだけでなく、外部から読み込む分トップページが重くなります。全部まとめて別ページにスッキリ収納するカスタマイズ。サンプルはこちら
- リストを2列に並べてスペースを有効活用（1列の場合のやり方もあります）
- 高さを決め、長ければスクロールバーが出るようにする
- 外部のhtmlもテーブルも使わない
導入手順
1: ユーザーを追加する
別ページを作成するためにユーザーを追加します。『ユーザー管理』からユーザー名とパスワードを入力して作成。名前は何でも構いません。 下準備として『編集』を押して『自動改行しない』にチェックを入れて下さい。
- POINT
- ユーザリストに表示させたくない場合は『表示設定』の『ユーザーリストには表示しない』を選択しておくこと
- テンプレートでプロフィール欄のタイトルに「●●'s Profle」等の記入があれば、ベースHTMLテンプレートの方で削除しておくと良いでしょう
2: テンプレートのCSSを編集
デザインやサイズはお好みで。 サイズ調整の際は、エントリー幅を越えないように注意。
- POINT
- #linkpage dl dtがタイトル部分、#linkpage dl ddが中身です
- ※これまでに使用しているID名、class名と被るようなら任意の名前に変更
3: ユーザー説明を編集
1で追加したユーザーの『ユーザー説明』部分を編集します。
この例では2列×2段の4本です。増やす場合は後の応用編を参考にして下さい。
CSSのID名、class名を変更している場合はこちらも変更しておくこと。
最後にBPなどの呼び出しタグをコピペすれば完了！（呼び出しタグは各サービスの管理画面を参照）
- POINT
- <dl>から</dl>までが1つのリスト
- 2列に並べる場合、段の終わりには<br style="clear:left;" />を必ず入れる。
2段目が1列しかなくても入れます。
上手くいかない…
まずタグの閉じ忘れや書き間違いがないか確認。 テンプレートの他の部分に影響されることもあります。 テンプレートの構成によっては、floatの方向をleftではなくrightにすると上手くいく場合もあります。
- floatの方向をrightにする場合
- 手順2のCSSのfloat:left;をfloat:right;に変更
- 手順3のHTMLの全ての<br style="clear:left;" />を<br style="clear:right;" />に変更
応用編
2列×3段の6本
<dl>から<br style="clear:left;" />までがセットで1段分。
- HTML
これ以上増やす場合も、<!--▼-->から<!--▲-->を同じように繰り返せばOK。
1列のリストにする
3カラムや記事幅の狭いテンプレートの場合、2列並べるには少し狭いので1列がオススメ。基本手順は同じ。
- HTML
複数配置する場合は<!-- ▼ -->から<!-- ▲ -->までを繰り返します。- CSS
Blog Feed
Comments
コメントエリアをスクロールする / スクロールを解除する
ユヅさん、こんばんは♪いつもお世話になっています＾＾
このエントリー待っていました♪
さっそく参考にさせてください。
ところで初歩的な質問してもいいですか？
「●●'s Profle」ってHTMLのどこを削除すればいいのでしょうか？
何度やってもわからなくって・・・
お忙しいのにごめんなさい。
ご回答くださればとってもうれしいです。
よろしくお願いします♪
●mikiさん
ベースHTMLのテンプレートの方に
<!-- BEGIN profile_area -->
<div class="profile">
<h2>{profile_name}'s profile</h2>
<div class="profile_body">{profile_description}</div>
</div><!--_end_profile_-->
<!-- END profile_area -->
というプロフィールブロックがあります。そのうちの
<h2>{profile_name}'s profile</h2>
がその部分です。
<h2>{profile_name}</h2>
にすればユーザー名だけが表示されますし、表示しない場合は消すなり<!--こんな風にコメントタグでくくる-->といいでしょう。
テンプレートの中から任意の文字を探す場合は、一度テキストエディタにコピペしてから「検索」を使うとすぐ見つかりますよ＾＾
ユヅさん、早速のお返事ありがとうございます！！
コピペして検索をしたらすぐにできました。勉強になりました！
本当にありがとうございます！
わーいユヅさん、エントリー待ってました！
詳しい解説ありがとうございました、これを元にもう少しテンプレート見直そうと思います～もう少し体力が回復したらですが……
ではでは
●mikiさん
良かったです＾＾
検索機能は修正したい場所を探すときに便利ですので使い慣れるといろんなことが便利になりますよ～！
●Juraさん
こんにちは。
こんなかんじの説明で役に立つとよいのですけれど（笑）
お風邪でも召されたのでしょうか？インフルエンザも流行っているようですので、ご自愛くださいませ＾＾
ユズさん初めまして！！
少し前からこちらのテンプレートを利用させて頂いている凛と申します。
今、リンクをひとつのページにまとめようと参考にさせて頂いてます！
いつもステキで丁寧なカスタマイズ方法ありがとうございます。
どうぞ、これからもよろしくお願いします(o^-^o)
ユヅさん、こんにちは^^
この度は色々とアドバイスいただき、ありがとうございました^^
その後、単なるうっかりミス(サイドバーにスクリプトを残したままにしてたのが原因でした。確かにページ内に同じスクリプトがあったら動かないですよね^^；)だということがわかり、無事表示させる事が出来るようになりましたv
辛抱強くお付き合いいただき、本当にありがとうございました^^
いつもこちらの記事は勉強する事が多くて参考にさせていただいています。
まだブログ初心者ですが、これからもどうぞよろしくお願いします^^
ユヅさん、こんにちわ。
すっかりユヅさんのブログにお世話になっちゃってます。
先日のAmazonの複数記事表示に続き、こちらの記事も参考にさせていただきましたっ！
先日同様、TBもさせていただいたのでご報告させていただきます。
・・といっても今月より新たなURLでブログを始めたので、そちらでは初めてのTBとなります。
お引越しに伴い、ユヅさんのハリネズミ3カラムもDLさせていただきました♪
ハリーかわいいですぅ！
ってこちらの記事にコメントしちゃってすいません(爆)
ちょうどハリネズミカメラを購入したばかりだったのでかなりツボでした(笑)
大切に使わせていただきますね。
ユヅさんの記事は読みやすくてわかりやすくてとても参考になります！
これからもお世話になるかと思いますがヨロシクおねがいしますっ
あ、My Bloglistのほう登録させていただきました！！
事後報告で申し訳ありません。。
●凛さん
こんにちは。
テンプレもキュートにカスタマイズされてますねー＾＾
上手いことできそうですかー？導入頑張ってくださいね。
●さくらさん
こんにちは～♪
無事解決して良かったです＾＾
自分のところで紹介しているもので不具合が出ていると、やっぱり気になってしまって（笑）
私もブログ暦は短いのですが、新しいことを覚えるのって楽しいですね～
●あぼこさん
こんにちは＾＾
TBもどうもです～。
ハリネズミカメラ、確か他にコメントいただいた方からもその単語をお伺いした覚えがあります（笑）
ブログリスト登録有難うございます。
出来るだけコピペですむようなカスタマイズを心がけますね（笑）
ユズさん、はじめまして *^^*
Pirorin* と申します。
BLOGを始めてまだ間もないのですが、こちらのテンプレがとっても可愛いので使用させて頂きました♪
ありがとうございます m(_ _*)m
BPやTBもこれから増えていくと思うので別ページ表示の方がいいかなと思いこちらのページを参考にさせて頂きました♪
ありがとうございます。
しかしページは上手く表示されたのですが、作成した別ページへのリンクの方法がわからないのでもし良かったらご指導いただけますでしょうか?
初歩的過ぎるくらい初歩的な質問で申し訳ないのですが、いろいろ試行錯誤した結果うまくいかなかったので(編集メニューのリンクから作成したURLでリンクすると別窓表示されてしまいます)お手すきの時にでも教えて頂ければ幸いです。
お忙しいところ申し訳ありませんがよろしくお願いいたします。
●Pirorin*さん
はじめまして、こんにちは＾＾
HTMLのリンクの部分に直接書いてしまいましょう。
<dt id="linkname">LINKS</dt>
<dd id="linklist">{link_list}
<ul><li><a href="★httpから始まるリンクリストのURL★" title="BLOG LINK & TB PEOPLE">BLOG LINK & TB PEOPLE</a></li></ul>
</dd>
デフォルトのデザインならば、リンクに他の登録先があってもそれに並ぶ形で表示されるので、1つだけ後から足してるようには見えません（笑）
とても早いお返事、感激しております m(_ _*)m
早速教えていただきました通りタグを書き加えたところ、無事 同ページにリンクさせることが出来ました！
どうもありがとうございました♪
後ほど BLOG LIST に登録させて頂いてもよろしいでしょうか *^^*
私が以前BLOGを始めた時はテンプレート配布サイトさんも無く、独自タグもなかなか解釈できなかったので一度断念してしまったのですが、最近はユズさんはじめたくさんの方々がテンプレートを製作して下さったりカスタマイズの方法を詳しく教えて下さるので本当に助かりますし、BLOGライフが楽しくなります☆
ユズさんの素敵なテンプレート製作、期待しております♪
これからもお世話になると思いますがどうぞよろしくお願いいたします m(_ _*)m
すみません…
ユヅさんのお名前間違えてしまっていました ^^；
大変失礼しました m(_ _*)m
ユヅさん、こんにちは。
先日は、テンプレートの件で、いろいろお世話になりました。ありがとうございました。このたび、この記事を参考にさせていただいて、BlogPeopleなどを別ページに移動することができました。本当にありがとうございました。
またお邪魔します。
よろしくお願いします。
●Pirorin*さん
まだ見てらっしゃるかしら、ちょっと貼り付け方が間違っらっしゃるようです。
</dd>はリンクの後に入れてください。
今はこうなっているので、リストマークが出てしまっていて左に寄っています。
<dt id="linkname">LINKS</dt>
<dd id="linklist">{link_list}</dd>
<ul><li><a href="★httpから始まるリンクリストのURL★" title="BLOG LINK & TB PEOPLE">BLOG LINK & TB PEOPLE</a></li></ul>
</dd>の位置は</ul>の後ですので直してあげてくださーい！
リストへの登録は大歓迎です～＾＾ありがとうございます。
●あどさん
こんにちは＾＾
参考になってよかったです～。
おまけのバナーを利用したリンクもページにあっていていいですね＾＾
ユヅさん、こんばんは☆彡
ご指摘、ありがとうございました♪
早速、直してみました。
これで大丈夫だと思うのですが ^^；
またおかしいところがありましたらご指摘下さい。
リスト登録完了しましたv(*'-^*)ｂ
どうぞよろしくお願いしま～す m(_ _*)m
もうすっかりお世話になってます。
ステキです、これも！
リスト自体表示件数を絞ってあるので、すっきりまとめられることができました。
ありがとうございました♪
これからもどうぞヨロシクお願いします。
●Pirorin*さん
こんばんは。
ちゃんと直ってキレイにおさまりましたね＾＾
リスト登録も有難うございました＾＾
●hikaruさん
こんにちは。
まちまちなサイズを並べてもすっきりしませんが、縦横のサイズをそろえることで見た目的にすっきり整頓されて見えるように狙っています（笑）
参考になってよかったです＾＾
ユヅさん、はじめまして。
このたびは、大変お世話になりました。
ユズさんのブログはすべて参考になる参考書のような存在です。
どうぞこれからもよろしくお願いいたします。
そして、ありがとうございました。
今日は、度々コメントさせていただいてます。
これまで再度メニューにつらつら～とBPやSPを並べてましたが、なんとも画期的な方法に早速取り入れさせていただきました。
こんにちは
もうひとつすみません…
ユヅさんのやり方通りにやっているつもりなのですが…
どうしてもつまづきます。
linkの方にどうしてもユーザー名は出てしまうし
文字化け＆表示なしだし（泣
またお時間のあるときに教えて下さい。何度もすみません。
●ばすさん
はじめまして＾＾
随分うすっぺらい参考書ですが、１年生ドリルぐらいにはなってますでしょうか（笑）
コメント有難うございました＾＾
●まあちゃさん
今日はたくさんコメント有難うございます（笑）
ブログもサイドバーが伸びがちなので、いろいろ収納してすっきり！させたいですね＾＾
●じゅんさん
ユーザー名が出てしまうのは、HTMLの方を編集されていないからでしょう。
このコメント欄の一番上のmikiさんへのレスにまとめていますのでそれを参考にして下さい。
文字化けは文字コードの設定だと思います。BlogPeopleの設定でリスト出力をShift_JISにしていませんか？sbの文字コードはEUC-JPなので、合わせてあげれば化けないと思います。
表示なしは貼り付けミスか同じリストがかぶってるとかかなーと思います。
はじめまして
この度ブログ内カスタマイズの為に、こちらのタグを使わせて頂きました。
ありがとうございました
(*- -)(*_ _)ペコリ
ユヅさん、こんにちは。
いつも拝見しております。この度カスタマイズの為に、こちらのタグを使わせて頂きました。
前からしたかったのですが、なかなか出来なくて・・・。
３カラムなので、応用編のとおりにやってみて、なんとか表示できています♪すっきりして、とても嬉しいです、ありがとうございました。
こんにちは、ユヅさん
出来ました♪ありがとうございました。
こんにちは。
こちらの手法をお借りしました。トップの読み込みが若干早くなったように思えます。本当にありがとうございました_(._.)_
ユヅさん、初めまして。
最近sbを使い始めて、テンプレやカスタマイズでお世話になっております。
この度、MyblogListを利用することにしたので、
リンクリストを別表示にするソースを参考にさせて頂きました。
スッキリまとまって快適です。どうもありがとうございました。
Listにも、早速こちらのBlogを追加しました。
これからもお世話になります。
ユヅさん、こんばんわ。
先日初めてお世話になりました。
今回、こちらのタグを試してるんですが、右と左が少しずれてしまいます。
URLは
link
です。
もしお分かりになりましたら、お手数ですが、お願いします。
●miruさん、アキさん、じゅんさん、きょんさん、なるとさん
こんにちは。
ブログのすっきり収納にお役に立ててれば幸いですーｖ
トップが重くなると書く方も見る方も辛いですしね＾＾；
リスト登録も有難うございました＾＾
●イクミさん
こんばんは。
手順１に書いている
【下準備として『編集』を押して『自動改行しない』にチェックを入れて下さい。】
を忘れていませんか？
これを改行しないに設定しないと、すべての改行に自動で<br />タグが入ってしまうので、不要な余計な改行がはいっているんだとおもいます。
ユヅさん、度々すみません。
基本的なことを忘れてたんですね・・・
お手数かけてすみませんでした！
これからも覗かせてください♪
ユヅさん、こんにちは。
今回、こちらの方法を参考に別ページに移したのですが・・
ちゃんと表示されているけど、
サイドバーが下へ下がってしまうのです(涙）
幅の調整かな？と思って、色々試したけど直りません。
どこを調整すればいいのか教えてもらえますか？？
すいません・・ここです↓
link
●makiさん
こんにちは。
ソースを見たところ、</div>が1個足りないようです＾＾
最後に1個</div>を足してあげてくだされば綺麗に表示されると思いますよ～。
ユヅさん♪
ホントだぁーありがとうございました～！
のちほどＴＢさせていただきま～す。
いつもありがとうございます（￣ー￣)ゞ
ユヅ様 はじめまして
いつもweb素材やテンプレート楽しく拝見させて頂いております。
色々カスタマイズ方法参考にさせていただいてます。中でもこの別ページにまとめるというのがとっても役立ちました。
ありがとうございます。
新しいテンプレもとっても見易く可愛いですね。
今度リニューアルする際には是非使わせていただきたいです。
では有難う御座いました。
今後とも宜しくお願いします。
ユヅさん、はじめまして。
以前からテンプレートなどでお世話になっておりました！
この記事もとっても参考になりました～
ありがとうございました♪
TBさせていただきます。これからもよろしくお願いします！
はじめまして。
あやと申します。
今回リスト作成でタグを参考にさせて頂きました♪
分かりやすくてとっても感激です。
どうもありがとうございました。
これからも覗かせていただきます＾＾
ユヅさん、おはようございます。いつもお世話になっています。
やっちゃいました（汗）。バックアップとらないでいじっちゃいました。
別ページのリンクリストは出来たのですが、そのタイトルを{profile_name}'s profileからBlog list&TB peopleへ変更しようといじっていたら、ナビバーが下へずれてしまいました。
どこか<div>か何かを消しちゃったのかな？と思い必死で探しているのですが、何が原因かわかりません。
大変お手数ですが、教えていただけませんか？本当にすみません。
link
お騒がせしました。
足りなかったのは、><!--_end_profile_-->
<!-- END profile_area -->でした。
コメントなのでなくてもいいのかと思っていましたが、大事なんですね。気をつけます！
●chou*chouさん
こんにちは＾＾
１カラムのテンプレの方でもコメント有難うございます。
リニューアル、元が私のテンプレとは思えないほどとっても可愛く仕上がってますね＾＾
別ページにまとめる方法、お役に立ててよかったです♪
●ゆゆさん
はじめまして＾＾
コメントありがとうございます。
トラックバックもどうもです～♪
こちらこそよろしくお願いします。
●あやさん
はじめまして、こんにちは～
カスタマイズに慣れてない方も多いので、
できるだけコピペでできるようにと思っています。
これからもよろしくお願いしますですー＾＾
●bucoさん
sbのコメントタグは大事なんですよ～。
ヘルプのテンプレートのところに解説されていますが、<!-- BEGIN エリア名 -->と<!-- END エリア名 -->を使って、コメントやエントリー、プロフィールのエリアを定めています。
エントリーならトップページでは、コメントで囲まれたところを記事数分繰り返す処理がされますし、プロフィールエリアは表示させないように隠したり…とプログラムが判断をする部分です。国境みたいなもんでしょうか（笑）
これがないと、どこからどこまで隠したり表示したりすればいいのかわからなくなって崩れてしまうんです。
なかなか侮れません（笑）
ユヅさん、はじめまして。
わたしにとって、こちらのブログがsbの教科書になっております。
スタイルシート、手ごわいですね・・・。なかなか言うことを聞いてくれません。もっと勉強しなくては。
では、ご挨拶まで。
ありがとうございました。
ユヅさん、こんにちは♪
いつも楽しく拝見させていただいております。
遅ればせながら、私もコチラのエントリを参考に、BlogList一覧を別ページに表示するようにカスタマイズしました。
おかげさまで、TOPページが軽くなりました(*´∀｀*)
ステキなアイデア、ありがとうございました(〃▽〃)
●さちさん
こんにちは。
こんなとこ教科書にしちゃうとたいへんですよーヽ(´ー｀)ノ
スタイルシートはブラウザ別の癖やバグにてこずりますね；
でも使いこなせればとても便利だと思います＾＾
お互い頑張りましょう♪
●jeanneさん
こんにちは。
コメント有難うございます＾＾
トップページが重いとせっかくきてくれたお客さんも帰ってしまうことがありますし、できるだけすっきり！☆させたいですね＾＾
なにより自分が快適になればいうことないです（笑）
ユヅさん、こんばんは。
お世話になっております。
事後報告で、大変遅くなってしまい
申し訳ございませんでした。<(_ _)>
またここで、まとめてのご報告お許しくださいませ。<(_ _)>
●リンクリストを別ページで一覧にする
●BP等のリンクリストをスクロールバー付で設置
●オススメ商品の画像だけを複数表示にする
●コメントの並び順を変える
で、大変お世話になりました。
とっても助かりました。
またこれからもお世話になると思いますが、
どうぞ宜しくお願いします。<(_ _)>
これからもどうぞがんばってくださいね♪
本当にありがとうございました。(*^_^*)
●noa*さん
こんばんは。
報告とかはなくてもオッケーなものですから、そんなに気にしないで下さいね＾＾
たいしたこと書いてないブログですがお役に立てたようでしたらよかったですー。
こちらこそよろしくお願いします＾＾
ユヅさん、こんにちは。
citronファンです。
FC2ブログですが、
タグおかりしましたー。
とっても勉強になりますっ。
これからも宜しくお願いします。
ユヅさま、いつもありがとうございますです。
ユヅさんのわかりやすい説明で感謝しております。
これから益々暑くなりますが、お身体に気を付けて下さいね。
ユヅさん、こんにちは。
いつもお世話になっております。
大変初歩的な質問かもしれないのですが、この手順にあります「呼び出しタグ」というのは何を指すのでしょうか。
ここでつまづいてしまっています。
恐縮ですが、よろしくお願い致します。。。
はじめまして！
こちらのテンプレートをお借りしたり、カスタマイズを教えていただいたりといつもお世話になっております。
このリンクリストの一覧を表示するカスタマイズも、とっても素敵で便利なので実践しようと思ったのですが、どうしてもブログにリストを表示することができず悩んでいます。
お手数おかけいたしますが、教えて頂けませんでしょうか・・・？
よろしくお願いいたします！
ちなみに、HTMLのテンプレートの「archives」の下に
<!-- BEGIN link -->
<dl class="links">
<dt id="linkname">LINKS</dt>
<dd id="linklist"><ul><li><a href="link title="BLOG LINK & TB PEOPLE">BLOG LINK & TB PEOPLE</a></li></ul>
</dd>
</dl>
<!-- END link -->
このように書き足しました。
●kaoriさん
こんにちは。
呼び出しタグというのは、kaoriさんが張りたいブログリストやTBPの呼び出しタグです。（これは各サービス提供側でもらってきましょう）
人によって異なりますので、そういう書き方をしています。
●hadukiさん
今の状態だとリンクを使っていないのでリンクは非表示になります。
sbでは、使用されていないものは非表示になるので。
今リンクを使わないというのであれば、BEGIN linkとEND linkのコメントタグを消せば表示されます。
リンク機能を使う場合は、管理画面からリンクを1件でもいいので登録し、両コメントタグと元々のリンクの独自タグを揃えてあげる必要があります。
お返事ありがとうございました！
ようやく表示できるようになりました(*´▽｀*)
が・・・。
リストがきちんと２列に並んだ状態になりません・・・。
何度もすみませんが、教えていただけないでしょうか・・・？
すみません！よろしくお願いします！
link
●hadukiさん
うーん、まずあちこちhtmlが不完全になってるようなので、それを直さないと全体的におかしいです。
プロフィールページのソースが、
<h2 class="prof_title">bookmark</h2>
<div class="profile_body">
<div class="profile">
<div class="entry_body">
<div id="linkpage">
となってるんですが、
<div class="profile">
<div class="entry_body">
はいらないかと…。
また、この２つのブロックが閉じられてもいないのでこれ以降のブロックに影響が出て不具合になってるのではないかと思われます。
また、サイドバーではinfoのddとdlの閉じタグが抜けて、以降のブロックの表示が崩れています。
コピペや書き換えをされる場合は周辺のタグをよく確かめ、開始タグと閉じタグの数がちゃんとあっているかを確認しましょう＾＾
いつもお世話になっております。
ユズさんの素敵な素材達が大好きです☆彡
こちらのエントリ 参考にさせて頂きました。ホントにいつも思うのですが とても分りやすい説明で大変助かります。これからも日記の更新楽しみにしております(*´ー`*)
こんにちわ、はじめまして！いつもお世話になっております＾＾
最近ブログをはじめたばかりで基本的なことが全くわからないままなんとかカスタマイズしてます。今回「リンクリストを別ページで一覧にする」にチャレンジしたのですが、うまくいかず・・なぜかサイドバーに出てしまいます。お恥ずかしいのですがどうしてもわかりません（涙）お手すきの時にでも教えて頂ければ幸いです！よろしくお願いいたします。
●ともさん
こんにちは、コメント有難うございます。
わかりやすく導入していただけたならよかったです＾＾
最近カスタマイズのエントリ書いて無いなぁorz
●chiharuさん
プロフィールの中身自体が、サイドバーの中に入ってしまっているようですね。（chiharuさんのプロフィールもそうなっていますし）
よそ様のテンプレートなので、そういう仕様なのか、何かどこかいじってしまったのか、ちょっとわからないのですが、
テンプレートの編集で
<!-- BEGIN profile_area -->
から
<!-- END profile_area -->
までを、
<!-- メインここから -->
<div id="main">
☆この間に移動させる☆
</div>
<!-- ここまで -->
という風に編集してみてください。
ユヅさん、こんばんわ。ありがとうございました、解決しました～。
<!-- BEGIN profile_area -->
から
<!-- END profile_area -->
の部分がなかったのでなおしました。聞いてよかったです☆ありがとうございました。
遅くなってしまいましたが、ユヅさん、レスありがとうございました。
勉強不足で質問してしまってお手数をおかけしました。
こちらのテンプレを使わせて頂いてるものです。
今回、このリスト表示を導入したくて只今悪戦苦闘中です、、、。
とりあえず呼び出すことは出来たのですが
表示が一段のままでずらずらと長く、2列になりません。
スクロールバーも出て来ないのです。
ユヅさんサンプルのように、2段×2列表示にしたいのですが、
何かのタグを落としているのか、目を凝らして見てみましたが解りません(;_;)
きっちりコピペしたつもりですが。。
＜br clear="left" /＞
はちゃんと入ってます。
URLを記入して状態を見ていただきたいのですが、すみません、、拍手はどこですか～～(^^;;
ユヅさん。ごめんなさい!
再構築してみたらちゃんと表示されていましたーー<(_ _*)>
そそっかしくてすみません、、。
でもまたちょっと問題があります。
一列目と二列目の頭が揃ってないんですが(二列目が少し下がっている)
これをきっちり揃えるにはどうしたらよいのでしょうか。
重ね重ねすみません。
●papさん
余計な改行タグが入っていたり、『自動改行しない』にチェックを入れ忘れていませんか？頭が下がるほうのところに<br />が入っているとそうなったりしますよー。
拍手はページ右上のinfoのところか、エントリのSELECT MENUの中にあるので、どちらからかURLをお知らせ下さい。
ユヅさんの仰るように無駄な＜br clear="left" /＞が入ってました。
削除してみましたらきちんと揃いました<(_ _*)>
ありがとうございました。
ところで。
こういう形式をとってから、アクセス数は普段と変わりはなかったのですが、
BLOG PEOPLEのランキングがガタ落ちしていました。
リンクリストの配信回数がケタ違いに減っていたのです。
リストを別ページにしてしまったのが原因でしょうか？
大変失礼な質問になってしまうようで恐縮です。
●papさん
リストの配信回数＝リストの表示回数ですので、別ページにすることで落ちるのは仕様ですねえ。
別ページにしてからのリストの配信数＝リストを必要とした人の数。以前との差は、必要としていないのに重いリストを表示させられていた人の数、ともいえます。
BPのリスト配信ランキングを重視するならBPをトップに置いておけばよいでしょう。
ランキングよりも、訪問者さんが快適に閲覧できる環境をと思うならば別ページのがおすすめかなぁ（夜間は光回線ですら読み込みに数秒かかることもあるため、読み込みが遅いとそこで帰る方も…）
ま、そのへんはお好みですネ。
そうだったんですか。
実はそのリンクリスト配信の意味がイマイチ理解出来ずにいました。
色々とご教授下さり大変勉強になりました。
ありがとうございます☆
また何かありましたらサポート宜しくお願い致します。
はじめまして はりねずみを利用させて貰っています。
LINKを右のサイドバーに入れたいのですが、どうすれば良いでしょうか。
ベースHTMLの編集で
<!-- BEGIN link -->
<dl class="links">
<dt id="linkname">LINKS</dt>
<dd id="linklist">{link_list}</dd>
</dl>
<!-- END link -->
を<!-- END archives -->の下にコピペして再構築したのですが変わりませんでした。
やり方が違うのでしょうか。
●kameさん
やり方はあってます。
が、今トップのURLを見る限りHTMLは変更されていません。
保存が正しくできていない、再構築ができていないetc.そういったテンプレートの編集の仕方という部分での問題になるかと思います。
編集しているテンプレに間違いはないか、それを適用しているか、tidでテンプレート表示をしてソースを確かめてみる…などでご確認下さい。
できました。でも、何でだろう？
再構築したのになぁ うまく行ってなかったんだね。ありがとうございました。
これからもいろいろ弄ってみますので、よろしくお願いします。
ユヅさん、初めまして。
SBを始めてまだ数日という若輩者ですが(^^;)参考にさせていただいてます。
今回こちらのカスタマイズ？に挑戦しようと頑張っているのですが、どうしてもうまく行きません。
サイトはこちらです→link
同じページにではなく次のページに表示されてしまうのです。勿論サイドメニューやTOP、カレンダーなども表示されず、LINKページのみです。
記述のどのあたりにモンダイがあるか、教えていただけますでしょうか。お忙しいところ申し訳ありませんがヨロシクお願いいたします。
●遥さん
呼び出しているのがtid=5になっています。新しいユーザーではなく、新しいテンプレートを作成してしまっているようです。
リスト以外は空のテンプレートを作成されたわけですから、何もでてこないのは当然です＾＾；
● 手順１をよく読んで、テンプレートではなくユーザーを追加してプロフィール欄を編集して下さいね。リンクはpid=NO.になるはずです。
早速のお返事ありがとうございます。アドバイス通りにやってみましたところ、ようやく同じページに表示できました。
そーなんですか、変なやり方をしてしまってたんですね・・・呼び出したいユーザーのプロフィールのURLってどうやったら分かるんだろう？？？って思ってました；
色々ありがとうございました。
念願のスクリプトでしたので感激もひとしおです(笑)
完了の記事をエントリーする際にはTBさせていただきますね。今後ともヨロシクお願いします。
はじめまして。
こちらの「リンクリストを別ページで一覧にする」と「色々なListMeをつける」の
カスタマイズを拝借・参考にさせていただきました。
ありがとうございました。
これからもお邪魔するかと思いますが、
どうぞよろしくお願いいたします。
ユヅさん初めまして！
これまでもたびたび拝見していましたが、ROMっておりました。
さて、この度SereｎBachにアップデートしたのを機に、このエントリーのテクニックを始め、色々導入させていただきました。どうもありがとうございます。(ご参考までにTBもさせていただきました)
今後ともどうぞよろしくお願い致します。
いつもお世話になります（笑）
今回ちょっとテンプレを変更したので、今まで１列で使ってたのを２列にしたんですけど
そしたら何故か１段目と２段目の間にすごいスペースが開いてしまうんです
２段目と３段目の間は大丈夫なんですけど・・・
しかもIEでは問題なく表示されてるんですけど、Operaではスペースがあいちゃうんですよー
ソースも確認したんですけど、間違いはないと思うんですけど・・・
相性の問題とかなんでしょうか・・・それともまた初歩的なミスをやらかしちゃってるんでしょうか（汗）
お時間のある時でいいんで、見ていただけると有難いです
●なつめさん・ishさん
はじめまして、こんにちは。
コメント・ご報告有難うございました。
こちらこそよろしくお願いします～＾＾
●ちゃいさん
えーと今お使いのテンプレがfloat:leftでメインコンテンツよりナビバーが先に来る構成なので、clearした時にサイドバーの高さ分空いてしまうようです。
以下のように対応して下さい。
▼HTML
div id="linkpage"をclass="linkpage"に。
br clear="left"をbr style="clear:right"に。
▼CSS
#linkpageをすべてdiv.linkpageに。
float:leftをfloat:rightに。
これでいけると思いますー。
ありがとうございました！
うまく出来ましたー♪
現在製作中の新しいテンプレも楽しみにしてますね♪♪
リンクで表示にかかっちゃうときもあったのでとても便利になりました^^
ありがとうございました♪
ユヅさん、はじめまして＾＾
最近ようやくSB設置していつも勉強させてもらっています。この「リンクを別ページに」も参考にさせてもらってやってみました。
この編集したリンクページの内容はフォルダの中のどこに入っているか教えてくださいませんか＾＾
●ばにらさん
コメント有難うございました＾＾
●くるっくーさん
ユーザーデータはdata/user/～.cgi（IDに対応)で管理されています。
何が目的かわかりかねますが、内容の編集や、ユーザーの追加や削除はすべて管理画面で行えますので、通常はフォルダ内のデータを触る必要はありません。
また、文字コード１つ変わっただけでもおかしくなることがありますので、取り扱いには十分ご注意下さい。
ユヅさん、こんにちは♪
先日モブログ設定の記事を参考にさせて頂きましたが、
今回リンクリストを別ページにするこちらの記事を参考にさせていただきましたのでTBさせていただきたくご報告に参りました。
それからモブログ設定の記事のコメントにユヅさんのお名前"ユズ"さんと間違えてしまいましたことお詫びいたします m(_ _;)m
またTBに際しまして不都合などありましたらお知らせください。
それでは、これからも頑張ってください☆
はじめまして、朝早くから失礼します。
こちらの記事を参考にさせていただきました。
ただ表示がずれてしまい。
プロフィールの記事からはみ出てしまいます。
問題のﾍﾟｰｼﾞはこちらです↓
link
お手数おかけしますが確認のほどよろしくおねがいします。m(_ _"m)
あちゅこさん＞
おはようございます。
IEのバグ用にこのおまじないをCSSに追加してみて下さい。（IE以外では正しく表示されています）
#linkpage {
width:100%;
}
もしデザイン上、100%ではみ出るようなことがあれば数値を少なくするかpxではみ出ないサイズに固定してあげてください。
ユヅさん
直りました。バグだったのですね。
ありがとうございました＾＾
m(_ _"m)
こんにちは。こちらのカスタマイズを利用したいのですが
どうしても列が崩れてしまいます。。。
２カラムなのですが２列は無理でしょうか？
float:left;をfloat:right;に変更しても
無理でした・・。
リンクページは↓↓
link
アドバイスよろしくお願いします。
rikkyさん＞
導入手順１で書いてある
>下準備として『編集』を押して『自動改行しない』にチェックを入れて下さい。
をやってないような気がします。
これをしないと改行したところに<br>タグが入ってしまってずれるんですよー。まずはここを確認してみてくださいね。
こんばんは。
こちらのテンプレートのmademoiselleを使用させてもらっています。
このテンプレートで2列×3段の6本は無理でしょうか？
設置したのですが少しずれていてうまくいきません。。。
Profile→BlogPeople にあるので見てみて下さい。
よろしくお願いしますm(_ _"m)
rikkyさん＞
URLがNotFoundになっているのですが、アドレスをお間違えではないでしょうか？
ずれているという場合、１つ前のコメントでも書いていますが【下準備として『編集』を押して『自動改行しない』にチェックを入れて下さい。】の手順を忘れていないか確認してみてください。
ごめんなさい(≧≦)
飛べると思うので確認お願いします。。。
すいません、何度もありがとうございました。
チェックを入れたら解決しました。
ありがとうございましたm(_ _"m)
rikkyさん＞
解決してよかったです＾＾
何度もすいません＞＜
又２つ教えて下さい。。。
①一番上段の二つがくっついた感じ（border-bottomが繋がってる感じ）ですが、
間をあける事は出来ますか？
②ユヅさんのサンプルページの様に見出しの下の下線を
画像に出来ますか？
何度も申し訳ないのですがアドバイスよろしくお願いします。
rikkyさん＞
１：
#linkpage dlに
margin-right:15px;
を追加すると15px間隔があきます。
サイズは任意ですが間隔が大きすぎるとサイズオーバーで2列にならず1列表示になってしまうので注意です。
２：
見出しのスタイルは#linkpage dl dt で指定します。
backgroundで壁紙を指定してあげればOK。
ボーダーが要らない場合は
border-bottom: 1px dashed #ccc;
を削除しておいてください。
壁紙はお好きなものをご用意ください（笑）
どちらも解決しました！
長々とおつき合いいただきありがとうございますm(._.*)m
早いレスで助かりました＞＜
はじめまして。こちらを参考にさせていだだき、BlogPepleを別ページに表示させることができました。
ちなみに、テンプレートもお借りしています。ありがとうございます。