Skip to main content

Drupal 介紹與教學

Drupal 8 教學 - 用Views grid display製作圖片展示頁面

Submitted by admin on Thu, 12/26/2019 - 09:11

 

這個範例會帶著大家設定view中的grid display。

Grid在英文中是格子的意思,顧名思義,就是把內容以方格的形式一筆筆呈現出來。

這在一般的注重圖片展示的網站中是很常用的顯示形式,例如購物網站、旅遊網站、作品集等等,都是透過圖片加上內文顯示構成一個方格元素,再把一個個方格展示出來。

 

這篇頁面的最上方放置了一個block,這個block的內容就是Drupal的views grid display,可以讓我們先睹為快。

但再繼續下去前要先提到一點,上面的展示區塊是有另外再透過CSS渲染過的結果,在預設主題底下,我們做出來的結果應該會像下面的圖片一樣。

drupal views grid preview

Drupal 8 教學 - 新增Field與Views filter

Submitted by admin on Sat, 12/21/2019 - 01:12

我們在Drupal 8 教學 - 如何增加側邊欄這篇文章中,增加「最後編輯時間」欄位的段落,學會了如何增加Views頁面所顯示出來的資訊,這邊再做個截至目前為止的簡單的敘述與整理。

我們可以從管理員列表Structure > Views看到所有目前存在的Views物件,也可以在透過這個頁面的「add view」創造新的Views物件。

Views物件可以與page或是block進行Display關聯,稱之為某個views物件的page display或是block display。

在每個Display的管理頁面中,我們可以在Field欄位新增或移除這個Display要顯示的資訊種類。

 

隨著網站的規模擴充,裡面可能有越來越多的文章或是其他內容,管理員列表中Content預設所顯示的資訊可能隨著資訊的更加複雜而不敷使用。

我們可以點開管理員列表的Content (/admin/content),如果沒有做過其他更動,預設的欄位應該僅有Title, Content type,  Author, status與operation。

Drupal 8 教學 - 如何增加側邊欄

Submitted by admin on Thu, 12/19/2019 - 09:16

這篇文章會幫助大家在自己的Drupal網站建立一個側邊欄,以及介紹Drupal中Block的概念。

側邊欄能夠呈現的內容非常自由,可以是單篇文章內容,文章錦集,檔案列表,圖片集等等...只要是views模組能顯示的東西通通可以放進側邊欄裡面。

除了內容自由之外,也能控制這個欄位的顯示頁面或者是對象。例如我們可以設定成使用者必須訪問某個頁面,或是具備已註冊的身份時才會出現。

下面這張圖片左邊黑色方框的內容是我們的成果預覽。在這個範例中我們會對欄位進行下列設定:

  • 使欄位只出現在特定頁面
  • 設置一個欄位標題
  • 顯示內容為可點擊文章標題

並在文末介紹如何變更細節設定,產生右邊的黑色方框,包含文章最後更新時間的內容。

Drupal 8 教學 - 如何增加主頁面選單

Submitted by admin on Mon, 12/09/2019 - 11:51

這篇文章會帶著大家新增一個主頁面導引標籤,順帶介紹Druapl中的Menu與Views Page Display物件。

在一個剛部署好的Drupal網站中,我們的主頁面內容應該像是下面這張圖一樣,在主頁面的標籤欄位上只有一個「Home」分頁。這次我們要示範如何新增一個分頁標籤到一般稱之為navigation bar的地方。

如果對這個名詞有些陌生的話,可以參考下面的示意圖,新增的標籤大概會在其中的綠色框框處。

menu_setting_01.png

 

在實際操作之前,先來講解一下Drupal的選單(Menu)是如何運作的。

Drupal的Menu物件定義了一組名稱與連結的配對,而當中的連結指向一個已經存在的頁面。因此,我們這一章節的介紹會涵蓋以下內容:

Drupal 8 教學 - 新增第一篇文章

Submitted by admin on Wed, 12/04/2019 - 11:56

這篇教學會告訴大家如何在Drupal中新增第一筆內容,以及介紹Drupal管理員選單中Content以及Structure的分頁要如何使用。

 

當我們登入一個剛部署好的Drupal網站時,看到的是全新沒有內容的頁面。但如果使用是擁有管理員權限的帳號登入網站,我們可以在螢幕的最上方看到一條黑色的選單。這個黑色的選單是只會出現在擁有管理員權限的使用者面前的工具選單。

這時候請點擊黑色選單中的Manage字樣,選單所出現的位置應該會在整個螢幕的左上角,如下圖所示。

點擊後會在下面出現一排管理列表。這個管理列表可以讓我們透過螢幕的圖形化界面來設定我們的網站,不需要見到一行一行的程式碼。

這篇文章著重在介紹其中的Content與Structure,並透過發表第一篇文章的形式來逐步介紹Drupal中的資料架構。

 

Content: 紀錄Drupal所持有的內容