Skip to main content

網頁頁面設計

Twig教學 - Block標籤

Submitted by admin on Mon, 01/13/2020 - 09:07
介紹Twig Block如何運作以及它是如何與Drupal互動。Twig中的block是一個『可能會被替換掉的區塊』,透過子模板繼承並替換內容的方式運作。靠著Twig Block,Drupal可以透過編輯子模板的方式對細節進行個別修改而不影響到其他內容。

Tags

Drupal前端設計 - 基本CSS修改教學

Submitted by admin on Fri, 01/03/2020 - 08:26
這篇文章會帶著大家進行最基本的Drupal CSS前端設計操作,包含如何在Druapl架構中建立並套用一個CSS檔案,以及透過瀏覽器進行基本的網頁頁面修改與外觀變更。這些操作技巧可以讓我們更細部的調整一個下載來的頁面布景主題,不需要糾結於「整體而言喜歡,但就是有個小缺點」的遺憾。

Tags

前端框架安裝 - Drupal bootstrap barrio

Submitted by admin on Sun, 12/29/2019 - 12:37

這篇文章會帶著大家走過自製主題的第一步,安裝一個Bootstrap前端框架。

 

1.Bootstrap是什麼

Bootstrap是Twitter出來的一款開源前端套件,可以讓我們更容易的做出網頁的各種特效。

用文字可能很難描述這之中的差異,我們用網頁上的按鈕來當作例子。

下面是一排渲染過的按鈕的例子,來自Bootstrap網站的範例。