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

記事リストのタイトル表示を長く : SB 用

2005年8月15日 20:29 | コメント (0) | トラックバック (0)

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

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

表示部分の幅を広げる

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

前準備:これを行わないと後の2つの効果が出ません
173行目のスタイルの 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-repeat: repeat-y;
}

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

/* [list table] */
table.list {
clear: right;
width: 100%;
margin: 10px 0px;
padding: 0px;
}

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

table.status_table {
width: 100%;
}

続けて 492行目 width: 255px; を width: 100%; に変更

table.status_table table {
width: 100%;
}

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

 変更するのは lib / sb / Admin にあるファイルです。念のためバックアップをとっておいてから作業を始めてください。

記事リストのタイトル名を長くする
lib / sb / Admin にあるファイル「List.pm」43行目の20を増やす

sub ITEM_LENGTH (){ 20 };

これを40にすれば半角40文字 / 全角20文字になります。
ステータス画面のタイトル名を長くする
lib / sb / Admin にあるファイル「Status.pm」33行目の12を増やす

sub ITEM_LENGTH (){ 12 };

 これを20にすれば半角20文字 / 全角10文字になります。ステータス画面は全体とユーザーの2つが横に並ぶため折り返しが発生しやすいので注意しましょう。

 Serene Bach ではコメント・トラックバック管理画面の表示項目が増え、それらの画面でタイトル名を長くすると必ずと言っていいほど折り返しが発生します。上記と同様に「Message.pm」「Trackback.pm」中の sub ITEM_LENGTH の数字を増やせば変更できますが、あまり実用的ではありません。

コメント(0)

コメントを投稿する

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

トラックバック(0)

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