ホームページ > CMS チュートリアル > DEDECMS > dedecmsでウェブサイトテンプレートを作成する方法

dedecmsでウェブサイトテンプレートを作成する方法

angryTom
リリース: 2019-07-27 10:25:00
オリジナル
2766 人が閲覧しました

dedecmsでウェブサイトテンプレートを作成する方法

#dedecms について詳しく知りたい場合は、次をクリックしてください:

dedecms チュートリアル

## Web ページのテンプレートはテンプルト内の HTML ファイルです

。したがって、テンプレートを記述するということは HTML を記述することを意味します。この記事は、タグの具体的な使用方法についてではなく、Web ページのテンプレートについての理解について説明します。基本的なタグ構文、表紙テンプレート、リスト テンプレート、ドキュメント テンプレート間の関係が含まれます。

タグについて

dedecmsタグ:

はHTMLタグに似ていますが、DreamWeaverによってカスタマイズされたタグで構成されています名前、属性、および InnerText。 ファイルを書き換えます

templets/index.htm

<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">网站名:{dede:global name=cfg_webname/}&lt;br/&gt;&lt;br/&gt; &lt;strong&gt;最近登陆的会员&lt;/strong&gt;&lt;br/&gt; {dede:memberlist row=6 signlen=30} &lt;a href=&quot;[field:spaceurl/]&quot; target=&quot;_blank&quot;&gt; &lt;img src=&quot;[field:face/]&quot; style=&quot;max-width:90%&quot; style=&quot;max-width:90%&quot;/ alt=&quot;dedecmsでウェブサイトテンプレートを作成する方法&quot; &gt; [field:uname/]&lt;br/&gt; &lt;/a&gt; {/dede:memberlist}</pre><div class="contentsignin">ログイン後にコピー</div></div> Web サイトのホームページの Index.php を実行して、結果を確認します。

dede:global はタグ名、name=cfg_webname は属性、dede:memberlist タグの間には InnerText があります。 DreamWeaver では、InnerText は基礎となるテンプレートとも呼ばれます。

ショートタグ:

グローバルのような片面だけのタグをショートタグといい、要素の値を表します。

ブロックタグ:

memberlist のようなペアになったタグはブロックタグと呼ばれ、一般に一連のレコードを表します。上記のコードは 6 人のメンバーの暗黙の情報をリストすることを意味します。少し調べてみると、これらの記録はデータベースから取得されたものであることがわかります。 [フィールド:XX] これは、レコード内の特定の属性値を表します。

要約すると、テンプレートを作成するときに使用される言語は、HTML コードと新しい dedecms タグ構文です。 Css と Js には新しい構文はなく、外部ファイルとして呼び出されます。

Php および MySQL コードが大幅に削減され、データベース クエリに関連するコードの一部がタグ構文に置き換えられました。たとえば、memberlist タグを呼び出すことは、データ テーブル dede_member にアクセスすることと同じです。 Php は主に、プラグインなどの新しいモジュールの作成と変更に使用されます。

すべてのタグを学習する必要はありません。グローバル、フィールド、php、arclist、list、pagelist、memberlist だけを学習してください。その他は再度確認する必要があります。

タグを学習するには、

1 タグの基本構文、タグ名

2 を学習する必要があります。タグ、タグ対応 Web ページ テンプレート、およびタグの論理的意味

3. タグの属性とタグ使用の制御

4 . タグの背後にあるデータ ソース、および InnerText のタイプ

提供される 2 つのテンプレート

2.1 Templets フォルダー

システム フォルダー

には、デフォルトの基礎となるテンプレートが含まれています。ブロックレベルのタグの間に何も記述しない場合は、ブロックレベルのタグの InnerText として自動的に呼び出されます。

Plus フォルダー

には、root_dir/plus にある php によって呼び出されるテンプレートが含まれています。いくつかの研究を行った後、これらのテンプレートのコードを模倣して調査できる場合があります。

Default フォルダ

には、Web ページ表示用のメイン テンプレートであるデフォルト テンプレートが含まれています。インターネット上で他の dedecms テンプレート (非公式のデフォルト テンプレート) をダウンロードすると、テンプレットが 1 つしか存在しない場合があります。フォルダにあるので、見た目にはこれで十分です。以下はデフォルトフォルダーの分析です。 以前は、index.htm のみを使用していましたが、他のファイルは何に使用されますか?

これらのファイルは 2 つのカテゴリに分類できると思います。

最初のカテゴリは完全なページではありません

、含まれています (dedecms タグ、html のため)文書も含めることができます)。 head.htm、footer.htm など。

2 番目のカテゴリは完全なページです

(笑)。 2 番目のカテゴリは、表紙 (インデックス) テンプレート、リスト (一覧) テンプレート、ドキュメント (コンテンツ、記事) テンプレートに分かれています。フォルダー内のindex_XX.htmは表紙テンプレートなどです。

2.2 表紙、リスト、ドキュメント テンプレートのテスト

root_dir/index.php

の SetTemplet パスが変更されますto dirname(__FILE__) . "/templets/default/list_article.htm" となり、表示される内容は不完全です。これらのテンプレートの使用方法は?私がそれを調べた方法は次のとおりです: dedecms Web サイトのバックエンド管理を開きます (ちなみに、テスト データを取得できるように、最初にデータ エクスペリエンス パッケージをインストールしてください)

Web サイトの列管理をクリックします

dedecmsでウェブサイトテンプレートを作成する方法

dedecmsでウェブサイトテンプレートを作成する方法ページベースの中点を変更します

一般オプションの列属性はチャンネル カバーです

次に詳細オプションを選択します

dedecmsでウェブサイトテンプレートを作成する方法

詳細オプションのカバー テンプレートis{style}/index_article.htm

インストールしたデータが私のものと同じバージョンであれば、Web ページは基本的に第 1 レベルの列であることがわかります。多くの記事がその下にまとめられています。

dedecmsでウェブサイトテンプレートを作成する方法

#Web サイトの列管理に戻る

## クリックしてプレビューすると、概要ページが表示されます基本的なコラムページです。通常オプションの列属性はチャンネル カバーであり、詳細オプションのカバー テンプレートは dedecmsでウェブサイトテンプレートを作成する方法{style}/index_article.htm

であるため、Web ページは

index_article.htm をテンプレート。 同様に、通常のオプションの列属性が最終リスト列で、詳細オプションの表紙テンプレートが {style}/list_article.htm である場合、list_article.htm がテンプレートとして呼び出されます。ドキュメント テンプレートはそれに応じて呼び出されます。

テンプレートと列の関係

各列には独自の 3 つのテンプレートがあり、同じテンプレートを複数の列で使用できます。つまり、テンプレートはスタイルのみを提供しますが、コンテンツは最終的にデータベースから取得されます。これは、テンプレートが特定の列にバインドされていないため、root_dir/index.php の SetTemplet でパスを変更しても完全なコンテンツを表示できない理由も説明します。これは、スタイルとコンテンツを分離するコンテンツ管理システムとしての DreamWeaver の特徴でもあります。

ドキュメント テンプレートについて話しましょう。これは [一般オプション] > [列のプロパティ] に表示されます。記事をチャンネルのカバーコラムとして公開することはできません。次に、「Html」などの最後のリスト列を選択します。

クリックして変更します。一般オプションの列属性が最後のリスト列であることがわかります。詳細オプションをクリックすると、ドキュメント テンプレートが {style}/article_article.htm であることがわかり、Html 列のすべての記事がこれで表示されます。テンプレート。 dedecmsでウェブサイトテンプレートを作成する方法

コンテンツ管理で通常の記事をクリックします。 dedecmsでウェブサイトテンプレートを作成する方法

[HTML] 列の下の記事を選択し、[プレビュー] (右) をクリックします。緑色のボール) dedecmsでウェブサイトテンプレートを作成する方法

この時点で表示されるのは、article_article.htm テンプレートで表されるスタイルです。 dedecmsでウェブサイトテンプレートを作成する方法

この時点で、表紙テンプレート、リスト テンプレート、ドキュメント テンプレートを表示/デバッグする方法を理解している必要があります。

2.3 チャネル

template/default のほとんどのテンプレートがこれら 3 つのカテゴリに分類され、その重要性が示されていることがわかります。では、index_article.htm、list_article.htm、article_article.htm だけで十分ですが、他のものは何のためにあるのでしょうか?

これはチャネルについてです。チャネルとは、記事チャネル、画像チャネル、ソフトウェア チャネル (基本的にはダウンロード チャネル)、製品 (ショップ) チャネルなどの列の種類です。チャンネルはコンテンツ モデルであり、たとえば、アニメーションや風景などにピクチャ チャンネルを使用できます。したがって、index_article.htm、index_image.htm、index_soft.htm、index_shop.htm が存在します。各チャンネルには独自の 3 つのテンプレートがあります。

では、テンプレートの書き方ですが、もちろん、まずタグの構文を学ぶ必要があります。

A. {dede: タグ名 function="関数名 (@) などの関数展開私、他のパラメータ) 」 /}

B. インナーテキストで直接プログラムする。これは以前に使用された方法です。

index_article.htm を読み、 list_article.htm を再び、article_article.htm にします。ソース コードを読むことが学習の最良の方法です^_^

一般的に、Web ページを作成するときに行う必要があるのは、チャネルごとに Web ページ テンプレートを作成することです。

以上がdedecmsでウェブサイトテンプレートを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート