Jolly Space Blog

[続きを隠す]
複雑すぎず、かといって、簡素すぎるわけでもない。私に必要な機能は十分すぎるほど搭載されていてとても軽いですね。MTは、記事が無くても、再構築にとても時間が掛かっていましたが、sbだったらあっという間です。うーん、快適。

早速、いろいろなテンプレートやプラグインを試しています。
[続きを隠す]

[続きを隠す]
いまのところ、前者の方がいいかなーと思ってますが、そもそも、3カラムか2カラムかで迷っているので、まだまだ流動的。しばらくは悩みそう。
[続きを隠す]

[続きを隠す]
このブログはUTF-8で作られているのですが、それが原因ではないかと…。
それで、スクリプトをUTF-8で保存し直してアップロードし直したところ、、、

＼(^o^)／

無事に開いたり閉じたりしてくれるようになりました。

まだコンテンツもないのに必要もないような気もしますが、まあ、先に環境を作っておくのも悪くないなと…。
[続きを隠す]

[続きを隠す]

固定幅か可変幅かというのは尽きない議論のようであちらこちらで見受けられますね。今の時代は閲覧環境もさまざまですし、どれが絶対的に優れているという答えがないことは明白なのですが、それでもやっぱり訪問者がどう感じるかというのは気になってしまいます。。。

と言いつつも、恐らく数の上では固定幅の方が多いだろうと感じながらも可変幅にしてしまいました。(^_^;)　自分で見て気持ちよくないと書く気も起きませんし。。。

[続きを隠す]

[続きを隠す]

一応、どこをどうしたか書いておきます。
まず、サムネイルにオリジナル画像へのリンクを付ける改造ですが、sbtext_format.plの280行目に、

while ($text =~ /\<img (.*?)\>/i) { # イメージタグ変換処理
my $img = &sbtxt_det($1);
$text =~ s/\&lt;img (.*?)\&gt;/<img $img>/i;
}

という部分がありますので、そこを以下のように書き換えます。行頭のタブは消えていると思うので必要であれば補ってください。なくても動きます。

while ($text =~ /\&lt;img (.*?)\&gt;/i) { # イメージタグ変換処理
my $img = &sbtxt_det($1);
if($img =~ /\/thm\d+_/){
my $img_org = $img;
$img_org =~ s/.+(s?https?:\/\/.+\/)thm(\d+_.+\.)(jpe?g|gif|png).+$/$1img$2$3/;
$text =~ s/\&lt;img (.*?)\&gt;/<a href=\"$img_org\" target=\"_blank\"><img $img><\/a>/i;
}else{
$text =~ s/\&lt;img (.*?)\&gt;/<img $img>/i;
}
}

これで、記事作成のときに、イメージ挿入で「サムネイル」と書かれたものを選択すれば、記事になるときにはオリジナル画像へのリンクが張られます。なお、上記内容を見れば明白ですが、問答無用で新しいウィンドウが開きます。（汗）

次に、脚注を付けたときに本文中の「*1」という部分^*1にマウスカーソルを当てるとチップヘルプで内容を表示させる改造です。

130行目からの3行：
$foot .= $1 …
$foot .= $1 …
@note = split …

この3行を119行目（# 脚注リンク）の下（つまり120行目）に移動します。あるいは、130行目からの3行には行頭に#を入れておいて、120行目にコピーしてもいいでしょう。

すると、123行目と127行目にforから始まる行があるはずです。その中を少しばかりいじります。
それぞれ、「$body =~ 」と「$more =~ 」で始まっているはずですが、それを以下のようにします。要するに、title属性を追加するだけです。

$body =~ s/\&sbd;/<sup><a href=\"$url$cnt\" title=\"$note[$cnt-1]\">\*$cnt<\/a><\/sup>/;

$more =~ s/\&sbd;/<sup><a href=\"$url$cnt\" title=\"$note[$cnt-1]\">\*$cnt<\/a><\/sup>/;

これで終わりです。
おかしいところがあったら教えてください。m(_ _)m

• *1 : こんなふうにチップヘルプとして表示されます。

[続きを隠す]

[続きを隠す]

以下の作業をする場合には、念のために現在正常に稼働しているsbtext_format.plをどこかにバックアップしておいてください。

• 引用したときに上下のスペースを小さくする

これはスクリプトの改造ではなくスタイルシートの変更になります。スタイルシートの blockquote p { と書かれている部分を探し、以下のようにします。もし blockquote { （pなし）しか見つからない場合は、その下に以下のブロックを追加します。

blockquote p {
margin:0px;
padding:0px;
}

あと、これもテンプレート次第だと思いますが、引用ブロック直後のリスト表示が空行なしにすぐ下にくっついてしまう場合は以下のようにします。

/* 記事中のリスト */
div.entry ul{
margin:20px 0px 0px 20px;
padding:0px;
}

marginの第一引数（上記では20px）を0pxにすると、引用ブロック直後ではリスト表示が引用ブロックのすぐ下にくっついてしまって不格好になってしまうようです。

• Amazonリンクで自分のIDを使えるようにする

267行目付近の　『if ($name =~ /ASIN/i) { # Amazon』　という行を探してください。その行と次の行を以下のように書き換えます。（3行に見えるかもしれませんが、2行目が長くて折り返されているだけです。あしからず）

if ($name =~ /^ASIN$/i) { # Amazon
$text =~ s/\[(.*?):(.*?)\]/<a href=\"$amazon$2\/$gData{'user'}[$gEnv{'currentuser'}]{'aws'}\"$interlink>$1:$2<\/a>/;

• Amazonリンクで商品名を書けるようにする

上記の　『$text =~ ・・・・ $1:$2<\/a>/;』　のすぐ下に以下の2行を挿入。（これも3行に見えるかもしれませんが2行です）

} elsif ($check =~ /^\w+$/i) { # Amazon
$text =~ s/\[([^\[\]]*):(\w*)\]/<a href=\"$amazon$2\/$gData{'user'}[$gEnv{'currentuser'}]{'aws'}\"$interlink>$1<\/a>/i;

記事に記述するときの書式は以下のようになります。

[商品名:ASIN番号]
例：[MySQLクックブック〈VOLUME1〉:4873111552] と書くと MySQLクックブック〈VOLUME1〉 となります。

このように指定してください。なお、[ASIN:ASIN番号]という以前の書式だとそのまま以前と同じように表示されます。

ところで、今回の改造で書き方の条件を少し厳しくしました。それは、'[' と '] の間には '[' も ']' も書けなくしたということです。下記の改造に加えて、大括弧もエスケープできるようにすれば、この制限を外すことも可能ですが、今回はあえてそのような制限を設けました。もしも商品名に大括弧が使われていたらいわゆる全角文字に置き換えてください。

• コロンをエスケープできるようにする（大括弧の中にコロンが中に入っていてもリンクにしたくない場合に使う）

これは、上記のように説明に使いたいときなどにリンクさせないようにするために、大括弧に挟まれているコロンを \: と書くことでエスケープできるようにする改造です。

309行目付近に　『sub _sbtxt_spchar { # 特殊記号の変換/復帰』　という行があると思いますのでそこを見つけます。そして、if ($dir) ブロックに3行ありますが、その直下に以下の1行を挿入します。

$text =~ s/\\\:/&jlspa;/g;

次に、elseブロックの3行の直下に以下の1行を挿入します。

$text =~ s/\&jlspa;/:/g;

この改造をしておけば、'[' と ']' の中にコロンがあってリンクにしたくない場合でも、'\:' と書くことで解決できます。

※注意※
このスクリプトを使って書いた以前の記事の中に \: という部分がある場合、再構築をするとその部分が : だけになってしまいますので注意してください。

'\:' という組み合わせは普通あまり使われないとは思いますが、上記の注意内容を間違いなく防ぐには、別名にしたプラグインとして使えばいいでしょう。
私の場合、sbtext_format_a.pl として、70行目付近の『'name' => 'sbtext',』の定義を変更して使っています。（例：'name' => 'sbtext_a',）　そして、その別名のスクリプトをアップロードして、環境設定でそれを有効にすれば、記事編集画面の「フォーマット」のところに新しい名前（たとえばsbtext_a）がリストアップされているはずですのでそれを選択します。
　

[続きを隠す]

[続きを隠す]

• リストの中のタイトルを完全に表示させる

この改造を行うと、長いタイトルは折り返されて2行以上になります。それと同時に全体的に右に詰まる感じになるので他の欄が多かれ少なかれ見にくくなります。テーブル幅を広げれば済む話ですが、ここではそれには触れないことにします。

lib/sbtemp.pl - 930行目

$subj = (length($subj) > $aSubjLen) ? &sbtxt_clip($subj,0,$aSubjLen,$gEnv{'code'}) . '...' : $subj;

ここの行頭に#（半角シャープ）を一つ書き加えます。それだけです。要するに、長いタイトルを短くする部分をコメント化するだけです。

# $subj = (length($subj) > $aSubjLen) ? &sbtxt_clip($subj,0,$aSubjLen,$gEnv{'code'}) . '...' : $subj;

なお、ここでは#と$subjの間がスペース１個に見えますが実際にはタブコードが３個入っているはずです。とにかく行頭に # を書けばそれで終わりです。こんなのでも改造は改造。。。

• 切られる仕様はそのままで、タイトル上にマウスカーソルを置いたときに完全なタイトルをチップ表示させる

lib/sbtemp.pl - 934行目

$gData{'{sb_entry_title}'}[$num] = ($check) ? $subj : '<a href="' . $gData{'{sb_site_cgi}'}[0] . '?mode=edit&amp;eid=' . $$hash{'id'} . '">' . $subj . '</a>';

ここを以下のように書き換えます。（実際には強調部分を書き加えるだけです）

$gData{'{sb_entry_title}'}[$num] = ($check) ? $subj : '<a href="' . $gData{'{sb_site_cgi}'}[0] . '?mode=edit&amp;eid=' . $$hash{'id'} . '" title="' . $$hash{'subj'} . '">' . $subj . '</a>';

両方採用するのは意味がないでしょうね。（笑）

[続きを隠す]