11
08
2007
ブログ本文中に手書き文字を簡単に挿入できるwp-tegakiというプラグインを導入しました。
最近、本文中に手書き文字の入っている他サイトを見るようになり、「いちいち画像を用意して凄いなぁ」なんて思っていたところ、先日このプラグインを発見して、「あぁ、そういうことかぁ」と合点。
早速このサイトにも導入したわけですが、文字の外枠に白線が表示されて、ちょっと
以下の部分の328行目を
PHP:
-
$img_src2 = $img_src . '-' . $i . "&page=$page";
-
$replace_string[$i] = '<img src="' . $img_src2 . '"';
-
$replace_string[$i] .= ' alt="'. $moji . '"';
-
$replace_string[$i] .= ' width="'. $width . '"';
-
$replace_string[$i] .= ' height="'. $height . '" />';
こういう風に書き加えました。
PHP:
-
$img_src2 = $img_src . '-' . $i . "&page=$page";
-
$replace_string[$i] = '<img class="tegaki" src="' . $img_src2 . '"';
-
$replace_string[$i] .= ' alt="'. $moji . '"';
-
$replace_string[$i] .= ' width="'. $width . '"';
-
$replace_string[$i] .= ' height="'. $height . '" />';
これでClassのtegakiの枠を消すCSSを加えて完了。
CSS:
-
/* tegaki img */
-
.entries img.tegaki{
-
border: 0;
-
padding: 0;
-
vertical-align:middle;
-
}
- 人気度：
- 12%
Trackback URL
Leave a Reply