Skip to main content

Drupal 模組介紹

Drupal reCAPTCHA 模組介紹

Submitted by admin on Fri, 02/21/2020 - 06:30

簡介

這個模組可以在Drupal的表單中提供一個機器人或爬蟲難以通過的驗證欄位,用來防止來自機器的表單操作。

reCAPTCHA

相信大家應該對這個圖示不陌生。

 

如何使用

模組網址 https://www.drupal.org/project/recaptcha

安裝這個模組會需要安裝它前置模組CAPTCHA,用composer一次搞定會方便一點點。

前端框架安裝 - Drupal bootstrap barrio

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

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

 

1.Bootstrap是什麼

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

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

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

把文章內的超連結變成按鈕 - Drupal Editor Button Link 模組介紹

Submitted by admin on Fri, 12/27/2019 - 15:21

簡介

這個模組提供一個滑鼠可設定的超連結css渲染功能,

讓我們可以透過滑鼠把原本的超連結變成按鈕的模樣,像是這樣

點我回到首頁  <--  這東西可以點

這個功能依附在原本文章編輯器的Link按鈕底下,點選後會有個下拉選單詢問是否要把超連結變成按鈕。

drupal editor button link demo

除了變成按鈕之外也提供了size與style的渲染細節設定。

 

快速管理網站後台 - Drupal Coffee 模組介紹

Submitted by admin on Thu, 12/26/2019 - 06:10

簡介

這次介紹的插件可以讓我們迅速的到達網站的每一個管理頁面。

Drupal Coffee的運作方式有點像是MAC中spotlight search,

按下快捷鍵後會跳出一個文字輸入框,

在方框中輸入部分關鍵字就會出現對應的頁面網址可以點選,如下圖。

drupal coffee module demo

只要輸入部分關鍵字就可以檢索出要前往的管理頁面,比透過管理員列表進去快太多了。

即使用價格最便宜的共享主機也感覺不到搜索的延遲!

 

如何使用

在不同的頁面/使用者間變換主題 - Drupal Switch page theme 模組介紹

Submitted by admin on Wed, 12/25/2019 - 10:16

簡介

這個模組可以讓我們把網站中的某個頁面置換成特定主題,

或是讓某個具有不同Role的使用者(進階會員之類的)看到與一般使用者不同的佈景主題。

如果我們想做個尊絕不凡的高級主題,只能讓付費會員看到,這個模組可以簡單辦到。

如果我們有一系列的文章需要某個特定佈景主題來襯托,這個模組也可以輕鬆的達成目標。

設定簡單,隨裝即用

 

如何使用

模組網址:https://www.drupal.org/project/switch_page_theme

安裝後我們可以在管理員列表Configuration > System > Switch Page Theme進入管理頁面,如下圖示。

在文章中放置程式碼區塊 - Drupal CKEditor CodeSnippet 模組介紹

Submitted by admin on Tue, 12/24/2019 - 08:48

簡介

這個模組可以讓我們在文章中放置程式碼模組區塊並上色,示意如下:

<?php
  echo "Hello World!";

function foo()
{
  echo 'this is a test function';
}
?>

 

如何使用

模組網址: https://www.drupal.org/project/codesnippet

 

1. 安裝CodeSnippet插件

https://ckeditor.com/cke4/addon/codesnippet下載版本至少為4.5.11的CodeSnippet插件檔案,

在選單內使用token - Drupal Menu Token 模組介紹

Submitted by admin on Sun, 12/22/2019 - 07:11

簡介

顧名思義,Menu token這個模組可以讓我們在Menu物件的標題以及連結網址這兩個地方使用token。

舉個會用到的可能情境當例子:

假設我們要做一個可以讓使用者瀏覽自己資料與編輯的功能,我們可以做一個如下方所表示的Menu物件

「基本資料」 => "/user/[current-user:uid]"

「編輯」 => "/user/[current-user:uid]/edit"

雖然根據drupal的預設routing設定,第一個路徑設置為“/user”就能滿足我們的要求了,不過就當作示範吧。

drupal menu link setting

 

如何使用

在文章中使用token - Drupal Token Filter 模組介紹

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

簡介:

這個模組可以讓我們在文章中或是其他field內使用token。

例如:

目前正在瀏覽這個網頁的IP是172.68.141.58。(current-user:ip-address)

目前的使用者名稱是Anonymous。(current-user:display-name)

 

如何使用:

模組網址:https://www.drupal.org/project/token_filter

安裝後需要先到管理員列表Configuration > Text formats and editors頁面,選擇我們想要讓token生效的文字格式,按下文字格式旁邊的Configure按鈕,然後找到Enabled filters欄位,勾選其中的Replaces global and entity tokens with their values。

什麼是Token - Drupal token 模組介紹

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

簡介:

這個模組的功能很簡單:擴充Drupal core原本所包含的token數量。

什麼是token呢?

Token是一串有序的、將來會被系統依照特定規則置換掉的文字。

舉例而言,這個模組提供的其中一個token是[current-user:name],這個字串會被系統取代為目前登入的使用者的名稱。

舉一個簡單的應用例子,我們希望我們的網站在每一個使用者登入時出現一行歡迎訊息,我們可以把訊息設置成「[current-user:name]先生/小姐,歡迎光臨」。

如此一來,當系統把[current-user:name]這個字串置換成登入帳號的使用者名稱後,使用者所見到的歡迎訊息就會變成「李世民先生/小姐,歡迎光臨」或是「武則天先生/小姐,歡迎光臨」。

 

 

如何使用

模組網址:https://www.drupal.org/project/token

如何變更中文字體 - Drupal font your face 模組介紹

Submitted by admin on Wed, 12/18/2019 - 07:30

簡介:

這篇文章會介紹如何透過@font-your-face這個模組變更Drupal網站內的中文字體。

font-your-face模組可以建立字型規則,決定某個HTML標籤要套用到何種字型。換句話說,如果心理上可以接受的話,我們可以使用新細明體標題加上標楷體正文作為我們的文章字型模板。 (笑

另外這個字型規則也可以根據布景主題做分類,因此我們可以透過這個模組對不同的佈景主題的字型進行客制化,不同的主題間隨時都能無縫切換,無須重新設定字型。

 

如何使用:

模組網址: https://www.drupal.org/project/fontyourface

安裝模組後可以在Extend管理頁面中找到@fontyourface以及一系列的字型來源,在這篇教學中我們以Google fonts當作範例。