今天想跟大家分享一個在進行網站套版時很常遇到的一個需要處理的情境，為了讓標題或特定文字突出顯示，設計師會使用一些方法來區別一般文字段落。最基本的作法有調整文字顏色、字體、粗細與大小，為了讓畫面更美觀、更豐富與更貼近網站主題，設計師會為其加上一些裝飾元素，例如向量圖形、裝飾底線或符合主題的插畫圖像。在英語系網站中，比較接近的說法是「Text Highlighting」，這同樣是一種透過為文字加上背景顏色或效果以突出顯示的技術。
圖片來源：A CSS challenge: skewed highlight — Vadim Makeev
由於本文想分享的一些範例主要是透過圖像讓文字有更突出的顯示效果，因此我就先以「文字裝飾背景與圖像」來稱呼這種設計方法，常見的應用場景包括：
多數架站專案的開場白，都是一句「請問可以幫我們做一個這樣那樣的網站嗎？」
有些客戶準備充分，身邊友人、ChatGPT早就調查過一輪；也有客戶還不知道自己想要什麼、該從哪開始說起。總之，初次見面總是難按計劃進行，往往客戶帶著答案紙來，又帶著問題集回去。
身為網站建置專案的PM，許多時候，比起快速出報價與排程，我們反而把時間花在辨別這些問題。
當客戶初期攤開他的願望清單：會員系統、影片牆、多層分類、進階搜尋、登入區塊…這些聽起來都很棒，但深聊下去，才能知道這些「需求」背後真正的情境。
某個功能其實是從別人的網站看到覺得「應該也要有」，實際自己的支持者根本用不太到；還有是覺得可以讓內部管理方便，但太複雜反而沒人願意維護。每次討論這些東西的時候，其實更重要的是問一句：「為什麼想做這個？」
畢竟做網站的目的，是讓來的人找到他要的東西、留下他該做的事。
在 2024 年的尾聲，我們特別推出了一項專屬客戶的免費網站診療服務。
不僅是感謝大家對我們長期的支持，更希望藉由實際的行動，幫助 NPO 夥伴提升網站的使用體驗，使日常工作更加順暢。
網站對於組織的重要性，不僅是資訊傳遞的窗口，更是募款與支持者互動的關鍵平台。隨著時間的推移，網站難免會出現一些技術性問題，或是無法完全符合組織不斷變化的需求。因此，我們希望透過年底關懷的網站診療，主動幫助客戶發現並解決這些問題。
我們在建置網站時，有時候會需要製作客製化的嵌入式頁面，常見範例如要在 iframe 或光箱中顯示特定內容，在這些情境下，嵌入的網頁內容通常不需要（或不應該）包含網站的標準頁首、頁尾、側邊欄等元素，以避免多餘的檔案載入影響效能或重複元素干擾嵌入效果而影響使用經驗。今天就來跟大家分享如何在 Drupal 10 覆寫系統渲染機制以客製化嵌入頁面。
今天的介紹的範例是透過客製化嵌入頁面建立導覽地圖功能，導覽地圖擁有一個非常簡單的網頁架構與內容，並搭配特定的前端函式庫完成互動效果，最後會透過 iframe 的方式將其嵌入。
上圖為關渡自然公園的「參觀導覽地圖」功能之截圖
首先，
我是Chloe，在工程部門擔任大約半年的測試實習生(QA intern)，在這段時間內學習到很多在學校裡學不到的東西、從剛開始對測試相關的知識都還懵懵懂懂，一直到現在對測試與開發都有進一步的認識，很開心也很感謝能有這個機會可以到這裡實習！
唯有明白之後，表達出去、產製出來的東西，才會內建這些精神，AI 都需要對齊價值了，公司同事其實也會需要價值靠攏一下...
也因此從去年8月開始，試驗了一系列方式，來進行公司內部的開源教育訓練培力，並把文件放在新進人員必讀的地方，以讓後續這樣的知識可以當作背景：
在七次短講後，最後請各部門同事挑選開源軟體專案後，用公司社會企業的回饋，贊助這些開源專案來做個本計畫的 Ending。
netiCRM.tw提供NGO/NPO線上捐款、報名活動、列印收據、整合管理組織聯絡人名單。
netiCRM 基於 CiviCRM 中文優化的開發成果，亦由相同授權 GNU AGPL 釋出。
