首頁=Panels2+Views2

當您有 Views 2 及 Panels 2 這兩個強大的模組時，必定會想要將他們結合在一起運用。這篇文章將告訴您如何結合使用這兩大模組, 雖然Drupal原本的首頁就已經很迷人了，但是我們可以透過以下的內容，讓他更加讚！

1. 首先，請您先確認一下是否已經安裝完成了Views 2與Panels 2的模組，並且已經啟動運行了。
2. 接下來就是到Views的管理介面(admin/build/views)將兩個等等我們會用到的views給啟用，如圖所圈出的。
   
3. 啟用以後，請到Panels的Panel Pages頁面(admin/panels/panel-page)
   
4. 在我們新增panel以前，我們需要先確認Panels模組是否能夠"瞧"見我們將要添加的內容。因此請您點選畫面中上方的"設定(Settings)"按鈕。
5. 然後呢，請您勾選畫面中所有的選項，就好像...
   
6. 勾選完成後，請給他"儲存"起來。
7. 現在我們可以開始新增一個panel了，請您點擊畫面中"新增(Add)"按鈕來新增一個panel。
8. 首先您看到的畫面是選擇佈局(layout)，請您選擇彈性布局(Flexible), 這個佈局能讓我們靈活的修改。
   
9. 然後來到設定的頁面，請參考下圖的內容進行設定：
   設定好後，請您點擊"Save and proceed"進行下一步。
   
10. 來到panel layout設定了。看到畫面時是不是讓那麼一堆設定給鎮住了？其實我們現在只需要修改一些地方，其他的我們暫時將他當做空氣。現在我們需要兩個欄位（一左一右），其中，左邊的欄位佔了80%,右邊20%。如下的設定畫面。
    
11. 如上圖，我們修改了Rows:3->1, Columns:1->2, Column titles,:Top->左欄,右欄。修改完成後存(Save)起來，我們還需要進行比例的修改。
    
12. 如紅框框所示，我們將左右兩邊的欄位比例調為80:20。修改完畢後，請您按下"Save and proceed"，儲存並進行下一步。
13. 現在來到了Advanced的設定頁面。在這裡我們只需要做兩個動作：勾選Views 將產生「選單」(Provide Menu) 以及標籤次序(Tab Weight: ):-10，編輯完成我們依舊是按下"Save and proceed"，儲存並進行下一步。
    
14. 接下來您會到Context的設定頁面，因為在這個範例中我們不涉及到參數方面的設定，所以請直接按下"Save and proceed"，儲存並進行下一步。
15. 好了，現在我可以開始添加pane到這個panel中了，首先，請您先在左欄的方框中找到"+"的按鈕。
    
16. 在接下來的對話框中，我們將選擇"Views管理"下面的frontpage page。這也就是我們剛剛啟動的那個view。
    
17. 在接下來的畫面中，我們只需要勾選-'Link title to view','Provide a "more" link that links to the view'兩選項。勾好後卷到最下面按下'Add pane'。
    
18. 左欄的pane我們算是添加完畢了，現在我們到右欄添加pane,作法與左欄一樣，按下"+"按鈕來添加pane。
19. 這次我們將要添加'新會員(Who's new)'，請如圖所示的添加。
    
20. 接下來的畫面我們只需要直接按下"Add pane"就行。
21. 緊接著，我們在右欄在新增一個"線上使用者(Who's online)"。
    
22. 然後畫面一樣我們只需要點下'Add pane'就行了。
23. 添加了兩個pane之後，我們在添加一個在右欄。這次我們選擇Views管理下面的archive:Block
    
24. 然後的畫面中，請勾選 'Link title to view'後，在按下最下面的'Add pane'按鈕。
    
25. 最後，請再右欄添加一個pane，這次我們選擇'最新回應(Recent comments)'。
    
26. 這個pane我們也不需要進行任何設定。按下'Add pane'的按鈕後，您將看到
    
27. 按下"Save"後，Panels算是完成。
28. 因為我們打算讓他這個Panel page成為首頁，因此我們必須到網站設定>網站資訊(admin/settings/site-information)頁面的最下方，將"預設的網站首頁"從"node"給為我們剛剛產生的panel page "front"。
    
29. 儲存設定之後，就大功告成了。