記事一覧

トップ > Web Diary の改造

[改造]記事タイトルにリンクを貼る-WebDiaryPro


 2010/12/13(月) 22:21

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

skin/diary.html

13行目付近

<!--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;
}


以上!


クリックしていただけると頑張れます!!
↓↓↓

にほんブログ村 釣りブログ ソルトルアーフィッシングへ にほんブログ村 釣りブログへ ブログランキング・にほんブログ村へ

携帯ページでのコメント件数の表示-WebDiaryPro


 2009/08/01(土) 10:15

 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-->


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

以上!


クリックしていただけると頑張れます!!
↓↓↓

にほんブログ村 釣りブログ ソルトルアーフィッシングへ にほんブログ村 釣りブログへ ブログランキング・にほんブログ村へ

UTF-8のencode、decodeで小一時間悩む-CGI,Perl


 2009/07/28(火) 07:54

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

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

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

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

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

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


要するに、

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

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

 

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


utf8::decode($str);

utf8::encode($str);

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


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

参考サイト


以上!


クリックしていただけると頑張れます!!
↓↓↓

にほんブログ村 釣りブログ ソルトルアーフィッシングへ にほんブログ村 釣りブログへ ブログランキング・にほんブログ村へ

ページ移動