這里學習如何分配一個類型元素到你的網站上形成某種布局，我們接下來演示不同界面布局樣式，以及你的網站如何顯示這些元素。

如何創建一個文章類型及元素, 請見我們上節內容

選擇布局

你可以選擇你要顯示在網站前臺的元素.例如：你可以在一個文章中顯示所有元素,  item view (使用full設定 )并且，如果你喜歡你可以設置一些元素只顯示在分類界面中顯示(使用teaser設定).

下面是在不同布局中的使用說明.

1. Feed layout: 它使用在feed界面.分配元素到feed布局中，并且在feeds中顯示 
2. Full layout: 它將設置文章界面，分配元素到full布局中，這些元素將在最終文章詳情頁中顯示.
3. Related layout: 它將設置相關文件界面.分配元素在related中，這些元素會顯示在最終文章詳情頁下面的相關文章位置.
4. Teaser layout:設置分類界面.分配元素在 teaser 中,將會在網站前臺的分類界面、Tag頁面顯示（文章匯總頁面）.
5. Item Module: 在  style="text-decoration: none; color: #0096d7;" title="Set Up the ZOO Item Module ">ZOO Item Module中顯示所有元素. Currently the default layout is used by most themes of the Item Module. Assign elements to this layout to show them in the Item Module.
6. Search Plugin: 顯示在  style="text-decoration: none; color: #0096d7;" title="Set Up the ZOO Tag Module">ZOO Search Plugin布局中.分配元素到默認布局中顯示在搜索結果中。.

Each of the above mentioned layouts have different predefined positions. If you want to edit the positions of a specific layout or if you want to create a new layout, follow  style="text-decoration: none; color: #0096d7;" title="Create a new Template">this tutorial.

ASSIGNING THE ELEMENTS

Click on the specific layout (see first part of this tutorial for a description) to assign the elements to it.

Now on the left hand side you see all available layout positions. If you are editing a predefined item type of the ZOO extension there are already elements assigned. If you've created a new item type the left site is empty.

On the right side you see all elements of the type (see  style="text-decoration: none; color: #0096d7;" title="Create new Types">this tutorial on creating a new item type). On the top you see the core elements which are available for every type and underneath it the custom elements which you have assigned to the type.

去設定元素的布局位置，只需點擊旁邊的小磚圖標拖放到它的新位置.

每個元素你拖到一個位置會自動打開并配置在這個位置.

請自己試著去添加每個元素體會這種變化 .

然后單擊保存（Save )這個元素將固定在你的網站Zoo擴展管理界面.

在中國六翼專注Joomla建站與策劃設計，為您的品牌發展創造動力！