ページ

2004年5月6日木曜日

.Text のインラインコメント化

.Text のインラインコメント表示についてです。
(インラインコメントっていうのは私が勝手にそう呼んでるだけです。ここでやってるように各 Post の下にコメントやトラックバックも表示することをそう呼んでます)


原水商店さんの .Text Blogs 日本語 Skin から頂いたスキンをインラインコメント化したものを置いておきます。
http://www.divakk.co.jp/aoyagi/SkinsJP_IC.zip


インラインコメント化スキンの使用方法



  1. InlineComments.cs を Skins フォルダにコピーしてください。
  2. 各スキンを Skins フォルダにコピーしてください。インラインコメント化したスキンはスキン名(スキンのフォルダ名)の末尾に "_IC" をつけてありますので、従来のスキンと重なることはありません。
  3. Admin\Skins.config ファイルを適当に変更してください。サンプルを同梱してあります。なお、同梱した Skins.config は .Text Blogs 日本語 Skin とインラインコメント化スキンをあわせて使った場合の config になっています。こうしておくと普通のスキンとインラインコメント化したスキンのどちらでも選べるようになります。






以下に簡単ですがインラインコメント化する方法を書いておきます。
(簡単というよりほとんど覚え書きのような状態ですが)


InlineComments.cs を Skins フォルダにコピー。
(ソースコードによるコードビハインド。ソースコードにしたのは DLL を作り直さなくてもいいようにするため)


各スキンのインラインコメント化



  1. Comments.ascx をコピーして InlineComments.ascx を作る。
  2. InlineComments.ascx の 1行目の Inherits="Dottext.Web.UI.Controls.Comments" をInherits="Dottext.Web.UI.Controls.InlineComments" に変更。また、Src="..\..\InlineComments.cs" を追加。
  3. Day.ascx に <%@ Register TagPrefix="uc1" TagName="InlineComments" Src="InlineComments.ascx" %>を追加。<%@ Import Namespace = "Dottext.Framework.Components" %> を追加。適当な場所に を追加(CommentDisplayCount で最大いくつのコメントをインライン表示するか設定可能)。

これで一応は動くはず。
あとは見栄えがよくなるように InlineComments.ascx を修正する。
たとえば




  • <a name = "feedback" /> を削除。


  • <h3>フィードバック</h3> を削除。


  • <div id="comments"> を <div class="inlinecomments"> に変更。


  • <asp:Literal ID = "NoCommentMessage" Runat ="server" /> を削除。


  • HeaderTemplate を追加して見出しを表示。


  • ToTrackbackText を追加してトラックバックかどうかを表示するようにする(このために <%@ Import Namespace = "Dottext.Framework.Components" %> を追加する必要あり)。

など。
その上で Style.css に適当な CSS を追加。

2 件のコメント:

  1. 記事を参考にしてインラインコメントに挑戦しました。

    ってもスキンをコピーしただけですが・・・

    でもいろいろと疑問が生じる今日この頃です。

    返信削除