2

私は Orchard CMS (および Web デザイン全般) を使用する初心者です。サイトのブログ ページの出力のスタイル設定に問題があります。私のページの多くには、テキストの背景を作成するためのカスタム HTML があります。ダッシュボードで作成したすべてのブログで、この背景を再作成したいと考えています。

この数週間、情報を探してこのサイトと Google を隅々まで調べましたが、完全に頭に浮かんだものではない実質的なものは何も見つかりませんでした。

プライバシー上の理由から一部の情報を削除しましたが、基本的にコードはコンテンツを配置できるコンテナーを作成します。背景の(修正された)コードは次のとおりです。

<table style="float: right" width="100%" border="1" cellpadding="0" cellspacing="0">
    <tbody>
        <tr>
            <td style="width: 21px;"><img src="src.gif" /></td>
            <td style="background-image: url('src.gif'); font-family: Arial, Helvetica, sans-serif; color: white; font-size: 15px; font-weight: bold;">
                <span style="float: left">[Redacted]</span>
                <span style="float: right">
                        <script language="javascript">
                        var dayNames = new Array("Sunday","Monday","Tuesday","Wednesday",
                        "Thursday","Friday","Saturday");
                        var monthNames = new Array(
                        "January","February","March","April","May","June","July",
                        "August","September","October","November","December");
                        var now = new Date();
                        document.write(dayNames[now.getDay()] + ", " + 
                        monthNames[now.getMonth()] + " " + 
                        now.getDate() + ", " + now.getFullYear());
                    </script>
                </span>
            </td>
            <td style="width: 21px;"><img src="src.gif" /></td>
        </tr>
        <tr>
            <td style="background-image: url('src.gif');"></td>
            <td style="background-color: #fcfefc;">
<!-- Content goes here -->

<!-- End Content -->
            </td>
            <td style="background-image: url('src.gif');"></td>
        </tr>
        <tr>
            <td><img src="src.gif" /></td>
            <td style="src.gif');"></td>
            <td><img src="src.gif" /></td>
        </tr>
    </tbody>
</table>

ここに私の質問があります:

  1. すべてのコンテンツがこのコンテナー内に収まるように、ブログとすべてのブログ ページのスタイルを設定するにはどうすればよいですか?
  2. 「抜粋」の出力を変更するにはどうすればよいですか? ブログの抜粋のデフォルトの長さは、奇妙な場所で途切れています。これをコントロールできるようになりたいです。
  3. orchardproject.net 以外に、初心者向けの Orchard ドキュメントを見つけるのに適した場所をお勧めできますか? 私にとって学習曲線は険しいと感じていますが、Orchard の学習に専念しています。この種のものの良いベースを得ることができるように、開始するのに適した場所をお勧めできますか?

まだまだ初心者ですが、頑張りますのでよろしくお願いします。.Net や C# の経験はほとんどなく、CMS の知識は基本的なもの (Wordpress) です。

読んでくれてありがとう!

4

1 に答える 1

4
  1. テーマで、content.cshtmlテンプレートをオーバーライドして、デフォルトのHTMLではなくHTMLが含まれるようにします。元のテンプレートは、コンテンツが挿入されるゾーン(通常はのようなもの)を追加する方法を示しています@Display(Model.Content)

  2. コンテンツサマリーテンプレートを上書きします。http://weblogs.asp.net/bleroy/archive/2012/07/01/my-body-summary-template-for-orchard.aspxを参照してください

  3. http://docs.orchardproject.net/Documentation/Orchard-TV

可能であれば、マークアップについてもコメントしたいと思います。

  • 表はレイアウトには使用しないでください。表形式のデータにのみ使用してください。
  • インラインスタイルは使用しないでください。スタイルシートで定義されたスタイルに置き換える必要があります。
  • そのスクリプトはインラインで追加するのではなく、別のファイルに含める必要があります。また、@Script.Include何らかの理由でテンプレートが複数回レンダリングされた場合にスクリプトが何度も追加されないように、を使用して含める必要があります。
  • スクリプトはグローバル名前空間を汚染しています。
  • スクリプトはローカライズできません。
  • そのクライアント側のスクリプトの代わりに、おそらくサーバー側のコードを使用する必要があります。サーバー側のコードは、世界のすべての文化ですでに日と月の名前を知っています。@ DateTime.Now.ToString( "dddd、MMMM yyyy")は、そのスクリプトブロック全体を置き換えることができるはずです。
于 2012-07-28T10:59:18.960 に答える