東港研究所給湯室－海のルアーフィッシング休憩室－

記事タイトルに記事のリンク先を入れてみたいと思います。
記事下段の「この記事のＵＲＬ」と同じですが、内部リンクが増えるので若干の効果があるかと・・・

skin/diary.html

１３行目付近

<!--SKIN_DIARY_START-->
<div class="diary">
<h3>${ARTICLE_SUBJ}">${ARTICLE_SUBJ}</h3>
<div class="text">

↓

<!--SKIN_DIARY_START-->
<div class="diary">
<h3><a href="${INFO_PATH}?mode=edit&${ARTICLE_SUBJ}">${ARTICLE_SUBJ}</a></h3>
<div class="text">

このままでは、リンクにアンダーラインが入ってしまうので、
スタイルシートに次の文を書き加えます。

skin/common.css

div#diary h3 {
margin: 5px 5px 20px 5px;
padding: 5px;
}

←ここに追加

↓

div#diary h3 {
margin: 5px 5px 20px 5px;
padding: 5px;
}

div#diary h3 a {
color : #ffffff;
text-decoration : none;
}

以上！

　Wdpではデフォルトの携帯トップページにコメント件数が表示されません。

　そこで、コメント表示件数を追加してみたいと思います。

改造前

タイトル-07/02-20:25

改造後

タイトル(2)-07/02-20:25

/skin/Mobile_list.html

<!--SKIN_LIST_START-->
▼<a href="${ARTICLE_URL}">${ARTICLE_SUBJ}</a>-${ARTICLE_MONTH}/${ARTICLE_DAY}-${ARTICLE_HOUR}:${ARTICLE_MINUTE}<br>
<!--SKIN_LIST_END-->

↓

<!--SKIN_LIST_START-->
▼<a href="${ARTICLE_URL}">${ARTICLE_SUBJ}<a href="${ARTICLE_URL}#comm">(${ARTICLE_COMMENT})</a>-${ARTICLE_MONTH}/${ARTICLE_DAY}-${ARTICLE_HOUR}:${ARTICLE_MINUTE}<br>
<!--SKIN_LIST_END-->

次に携帯表示用のスキンを改造します。

mobile_view.html

<!--SKIN_COMTNAVI_HEAD_START-->
<hr>
■コメント<br>
<br>
<!--SKIN_COMTNAVI_HEAD_END-->

↓

<!--SKIN_COMTNAVI_HEAD_START-->
<hr>
<a name="comm">■コメント</a><br>
<br>
<!--SKIN_COMTNAVI_HEAD_END-->

これでコメント件数が表示されると共に、コメント部分をクリックすると、直接コメントを送ることができるようになります。

以上！

　先日、トップページをJavaScriptで自動書き換えするコードを公開しましたが、タイトルが長い場合にレイアウトを崩してしまう現象が発生しました。

　回避するためのコードを見つけるのにチョッと悩むｗ

UTF-8ベースだとlength、substrを使うと場合によっては文字化けしてしまう。

Win2000からは、UNICODEが標準とされたため、今まで作ってたEUCベースから転換しなければならないのかも。

少し脱線しましたが、UTF8を始めて扱って気が付いたんですが、EUC、SHIFT-JISは全角文字を２バイト、半角文字を１バイトで計算するだけど、UTF8で計算すると全角文字が３バイト、半角が１バイトなんだよね。

　技術的な事はググってくださいｗ

要するに、

1111　は4バイト
あいうえお　は１５バイトになってしまうわけで・・・
あ1も　4バイト

バイト数で区切ってしまうと端数が出てきて文字化けするみたいですね。　もう少し研究してみます（汗）

そこで一旦、UTF-8をデコードして計算後にエンコードする方法をとってみました。

utf8::decode($str);
～
utf8::encode($str);

これで、バイト数ではなく文字数をカウントして、SubStr関数を使えば、文字数で区切ることが可能となります。

忘れないように記録しておこう。

参考サイト

以上！