當前訊息：Panels教程：向panel頁面中添加節點的創建流程

Panels 教程：向 panel 頁面中添加節點Panels 教程：創建新布局頁面的基本流程Panels 教程：更改節點頁面的輸出布局

向 panel 頁面中添加節點的建立流程如下：

打開 “Panel 頁面列表”（admin/build/pages）找到你想要向其中添加節點的頁面，點擊所在列最后面的“編輯”點擊“上下方(Context)”面板在右側的上下文區域，選擇“節點”并點擊添加上下文(Add Context)，彈出添加節點窗口（如下圖）選擇你想要添加的節點保存點擊選擇窗口，彈出窗口消失保存“上下文”配置頁面點擊左側導航中的“內容”(Content)面板，在右側任意 panel 中，點擊齒輪添加內容，你將會發現比默認選項多了一個名為“節點”的選區（如下圖），任何 pane 都允許在其中使用節點或者節點相關信息，通過使用“節點”選項中的“節點內容(Node Content)”來添加基本的節點顯示

(資料圖)

Panels 是個可以實現簡單快速創建布局的強大工具，且可以在其中使用各種各樣的內容。本文通過創建一個標準的“關于我們”頁面，來學習如何創建布局的基本步驟。通常，“關于我們”是一個長頁面，然而 Panels 讓我們可以將內容分為多個部分，并以一種不同的外觀和布局方式來對其進行展示。

打開“Panel 頁面”管理頁面(admin/build/pages)點擊上方的“添加自定義頁面”面板，進入添加“自定義頁面”頁面將“管理標題(Administrative title)”、機器名稱及路徑分別填寫為“關于我們”，"about_us" 和 "aboutus"，點擊“繼續”進入“布局(Layout)”選擇頁面，從分類下拉框中選擇“3列”布局模式，并從下方出現的3列布局中選擇 25/50/25 的布局模式(如圖)，然后點擊“繼續”進入“Panel 設置”頁面，將“管理標題”填寫為“關于我們”，其它欄目保持默認，然后點擊“繼續”進入“Panel 內容”頁面，將標題類型選為“人工設置(Manually set)”，并將下方的標題設置為“關于我們”，點擊“完成”點擊完成之后默認選中了左側的“內容”面板，以方便我們向右側的布局模型中添加內容?，F在我們應該想想“關于我們”頁面應該包含哪些內容。左列：員工信息，中列：公司愿景，右列：鏈接、聯系信息點擊布局左列pane中的齒輪，在彈出的小菜單中點選“添加內容”在彈出的“添加內容”窗口中，選擇“新的自定義內容(New custom content)”我們隨便填寫一些內容，作為左列員工信息，比如管理標題->“員工信息1”，標題->“員工1”，正文->“員工信息1”，然后點擊“完成”即可看到左列的pane中已經添加了“員工信息1”重復第8~10步的操作，再添加一個“員工信息2”再來添加“公司愿景”的內容，點擊中間列左上角的齒輪，在彈出的小菜單中點選“添加內容”，在彈出的“添加內容”窗口中選擇“新的自定義內容”接下來添加“公司愿景”的文本，管理標題->“關于XX公司”，標題->“關于XX公司”，正文->“XX公司是...”，然后點擊“完成”完成添加接下來添加右列的鏈接。點擊右列左上角的齒輪，點擊“添加內容”，在彈出的添加內容窗口中選擇“新的自定義內容”將管理標題和標題設置為“鏈接”，并在正文中添加一些超級鏈接，然后點擊“完成”完成添加最后，我們再向右列中添加一些聯系信息，點擊右列左上角的齒輪，點擊“添加內容”，在彈出的添加內容窗口中選擇“新的自定義內容”將管理標題和標題填寫為“聯系信息”，并在正文中添加一些聯系信息，點擊“完成”添加Pane此時我們的布局頁面應該如下圖所示，點擊“更新并保存”完成一個自定義頁面的創建然后我們便可以通過第3步定義的鏈接來訪問這個新建的“關于我們”頁面了

如果你希望直接導入這個“關于我們”的頁面，可以復制這個關于我們的代碼，通過Panel page 頁面中的“導入頁面(Import Page)”，將代碼粘貼到代碼粘貼區域，執行導入即可。

Drupal 默認的節點頁面布局適合大部分網站的內容展示，但是在不少情況下，我們還是需要為特殊的節點類型選擇不同的頁面布局。本文檔節點頁面例，創建一個不同于默認的頁面布局。

本文檔適用于 Panels 3 版本，Panels 2 用戶請訪問本文檔的參考教程 Panels 2: Create a node override(http://drupal.org/node/206185)

Panels 3 ，默認提供了一些頁面布局模版，本文就將用到其中的“節點模板(Node Template)”

首先，打開“Panel頁面”管理頁面(admin/build/pages)說明：請注意需要啟用 page manager 模塊才存在此頁面找到標題為“節點模板(Node Template)”（其路徑為 node/%node），點擊此列后面的“啟用”鏈接來啟用模板待“節點模板”啟用后，點擊“編輯”進入配置頁面默認情況下，“節點模板”中沒有任何“衍生布局(Variants)”，點擊右上方的“衍生布局(Variants)”面板，或者是下面的“添加新衍生布局(Add a new variant)”，開始添加新的“衍生布局”在“添加衍生布局(Add Variant)”頁面，將標題填寫為“新聞(Story)內容布局”，然后點擊“創建衍生布局”進入“設置”頁面，選擇2列布局，并從可選布局中選擇帶頁頭和頁腳的兩列布局(如圖)，然后點擊“繼續”進入“Panel 設置”頁面，將管理標題設置為“新聞(Story)內容布局”，點擊“繼續”進入“Panel 內容”頁面，所有項目保持默認不變，點擊“創建衍生布局”。創建完布局后，依然停留在內容頁面，接下來我們便開始向布局中添加內容向頂部區域添加節點內容：從右側的頁面布局中，點擊“頂部(Top)”區域左上角的齒輪，在彈出菜單中選擇“添加內容”彈出“添加內容到頂部”窗口，選擇左側的“節點(Node Context)”面板，然后點擊右側的“節點內容(Node Content)”彈出窗口改變為“配置新節點內容”，找到最下方的“構建模式(Build Mode)”，從下拉菜單中選擇“完整節點”，然后點擊“完成”向左列區域添加節點評論：添加點擊布局左列(Left Side)左上角的齒輪，在彈出菜單中選擇“添加內容”彈出“添加內容到左列”窗口，選擇“節點”面板，點擊右側的“節點評論(Node Comments)”彈出窗口改變為“配置新節點評論”，根據需要更改其中的配置，我們這里就保持默認值不變，點擊“完成”向右列區域添加自定義內容：點擊布局右列(Right Side)左上角的齒輪，在彈出菜單中選擇“添加內容”彈出“添加內容到右列”窗口，選擇“新自定義內容(New custom content)”彈出窗口改變為“配置新自定義內容”，分別填寫以下內容管理標題：“評論說明”標題：“評論說明”正文：“請通過以下評論框對內容進行評論”向右列區域添加節點評論表單：點擊布局右列左上角的齒輪，在彈出菜單中點擊“添加內容”彈出“添加內容到右列”窗口，選擇“節點”面板，點擊右側的“評論表單(Comment Form)”彈出窗口改變為“配置新評論表單”，勾選顯示注冊和登錄鏈接(Shows links to register or login)，點擊“完成”到此對新聞節點頁面布局的內容設置就完成了（如圖），點擊“更新并保存(Update and Save)”保持更改保存之后，可以通過訪問任意新聞(Story)節點查看效果，以下(如圖)是此布局的實際顯示