Umbraco(6)-Creating More Pages Using the Master-Part 2
6766 ワード
Contact Usページを作成します.
私たちは新しい「ページ」を作成します.このページでは簡単な連絡情報を配置します.この機能を追加するには、完全に成熟した形式に置き換えたいかもしれません.
いくつかの効果的な解決策:表面コントローラを使用して自分の接触形態を構築する: http://our.umbraco.org/documentation/Reference/Templating/Mvc/formsそれとも
http://umbraco.tv/videos/developer/fundamentals/surface-controllers/もしプログラマではないなら、既製のカバンを使ってもいいです.
http://umbraco.com/products/more-add-ons/contour.aspx
簡単なページを作成します.ユーザーはタイトルとテキストが豊富なページを提供します.これは私たちのホームページの種類にとても似ています.しかし、現在は非常に具体的なこのものを開発したいと仮定しています.例えば、文章と他のコンテンツのブロックを追加しました.
Settings>Dcument Typesを開く (hover) > ... > + Create.私たちはページを作成して「Simple Conteent Page」と名づけました.マスターDcument Typeを選択して「none...」とします.(マスタードキュメントの種類を使用して、親レベルからドキュメントのタイプを継承できます.しかし、私たちはマッチするテンプレートを作成しますので、その選択をデフォルトにします.
まず、アイコンを選択します.単語を入力する「Content」を選択して、このファイルのアイコンをフィルタして選択します.説明の種類は簡単に「A simple content page」と書きます.デフォルトのAllowed Templates(例えば、Simple Contotページだけが選択されます).Saveボタンをクリックしてください.
今Settings>Templatesをクリックします. ,次にReload Nodesをクリックします.Simple Conteent Pageノードを選択して、Proptiesタブに入ります.Master Templateドロップを変更して、Masterというテンプレートを選択します.これはHomepageテンプレートのように、masterテンプレートからヘッダーとフッターを取得することを意味します.
Saveをクリックして保存し、Templateタブを再読み込みします.Razor言語は、Layout=「Master.cshtml」に更新されます.更新されていない場合は、他のノードをクリックして再読み込みします.このテンプレートにHTMLを追加して保存してください.
これはUmbracoを設計することによって編集者がコンテンツ編集のみを作成することができ、開発者には許可されています.これはユーザがホームページの下で新しいニュースコンテンツノードを作成するのを阻止することになります.ウェブサイトの設計(またはウェブサイト全体)を破ることになります.残念ながら、この機能は多くの新たなUmbraco利用者を混同しています.ですから、このエラーの原因をここに示します.
Settings>Dcument Types>Homepageを開く ,Structureタブでは、ラベルAllowed child nodetypesの後ろにチェックボックスが表示されます.(InfoタブのAllowed template-を混同しないでください.後で検討します.)したがって、ユーザーがサブノードを作成することができます.ホームタイプはSimple Conteet Pageです.チェックボックスを選択して保存してください.
【Homepage-Allowed Child Nodetypesは、サブノードの作成を許可する】
ここにはまだいくつかの困惑があります.まずSimple Conteent Pageを作成したいですが、文書の種類を作成することを許可しなければなりません.例えば、新しい文書タイプを作成しました.その後、ホームページの設定を更新して、それを利用できます.Artices containerとArtcle itemを作成したら、またこのようにします.私達はArtcles containerでは必要ありません. Artcle itemを許可します.簡単です.あなたには簡単ではないかもしれませんが、慣れます.
今からContent>Homepageに戻ります. > クリアー Simple Content Pageを作成しました.名前を選択して入力します.Proptiesタブは一つしかありません.データがありません.これは別の文書タイプのホームページです.タグやデータの属性は作成されていません.Save and Publishをクリックしてください.
【私たちのContactページを作成する】
Contentを再読み込みします.homepageの下にContact Usページがあります.これはほとんどのサイトの推奨構造です.あなたの一級ページはホームページの下にあります.このページを見に行きます.もしあなたがProptiesのタブを見たら、Link To documentの一行を見ます.クリックしてください.スタイルのないページをもう一度発見するかもしれません.これはテンプレートです.の設計者はあなたのウェブサイトが平面構造になると考えています.例えば、すべてのページは同じレベルに構築されています.だから、ブラウザはホームページでこのクラスのCSSとJSを見つけることができません.マスターテンプレートを更新してCSSとJSファイルの導入方法を変更したいです.
<link rel=「styreet」href=「/css/style.css」
<script src=「/js/libs/modenizr-2.6.6.min.js」
テンプレートの変更を保存してからContact Usページを読み込みます.空きページがあります.
簡単なフィールドを2つ追加します. pageTitle (type=Textstring)と body Text (type Rich Text Editor).フィールドの追加方法が分からない場合は、ホームページのドキュメントタイプの説明に従って作成します.これらのフィールドを接続します.これがあなたの第二の天性ではない場合は、Homepageの下のテンプレートを編集することによりできます.
【Contact Us Generac Propties(共通属性)】
【Contact Us Template with Data Fields】
今いくつかのコンテンツを追加します. Save and Publishをクリックして再読み込みすると、より面白いページが表示されます.
【Contact Us with Some Data】
ホームページからドキュメントタイプのプロパティを使用します.
フッター部分はまだ空いています.ホームパティのノードから内容を得ていません.Umbracoに親ノードHomepageに行ってcontentを得るように伝えたいです.これからマスターテンプレートを編集します.
Umbracoフッターフィールドにはタグがあります.Insert Umbraco page fieldボタンをクリックして、ここでのオプションを無視して、すべてのオプションの初期機能を無視します.もう一度Choose fieldからfooterTextを選択しますが、今回はまたRecursiveというチェックボックスを選択します.フィールドの場合(例えばContect Us)は、コンテンツノードを検索します.これは、編集してデフォルトをカバーすると、Contact UsページでfooterText要素を作成できますが、この分野ではあまり使われません.Insertをクリックすると、異なるRazor言語が表示されます.
@Umbraco.Field(「footerText」,recursive:true)
Saveをクリックして、Contact Usページを再読み込みします.
【原文】https://our.umbraco.org/documentation/using-umbraco/creating-basic-site/Creating-Master-Template-Part-2を選択します
私たちは新しい「ページ」を作成します.このページでは簡単な連絡情報を配置します.この機能を追加するには、完全に成熟した形式に置き換えたいかもしれません.
いくつかの効果的な解決策:
http://umbraco.tv/videos/developer/fundamentals/surface-controllers/
http://umbraco.com/products/more-add-ons/contour.aspx
簡単なページを作成します.ユーザーはタイトルとテキストが豊富なページを提供します.これは私たちのホームページの種類にとても似ています.しかし、現在は非常に具体的なこのものを開発したいと仮定しています.例えば、文章と他のコンテンツのブロックを追加しました.
Settings>Dcument Typesを開く (hover) > ... > + Create.私たちはページを作成して「Simple Conteent Page」と名づけました.マスターDcument Typeを選択して「none...」とします.(マスタードキュメントの種類を使用して、親レベルからドキュメントのタイプを継承できます.しかし、私たちはマッチするテンプレートを作成しますので、その選択をデフォルトにします.
まず、アイコンを選択します.単語を入力する「Content」を選択して、このファイルのアイコンをフィルタして選択します.説明の種類は簡単に「A simple content page」と書きます.デフォルトのAllowed Templates(例えば、Simple Contotページだけが選択されます).Saveボタンをクリックしてください.
今Settings>Templatesをクリックします. ,次にReload Nodesをクリックします.Simple Conteent Pageノードを選択して、Proptiesタブに入ります.Master Templateドロップを変更して、Masterというテンプレートを選択します.これはHomepageテンプレートのように、masterテンプレートからヘッダーとフッターを取得することを意味します.
Saveをクリックして保存し、Templateタブを再読み込みします.Razor言語は、Layout=「Master.cshtml」に更新されます.更新されていない場合は、他のノードをクリックして再読み込みします.このテンプレートにHTMLを追加して保存してください.
<div id="main-container">
<div id="main" class="wrapper clearfix">
<section>
<h2>Header goes here</h2>
<p>Content goes here</p>
</section>
</div> <!-- #main -->
</div> <!-- #main-container -->
Document Type Template - Content > Homepage (hover) > ... > Create. 。 :
【Umbraco Contentエラーが発生しました.利用可能な文書タイプがありません.】これはUmbracoを設計することによって編集者がコンテンツ編集のみを作成することができ、開発者には許可されています.これはユーザがホームページの下で新しいニュースコンテンツノードを作成するのを阻止することになります.ウェブサイトの設計(またはウェブサイト全体)を破ることになります.残念ながら、この機能は多くの新たなUmbraco利用者を混同しています.ですから、このエラーの原因をここに示します.
Settings>Dcument Types>Homepageを開く ,Structureタブでは、ラベルAllowed child nodetypesの後ろにチェックボックスが表示されます.(InfoタブのAllowed template-を混同しないでください.後で検討します.)したがって、ユーザーがサブノードを作成することができます.ホームタイプはSimple Conteet Pageです.チェックボックスを選択して保存してください.
【Homepage-Allowed Child Nodetypesは、サブノードの作成を許可する】
ここにはまだいくつかの困惑があります.まずSimple Conteent Pageを作成したいですが、文書の種類を作成することを許可しなければなりません.例えば、新しい文書タイプを作成しました.その後、ホームページの設定を更新して、それを利用できます.Artices containerとArtcle itemを作成したら、またこのようにします.私達はArtcles containerでは必要ありません. Artcle itemを許可します.簡単です.あなたには簡単ではないかもしれませんが、慣れます.
今からContent>Homepageに戻ります. > クリアー Simple Content Pageを作成しました.名前を選択して入力します.Proptiesタブは一つしかありません.データがありません.これは別の文書タイプのホームページです.タグやデータの属性は作成されていません.Save and Publishをクリックしてください.
【私たちのContactページを作成する】
Contentを再読み込みします.homepageの下にContact Usページがあります.これはほとんどのサイトの推奨構造です.あなたの一級ページはホームページの下にあります.このページを見に行きます.もしあなたがProptiesのタブを見たら、Link To documentの一行を見ます.クリックしてください.スタイルのないページをもう一度発見するかもしれません.これはテンプレートです.の設計者はあなたのウェブサイトが平面構造になると考えています.例えば、すべてのページは同じレベルに構築されています.だから、ブラウザはホームページでこのクラスのCSSとJSを見つけることができません.マスターテンプレートを更新してCSSとJSファイルの導入方法を変更したいです.
<link rel=「styreet」href=「/css/style.css」
<script src=「/js/libs/modenizr-2.6.6.min.js」
テンプレートの変更を保存してからContact Usページを読み込みます.空きページがあります.
簡単なフィールドを2つ追加します. pageTitle (type=Textstring)と body Text (type Rich Text Editor).フィールドの追加方法が分からない場合は、ホームページのドキュメントタイプの説明に従って作成します.これらのフィールドを接続します.これがあなたの第二の天性ではない場合は、Homepageの下のテンプレートを編集することによりできます.
【Contact Us Generac Propties(共通属性)】
【Contact Us Template with Data Fields】
今いくつかのコンテンツを追加します. Save and Publishをクリックして再読み込みすると、より面白いページが表示されます.
【Contact Us with Some Data】
ホームページからドキュメントタイプのプロパティを使用します.
フッター部分はまだ空いています.ホームパティのノードから内容を得ていません.Umbracoに親ノードHomepageに行ってcontentを得るように伝えたいです.これからマスターテンプレートを編集します.
Umbracoフッターフィールドには
@Umbraco.Field(「footerText」,recursive:true)
Saveをクリックして、Contact Usページを再読み込みします.
【原文】https://our.umbraco.org/documentation/using-umbraco/creating-basic-site/Creating-Master-Template-Part-2を選択します