カバー画像
  • Home
  • WEB
  • sb
  • 記事リストのタイトル表示を長くする:sb 1.x 用

記事リストのタイトル表示を長くする:sb 1.x 用

2005年2月17日 18:06 | コメント (3) | トラックバック (1)

 編集メニュー「記事リスト」の一覧表示ではタイトルの長さが半角20文字 / 全角10文字に固定されています。常にバラエティに富んだタイトルをつけている人や、そもそも書き上げた記事に手を加えない人は問題ありませんが、シリーズ化した記事などを書いてタイトルが途中まで同じ場合、全角10文字では見分けがつかない場合があります。また、コメント管理画面とトラックバック管理画面の文字数はさらに少なくこれまた混乱したりします。
 そこで、表示されるタイトル文字数の上限を変更して長くしてしまおうという訳です。この方法はスタイルシートと共に pl ファイルを直接変更しますので、バックアップをとった上でくれぐれも自己責任において行ってください。

この記事は sb 1.x 用のものです。Serene Bach をご利用の方はこちらの記事 をお読みください。

表示部分の幅を広げる

 タイトルの文字数制限を増やす前に表示部分の幅を広げます。これを行わないと多くのタイトルが折り返して表示される事になり、上下方向に長くなってしまうからです。どうしてもレイアウトを変更したくない人はここを飛ばしてください。変更するのは sb / lib / lang / ja にある style.css というファイルで、それぞれ目的別に以下の部分を変更した後、所定の場所にアップロードします。

前準備:これを行わないと後の2つの効果が出ません
160行目付近 width: 700px; を width: 95%; に変更

/* [main parts] */
div.body {
/* except MacIE ?*/
clear: both;
/* end for MacIE */
width: 95%;
margin: 5px 0px 0px 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
background-image: url(../_parts/background.gif);
background-repeat: repeat-y;
}

記事リスト画面 / コメント管理画面 / トラックバック管理画面
370行目付近 width: 495px; を width: 100%; に変更

/* [list table] */
table.list {
width: 100%;
margin: 10px 0px;
padding: 0px;
background-color: #bbb;
}

ステータス画面
450行目付近 width: 495px; を width: 100%; に変更

table.status_table {
width: 100%;
}

続けて 457行目 width: 240px; を width: 100%; に変更

table.status_table table {
width: 100px;
}

タイトル表示文字数を変更する

 変更するのは sb / lib にある sbtemp.pl というファイルです。念のためバックアップをとっておいてから作業を始めてください。表示文字数の変更は一括では行えず、記事リスト、ステータス画面、コメント管理画面、トラックバック管理画面と個別に設定する必要があります。スタイルシート同様変更したものを所定の場所にアップロードします。

記事リスト
839行目の最初の20を増やす

my ($aSubjLen,$aDispMin,$aDispMax) = (40,20,100)

これを40にすれば半角40文字 / 全角20文字になります。
ステータス画面
532行目の最初の12を増やす

my ($aSubjLen,$aDispNum) = (20,10);

 これを20にすれば半角20文字 / 全角10文字になります。ステータス画面は全体とユーザーの2つが横に並ぶため折り返しが発生しやすいので注意しましょう。ちなみに後ろの 10 は表示する最新記事の件数で、これを変更する事も可能です。

コメント管理画面
850行目の15を増やす

$aSubjLen = 30;

これを30にすれば半角30文字 / 全角15文字になります。
トラックバック管理画面
854行目の13を増やす

$aSubjLen = 30;

これを30にすれば半角30文字 / 全角15文字になります。

コメント(3)

Kaz.

2005年5月14日 12:09

むっちゃんさんのページにあったスクリーンショットを見ると、
半角 / 全角といったケアレスミスが原因ではなく
IE for Win の float まわりの解釈が原因っぽいですね。

このコメントに返信する

Kaz.

2005年5月14日 07:30

あらら。記事を書く際に
修正前のスタイルシートを記事通りに修正して
レイアウトが崩れないかをチェックしたのですが
IE for Windows では検証していないので
そのあたりが原因でしょうか。

とりあえず、スタイルシート編集時に
間違えがちな下の2つのポイントをチェックしてみてください。
特に、全角パーセント「%」と半角パーセント「%」は
ほとんど見分けがつかないので注意が必要です。
見た目で半角か全角かをチェックするよりも、
問答無用で書き直した方が手っ取り早いかもしれません。

・数字 / % を半角ではなく全角で書いていないか
 ○:100% ×:100%

・それぞれの設定の後にセミコロン ; を忘れていないか
 また、それが全角になっていないか
 ○:100%; ×:100% ×:100%;

このコメントに返信する

むっちゃん

2005年5月14日 06:04

はじめまして。
こちらの記事を参考に修正をしようと思いましたが、スタイルが崩れちゃいました(TT
スタイルシートってこういうことがあるので難しく感じます。気が向いた時にでも、上の記事をヒントにもう少々いじってみます。

このコメントに返信する

コメントを投稿する

コメントの投稿には JavaScript が必要です。
ブラウザの JavaScript 機能を有効にしてください。
投稿ボタンを押してもエラーになりますのでご注意ください。

トラックバック(1)

トラックバックURL : http://www.studio-ponytail.com/mt/mt-tb.cgi/85

ネットメモ:記事リストのタイトル表示を長くする (2005年5月14日 05:59)
sbの管理画面で記事リストのタイトルを表示を長くしようと、<br><a href="http://www.studio-ponytail.com/log/eid109.html" target="_blank">http://www.studio-ponytail.com/log/...