部落格

您在這裡

什麼是省略號?

省略號就是「……」,又稱刪節號,中文省略號原本為「…」,後來因為避免與直排文字中的冒號混淆,因此改成「……」。在網頁排版中,常使用於文章列表中的標題與摘要段落,為了讓版面整齊,我們會使用省略號讓文字限制於特定行數使其高度一致。

許久以前,要處理省略號時,可能會使用以下方式

  • 後端程式語言(e.g. PHP)計算字數後加上省略號
  • 前端程式語言(e.g. Javascript)計算字號後加上省略號
  • 使用 HTML + CSS 產生一個內含省略號的小區塊放至在行尾

然而,隨著 CSS 技術的進展與瀏覽器對這些新技術支援度的提升,如今我們可以用幾行 CSS 設定就完成單行文字與多行文字的省略號功能,現在就來為大家介紹一下。

單行文字省略號

單行文字省略號的技術相信大家已不陌生,首先我們先使用 white-space: nowrap; 強制讓文字不換行,再來使用 overflow: hidden; 隱藏此行文字超出容器的部分,最後使用 text-overflow: ellipsis; 來為溢出的文字加上省略號即可。以下寫法舊版 IE 都支援,程式碼範例如下:

HTML

在 Drupal 7 時,我們更新 tpl 檔案後直接重新整理頁面就能看到更新的結果,但是 Drupal 8、9 快取機制已經不同,因此會遇到更新 twig 之後重新整理頁面後內容卻沒有更新的問題,接下來主要會整理與翻譯 Debugging compiled Twig templates 這篇文章來說明 Drupal 的快取機制以及如何在已編譯的 Twig 進行除錯。

Drupal 中的 Twig 如何運作

Twig 預設會將樣板編譯為 PHP,並將編譯後的樣板儲存在文件系統中(預設會在 sites/default/files/php/twig)

在 Twig 完成一些標記(markup)後,Render API 中會有另一層快取。Render API 會取用 Twig 建立的標記,並且通常會以這樣的方式對其進行快取,即在這之後的頁面請求與 Twig 無關(如果快取資料保持不變的話),因此,我們可能會遇到 Twig 的 除錯或 auto_reload 設定沒有作用,實際上是因為需要清除快取(或是禁用快取)。

可以透過 Drupal 的清除快取界面清除快取,對於正在進行開發的網站,可以更改 Drupal 的設定讓 Render API 不快取任何內容。但在測時時一定要開啟快取,

Drupal 網站內建就有 rss.xml 可提供訂閱,但每個平台也有所要的規格,不是常見標準的 RSS。看過一種手法使用 regexp 把常見的 RSS 硬改成符合平台的規格,實在太辛苦了。

考慮 Drupal Views RSS Feed 也是常用的 RSS 產出工具,可以組出想要的欄位內容,所產出的 XML 跟 Line 定義的規格有段距離,所幸 views 也有 tpl 樣版可以運用它來自訂輸出內容,達成Line所要的XML規格,這樣的方式您是否有用?

案例成果...

台灣事實查核中心 | 頻道 | LINE TODAY

 

Openbook閱讀誌 | 頻道 | LINE TODA

在 Drupal 7 網站中把 ”檢視文章沒有發佈文章“ 的權限給總編輯,以為這樣就可以看到其他作者未發表的文章,卻還是看不到?
折騰一番發現原文是 view own unpublished content,知道為何了吧!

裝設這個模組 view_unpublished 解決問題。

 

設定最大上傳檔案大小為 10MB,結果一直撞牆... 

又是翻譯把 KB 改為 MB,扭曲了本意。

zoe

因COVID-19疫情擴大,為維護工作人員、以及合作夥伴的健康安全,NETivism網絡行動科技,從5/12~5/28全面實施在家上班(若因疫情影響而需延長,不再另行公告)。

網站建置合作,及netiCRM相關業務,服務時間皆同原本的週一至週五10:00-18:00。在疫情穩定前,溝通會以Email為優先,實體拜訪、會議等也改為線上進行(Google Meet為主)。我們仍與平時一樣努力維持服務品質,如有造成不便還請大家見諒。

所有線上管道也維持正常運作,請需要的夥伴們多加利用:

  • 網站建置相關問題:請聯繫原有窗口,或填寫聯繫表單
  • netiCRM與網站相關問題:請前往線上客服 
  • netiCRM線上教育訓練:會持續進行至2021九月底,歡迎NPO客戶們手刀報名 

最後,這段期間NPO可能遭受活動停辦、募款銳減等影響,也分享去年網路星期二的講座「

寫在前面:追蹤廣告成效,真的一定要像Facebook所述都是 Apple 的問題、這麼麻煩嗎?

事實上,netiCRM.tw原本就有內建追蹤功能,想要追蹤廣告成效,根本不用取得消費者個資,不用通過網域驗證,不需要捲入兩大企業的爭執。

Facebook將之塑造成沒有個資,不使用企業管理平台就無法有效投放廣告,就沒辦法追蹤成效,其實這完全是兩回事。至於為何Facebook要這樣做,這只能問問他們了。


netiCRM的內建追蹤展示

* * *

去年、今年鬧的沸沸揚揚的Facebook槓上Apple,近來也影響到我們了。

我們的產品 netiCRM.tw 是個小型SaaS服務,允許NPO客戶直接租用、啟用站台,並且不用申請註冊網址,即可用 ooooo.neticrm.tw 這種網域開立他們各種線上功能。

自由軟體基金會 (Free Software Foundation, FSF) 每年會頒布自由軟體獎,肯定對自由軟體產業及社群有重大貢獻的個人或組織,該獎項分為自由軟體傑出貢獻者獎、社會公益專案獎、自由軟體進步獎三個類別,皆表彰自由軟體領域中的傑出成就。

其中,社會公益專案獎(Award for Project of Social Benefit)由CiviCRM所拿下。這個獎項是頒發給秉持自由軟體原則並將自由軟體應用到各領域的組織或團隊。

CiviCRM是一套開源碼支持者關係管理系統,主要提供給全世界的非營利組織運用,使其在無須依賴特定的軟體供應商之下,便能管理組織與民眾、志工、支持者的資料並與其互動。FSF執行董事John Sullivan在頒發獎項時便指出:「(CiviCRM)對我們的世界產生了巨大的影響,因為它提供的基礎建設,能讓超過11,000個在不同領域的組織追求各自使命。」由此可知,CiviCRM發揮的社會影響力無遠弗屆。

網絡行動科技股份有限公司自 2009 年成立以來,一直認為網路資訊科技能夠促成社會變革,影響文化、政治、環境等公共議題,帶來更多商業行為之外的改變。為協助非營利/非政府組織善用網路與行動科技、財務獨立、永續經營,我們也奠基於CiviCRM這套自由軟體進行中文化與在地化,開發出符合在地需求的

sam

        大家好,我是Sam,在網絡行動科技做了一年的網站製作實習生。一開始進來的時候,他們就派了一個任務給我,要從頭製作公司內部專案「網路星期二」的新網站,做這個站,需要用到Drupal來架設,以及使用CSS、HTML、JS來根據設計稿客製網站版面,並且要有RWD。

        當下聽到這個任務的時候,覺得十分的恐慌,我連Drupal怎麼用都還不會,前端技能其實也只懂點皮毛而已,居然就要我從頭到尾做出一個網站。但俗話說的好,合理的要求是磨練,雖然這個任務聽著可怕,但實際上做了之後才發現,其實並不難,只要去做了,自然就會了!而且工程組的大家,hoshi、jimmy、書懷、小p、harry,都從中提供我非常多的幫助,基本上只要有問他們,都會不留餘力的把東西都教給我,所以其實也沒那麼可怕。而且做完整個網站後,那個成就感真的十分的高,會有一種「阿,原來我也做得到嘛!」的這種感覺。

        做完這個站後,Drupal基本該怎麼用差不多都知道了,前端的技術也從原本的皮毛,變成厚一點的皮毛。接著我就開始被分派一些像是調整網站配色、修改bug、幫網站加上新功能以及協助製作網站的任務。在這些任務中不只讓我的Drupal技能更上層樓、對於網站製作流程更加熟悉,也讓我漸漸知道,網站製作真的很需要細心與小心,每個網站上的小跑版都要一個一個細心檢查、小心修改,才不會修了一個bug後跑出另一個bug。

        實習到中期的時候,hoshi以及jimmy對我做了一次興趣訪談,訪談中我提到想嘗試寫寫看介面測試,

頁面