01 4 月 2021

CMS系統是什麼?3分鐘認識內容管理系統,不懂程式語言也能設計網站!

當我們想要建立網站時,第一時間便是想到網站工程師所打的一連串代碼,需要花費許多人力和金錢才能設計出功能齊全的網站。但現在個人和小型企業都能運用更簡單的方式建置屬於自己的網站,不需要懂程式語言,還能在幾分鐘內完成多功能型的網站!以上只需要CMS內容管理系統,便可以協助沒有資訊背景的人統整網站功能,為自身網站帶來更多好處。本篇將介紹CMS是什麼,並在文末推薦免費CMS系統給您參考!

 

CMS系統是什麼?

CMS(Content Management System)意思是內容管理系統,掌管網站後台的編輯、新增、儲存和組織功能,讓網站的視覺化能井然有序地呈現,例如多媒體功能、購物車功能、會員管理、留言互動和社群連結等,都能讓不曾接觸過程式語言的人以直覺來操作。

CMS系統就像擁有一個全天候運作的網站工程師,只需要給予明確的資料,就可以自行編輯排版將文章或商品上架,擁有半自主性且簡單好操作,而良好的CMS系統還會定期維護更新功能,保障網站的安全性,主要提供給想要建立個人部落格的人使用。最常見的CMS內容管理系統有:WordPressJoomlaDrupal等等,開放原始碼的特性也讓這些CMS系統能夠依據自身需求,修改或是新增外掛程式,讓網站本身有更多可能性,並加強網站在搜尋引擎中的排名。

 

CMS後台管理系統對網頁設計的影響

後台管理系統

除了網站架設變得方便,讓沒有接觸過程式語言的人也能使用外,CMS系統對網站的後續發展非常重要。強大的系統管理功能,使新增功能和統整內部資源等需求都能在後台馬上做編輯和修改。此外,最重要的是,CMS系統有助於搜尋引擎爬取網站,將網站中的元素做標記,使網站內容更容易被Google理解,因而收錄進索引資料庫,使消費者在搜尋時有機會看到自身的網站。以下將說明CMS系統的2大影響:

 

CMS系統影響一:漏洞及時修復

因為是開源程式碼,所以漏洞也較多,但使用CMS系統的人數眾多,擁有非常多的相關功能可供下載使用,並藉由世界各地研究此系統開源程式碼的技術人員,讓不容易發現的漏洞可以及時獲得改善。

 

CMS系統影響二:良好的SEO基礎

因為國外人員較注重SEO對網站的影響,且架設網站的人都想要符合友善搜尋引擎(SEF)的規則,所以在技術人員在開發程式時都會考慮到WordPress使用者,不論是基本的標記使用、新的schema語意標記或是新公開的搜尋引擎要求等都會考慮到,打下良好的SEO基礎,後續若繼續用心經營網站內容,能夠加快提升搜尋結果排名的速度。

而大部分架設網站的人選擇CMS系統時可分為兩種,一種為開源程式碼,另一種則是由網頁設計公司自行製作。以WordPress為例,不僅內建行銷功能,且網站也支援手機和平板等行動瀏覽器,可以透過手機隨時掌握網站後台的最新情況;若由網頁設計公司自行製作,其後台管理系統可以根據企業本身需求設計,並將許多功能內建於系統中,不需要像WordPress一樣使用外掛程式。但經營SEO並非短時間就可以達成,而WordPress系統中的外掛程式對Google爬蟲軟體較為友善,對於操作SEO會更為輕鬆。

 

最多人使用的CMS系統:WordPress

截至2021年3月的統計資料指出,使用WordPress系統的比例佔所有網站的4成以上,使用CMS系統的人中,10人就有6人是用WordPress來管理網站。WordPress的系統操作在眾多後台管理系統中是最簡單的,希望使用者可以在最沒有負擔的情況下,架設屬於自己的個人網站,因此其後台介面也是優化最好的,內建的Yoast外掛程式是WordPress專用的SEO管理程式,使用者僅需按照步驟填寫SEO的參數資料,便能輕鬆達成SEF規則,輔以其他SEO操作策略便能擁有優良的SEO分數。

 

WordPress好處

WordPress最初雖然是針對個人部落格所設計,但也對小型電子商務推出不同規模的商業服務方案,可以自行安裝數千種簡便且功能強大的外掛程式,把網站轉為電子商務平台向全球客戶展示商品和服務,支援所有商品或內容訂閱服務,讓金流、物流和GA等在後台進行整合,支援即時線上文字客服,使商務交易不斷線。此外,WordPress已全面繁體中文化,不會出現翻譯後的功能名稱詞不達意的情況,若有相關操作問題則可以加入WordPress Taiwan正體中文社團,討論內容相當豐富,不用擔心問題會石沉大海。

 

有了WordPress就能擁有優秀的SEO排名?

雖然WordPress可以幫助使用者的網站符合SEF規則,但SEO領域包含的範圍非常廣,不僅須注意程式語言和標記,也要分析消費者需求並修正經營策略,提供消費者更有用的網頁內容和友善的使用者介面,Google才會推薦自身網站給搜尋者,使網站排名提升,因此CMS系統僅是建立良好的網站體質,重要的是選擇懂得經營網站和熟悉CMS系統管理的網頁行銷公司,才能擁有很好的SEO成績。

 

網頁設計就找戰國策,全方位網站服務讓您事半功倍

戰國策擁有近萬家網頁製作的經驗,一站式全年無休的專業管理團隊,提供完整的網路經營報告和行銷服務,其優勢可替企業增加30%以上的業績,比同業多出20%以上的利潤,協助企業形象提升、降低行銷成本、增加業績成交、加強客戶服務並即時更新業界網頁功能,使企業搶佔市場先機。現在輸入折扣碼”mkt-c7707“,年底前就享有”戰國策全系列商品服務85折”的優惠;輸入折扣碼”mkt-c7708“,年底前就享有”wordpress全系列折價1000元”的優惠。

關於網頁設計,您可能還會想知道:

五大熱門的網頁製作平台架站比較

網頁設計很重要,選對網頁設計公司團隊更重要!

Share this
28 3 月 2021

網頁設計很重要,選對網頁設計公司團隊更重要!

在網路競爭劇烈且數據分析發達的當代,每一個進入網站瀏覽的使用者,都成了我們執行網頁設計時,可用來參考的寶貴資源。使用者對於哪個部分會多瀏覽增加停留時間;在網站設計的哪個部分跳出率特別高;網頁設計哪裡的呈現方式可以帶來較高的點擊率,這些都成了優化我們網頁設計的參考內容。定期的優化我們的網頁設計內容,為的都是希望可以拉長網頁使用者的停留時間,在第一時間抓住他們的注意力,並留下深刻印象進而有第二、第三次的造訪,而究竟哪些內容會有助於我們在網頁設計的優化上更順利呢?

網頁設計要點一:你是誰?

網頁設計

當使用者進到一個新的網站,第一個疑問一定是,這是什麼?做什麼的?我可以從這裡獲得什麼?因是不論是一般的企業網站、電商網站或是品牌形象網站,對於網站的基本介紹絕對是不可少的,也因此,在各大知名網站上,其實都可以看到「關於我們」的分頁,為的就是讓使用者更清楚的認識我們,了解我們想要傳達出去的品牌理念。

網頁設計要點二:要給誰看?

了解你的潛在受眾是誰,可以幫助網頁設計用更符合受眾喜好的方式呈現,並大幅提高受眾興趣以及停留率,舉例來說,你的潛在受眾大部分為女性,你卻用一個比較陽剛的風格做為網頁設計的主要風格,那這可能會增加整體網頁的跳出率;又或許你的網站受眾主要都為年輕族群,你卻選擇使用了過時的網頁設計呈現方法或是用類似過去電視購物廣告使用的素材來做網頁設計,那對於使用者來說,只會意興闌珊的離開,因此針對不同的受眾族群,來對應網頁設計的風格,才能更經準的吸引受眾的目光。 

網頁設計要點三:調整優化

網頁設計

網路更新的速度飛快,時時刻刻都有新的功能、技術推陳出新,因此跟上網路時代的腳步也在網頁設計的過程中顯得格外重要,舉例來說,在網頁的載入速度上提升、調整使用者介面 UI 來達到優化以及提升使用者體驗 UX、又或者是因應現在人手一機的時代,加入響應式網頁設計 RWD 的內容,讓使用者無論在哪種尺寸的裝置上瀏覽頁面,都可以達到最佳的瀏覽體驗。 

網頁設計要點四:一致的設計風格

網頁設計的內容排版、文字大小、字體、色彩、設計風格這些都會影響到使用者在瀏覽網頁設計時的感受,過於複雜或是頻繁的調整整體的呈現方式,往往會讓網頁設計顯得雜亂無章,甚至讓使用者摸不著頭緒,因此有一個統一的網頁設計風格,不僅可以讓使用者可以更輕鬆的瀏覽內容,甚至可以將這樣的觀感與品牌相互連結,進而加深印象。

網頁設計要點五:明確的行動呼籲鈕 CTA

網頁設計

行動呼籲紐 CTA(Call To Action)通常會以圖片、按鈕的形式呈現,偶爾也會以文字的方式出現,主要是希望透過這樣的呈現,可以對使用者提起一個「呼籲」的舉動,誘發使用者進行點擊,並可以依循網頁設計而有所行動。通常行動呼籲鈕 CTA 會用比較強眼的色彩、直接的圖示或是比較直覺性的文字來做呈現,像是鮮紅色、滑鼠游標、手指點擊,或是來去逛逛、發送訊息、了解詳情、加入購物車、立即購買等等,為的就是促使使用者可以有進一步的轉換動作。

網頁設計要點六:選對網頁設計公司

雖然了解了許多網頁設計要點,但實際執行起來卻不如聽得簡單,因此尋求網頁設計公司的協助也成了關鍵之一,戰國策網頁設計在競爭激烈的網頁設計公司市場中,不僅沒有被淘汰,甚至累積了二十年的相關經驗以及近萬家的執行經驗,也在業績累積了許多好口碑,幫助許多企業在網路中脫穎而出,像是信義房屋、illy、郭元益、養樂多、寵愛之名,都是戰國策網頁設計曾經服務過的客戶。

網路世界生生不息,也因次網頁設計並不是短暫的工程,而需要耗費長久的時間來進行優化、調整,這些除了網頁設計本身的操作要點,也需要搭配其他的數位行銷策略,像是搜尋引擎優化 SEO 等等,因此在尋求網頁設計公司協助時,除了要懂的如何製作出一個實用的網頁設計,同時也需要對其他的數位行銷領域有所了解,而在這方面戰國策網頁設計將會是你最好的選擇。

Share this
28 3 月 2021

網頁設計規劃重點總整理,關於網頁設計你不可不知道的事

人人都在使用網路的現代,各大企業、品牌都深深了解到製作官方網站的重要性,為的是當使用者透過網路搜尋時,可以有更完善的資料呈現,以及將更明確的理念在任何時刻任何地點傳遞給企業的潛在受眾。而在這樣的潮流下,架設網站成了當務之急,其中在網站架設中最重要的關鍵之一,就非網頁設計莫屬了。

網頁設計為何重要?

網頁設計

網站架設的目的,多半都和下面幾種目的脫不了關係:增加商品的銷售、增加網頁使用這的停留以及閱讀率、增加網站在搜尋引擎上的排名讓其更容易被搜尋到進行曝光、宣傳企業品牌的服務理念及產品特色等等。而這些都和使用者在瀏覽網站時會執行的動作息息相關,優良的網頁設計,不僅可以讓使用者看得賞心悅目、流暢的瀏覽、輕易的找到相關資訊,甚至是在後來可以讓使用者留下深刻印象,並進一步推薦給周圍的朋友甚至是反覆的進入瀏覽,也正因如此,網頁設計成了至關重要的關鍵因素。

網頁設計規劃重點一

執行網頁設計的關鍵第一步,完整呈現自己的品牌內容、公司簡介、產品介紹等等基本資料,同時必須明確定位,自己執行網站設計的目的究竟為何,是想要增加銷售的電商型網站;又或者是想提升企業形象的品牌形象網站;還是想要提供使用者大量資訊的入口網站,不同的目的在網頁設計的呈現方式上都不相同,唯一的共同要點:詳細的介紹,讓使用者可以更清楚的知道你是誰、你想做什麼以及你做了些什麼。

網頁設計規劃重點二網頁設計

有了明確的目的後,接下來就是決定網頁設計的版型以及整體視覺風格,在版型方面,除了針對網頁瀏覽動線進行規劃,在分類頁呈現,搜尋列是否要釘選等等,都可以進行相關的調整;在風格設計上,則和品牌想要提供給使用者什麼樣的印象去做決定,是想要用明亮的色彩給人活潑的感覺,或是簡單的黑白色呈現簡潔有力的風格,也可以用童趣的繪畫風格,吸引女性或者是家長受眾;在設計風格上也可以討量到品牌大部分的受眾族群輪廓為何,進而去發想什麼樣的風格會是這些受眾喜歡的?

網頁設計規劃重點三

一個舒適清楚的網頁設計,在內容的呈現上,必定費盡心思,例如運用大標小標的區隔,讓使用者快速抓出重點;用色彩的標示讓使用者更快速的區分各內容的不同;又或者可以搭配明顯的行動呼籲按鈕 CTA,給使用者一個更明確的方向或是指標。除此之外,在內容的佈局上,有可以針對搜尋引擎優化 SEO 的相關標準,適時的在內容段落加入搜尋關鍵字,藉此提高網站在搜尋引擎中的排名。

網頁設計規劃重點四

不同功能的新增以及定期優化,網路時代瞬息外變,各項程式功能更新快速,針對不一樣的網站需要時時更新相關的功能並定期優化,舉例來說,針對電商網站,在購物車、金流串接這部分的功能就顯得格外重要,因此下要時刻更新;而在入口網站,則是在搜尋功能上必須精準快速,減少使用者搜尋資料耗時過久或是找不到重點的狀況發生。另外,由於現代的人腳步快速,因此針對網頁設計的載入速度有需要定期的優化,例如,網站是否埋入過多不必要的追蹤碼、素材大小是否過大、主機系統是否不堪負荷,這些關鍵在在都影響著網頁的載入速度,也影響著使用者是否會一進入網站,就因為載入過程不甚理想而大幅提高網頁跳出率。

了解網頁設計規劃的各個步驟以及重點,不僅僅是為了讓業者在執行設計的過程中可以清楚的標示出每個流程步驟,更是為了當尋求專業的網頁設計公司協助時,可以對其說方的資訊,為後續的執行面免去不必要的摩擦以及浪費來回溝通的時間。網頁設計

戰國策網頁設計不僅提供專業的網頁設計服務,在主機的架設、金流串接、搜尋引擎優化 SEO、社群操作等等上,也都有提供相關的服務,為的就是可以在網路的市場中,讓業主可以享受一條龍的專業服務,免去和夾在多個廠商中的困擾。此外,戰國策網頁設計也在網頁設計的市場中累積了二十年的相關經驗,服務過各種不同類型、不同大小的企業體,更能為不同產業不同需求以及不同資源的業主提供最合適的客製化方案。

Share this
28 3 月 2021

關於網站架設與規劃的5大步驟流程,想要事半功倍就必須看!

在架設網站的時候,除了文案及內容基本資料要搜集整理之外,了解網站整體的流程與架構也是非常重要的,透過這些流程,能夠更清楚各個階段的重點與核心,以及可以了解必須準備的資源與內容,畢竟網域與主機一買下去後,就開始算使用時間,而不會因為你網站還沒有架設好而不算時間的,為了避免過多的浪費,本篇重點在於網站設計的細節與一些設計流程,未來不論是自己架設或者外包給設計師團隊,都非常受用。

|第一步:確定目的、功能需求與目標對象為何|

1.網站的目的為何?

決定要架設網站的第一步,一定要先釐清此網站的目的、功能與客群等等,常見的的架設目的有形象網站、電商網站、部落格網站、作品集網站或者是其他特殊功能網站,但也有些網站同時存在著多目的情況,因此可以再將這些分成1.網站主要目的2.網站次要目的。舉例來說一些自媒體的網站同時也有電商系統,能夠在上面看開箱文之外,還可以在網站上購物。

2.網站的功能需求為何?

每個網站所想提供的需求都不一樣,針對不同產品及目的也會有不同的功能,有些網站要有會員制度,有些則是要有影片附帶直播公能,以室內設計公司網站為例,這種類似的網站一定要有的是「聯絡地址」與「作品集」,則在規劃網站時就必須把這幾點加入進去。

3.網站的受眾為何?

網站的目的也決定了網站的收眾,不同的客群就應該提供不同的內容,整體的設計風格與網站功能也會因此而改變,舉例來說跑車租賃的網站,固定的消費族群肯定是年輕人,因此比較酷炫的網站風格則比較容易吸引這群人注意,因此在架設網站之前確定受眾也是很重要的事情。

|第二步:網站動線規劃|

確定好網站目標後,再來是要確定整個網站的流程要怎麼設置。

1.規劃網站的頁面

有些人可能會覺得,「網站」與「網頁」究竟有何不同呢?其實是這樣的,網站是由多個網頁而組成的一個空間,以企業形象網站來說,常見所擁有的網頁有「關於我們」、「服務項目」、「聯絡我們」等這些頁面,而電子商務網站來說,常見所擁有的網頁有「關於我們」、「商品頁面」、「會員系統」、「購物車」、「銷售感謝頁」等等,當然這些頁面數量也是可以調整的,但要確認有多少頁面才是重要的。

2.網站架構圖與使用者流程

確定好有多少頁面後,再來是要把這些細分成網站架構圖,方便在製作網站時規劃那些點可以連結到哪裡,哪些頁面又是屬於哪些分類,有助於整體網站的架設速度,而有些電商網站則是非常複雜的跳轉頁面,這些整體的使用者流程也是在規劃之前必須要先釐清的。

|第三步:網站設計|

網站整體的設計,最主要是想像一下網站未來想呈現的樣貌,不論是自己架設或者請設計公司架設,都需要清楚的表示自己想要製作怎樣外觀的網站,可以用簡單線稿或者拼貼圖片的方式先畫預估設計圖,並標示出HeaderContentFooter 等區塊,以及在哪裡需要什麼功能,需要多大的圖片跟按鈕,將想像中的網站清楚呈現出來,同時思考UI/UX(使用者介面與體驗)上是否合理,能帶給使用者最好的體驗感受,之後再交給網頁設計公司或人員去執行。

|第四步:主機與網址選用|

網站初期都規劃好後,正準備交給工程師執行之前,還有一個最重要的事項要準備,那就是主機與網域的採購,要注意的是選用的網址有無SSL憑證,並且挑選的網址最好是要有意義的網址,這樣才可以有助於網站整體SEO上的操作,而主機挑選則是要選用能提高網站速度、有使用加密憑證且長期穩定運行的主機,有好的主機同時也可以將網站整體在Google上的排名提升,是非常重要的一環。

戰國策全系列商品輸入「mkt-c7707」立即85折
WordPress全系列商品輸入「mkt-c7708」立即折1,000

|第五步:上線並持續維護|

在前面流程都確定好之後,就可以將網站正式上線了,但即使是上線了也不是一勞永逸,必須要時時刻刻的更新及維護,確保網站可以正常運作,同時不斷優化網站內容,增加整體Google上的排名。

|結論|

以上就是網站架設的規劃與流程,基本上透過這幾個步驟就可以順利的製作出一個滿意的網站,此外戰國策網站設計團隊有超過20年的網路相關服務經驗,若是還在找網站設計公司的話,歡迎咨詢洽談。

Share this
28 3 月 2021

五大熱門的網頁製作平台架站比較

現在網路科技已經變得非常發達,有越來越多人在網路上分享自己的意見,甚至是透過網路來增加自己的生意,因此網站的需求度越來越變得很必要了,在早期架設一個網站的成本大概要50萬美元以上,但現在時代的演變,有越來越多公司推出快速讓用戶架設網站的方式,製作一個簡易的網站成本可以說是接近0元。但這些所謂的免費架設網站平台大多有隱藏著一些規定,例如說只能夠有最低功能性的設置、網址上面有該平台的網址,或者是會強制置入該平台的廣告,而要解決這些問題很簡單,大部分只要付費變成不同等級的使用者就可以處理了,要注意的是,這些升級服務都是有時間限制的,通常都是一個月來收費,時間到了之後又會變成原本得樣子。

不管是不是付費用戶,這些平台都能夠快速建立一個網站,是一件對不太對設計與網站架設的人來說,非常好的一大福音,但市面上有太多類似的平台,功能性與特性也不太ㄧ樣,今天就帶大家來看看現在五大熱門的網頁製作平台之間的比較吧!

|WordPress|

WordPress是全球最知名的架站工具,是一項開放式的內容管理系統,任何人皆可以免費修改與編輯這項系統,不需要會寫程式也可以輕鬆利用WordPress快速建立網站,是一個非常適合架網站的平台。但有些人可能會想問怎麼有WordPress.orgWordPress.com  兩種呢?這兩種都是基於WordPress系統下而誕生的工具,一般業界統稱WordPress是指WordPress.org ,可以自由地新增外掛或模板,任何人都可以免費的使用它並且架設一個網站,但需要自行處理主機與網域的費用;而WordPress.com 則是由Automattic公司所發佈,是一個部落格網站,可以快速的建立一個部落格網站,但想要更自由使用就需要額外在上面付費升級成不同版本。

戰國策全系列商品輸入「mkt-c7707」立即85折
WordPress全系列商品輸入「mkt-c7708」立即折1,000

Wix

WiX也是全球知名的網頁製作平台之一,是採用免費增值模式(也就是整體是免費,需要特殊功能則要另外加價升級),有支援中文版本,有非常多的樣版可以套入使用,是用拖曳的方式一塊一塊的區塊把網站組合起來,介面非常容易使用,有提供一個基於子網域下的網站使用,例如:www.kaha.wix.com ,所以網址會變得很長一段。而免費版本的網站會有非常多廣告在上面,有時候看太多會減少使用的慾望,可以另外付費升級把廣告關掉,還算是有解套的方案。

|Weebly|

Weebly是一個老字號的網頁製作平台之一,有支援中文介面但有少部分翻譯出來不太通順的句子,需要轉換一下思考,也是採用跟Wix一樣免費增值的模式,整體而言跟Wix有點像,有一些套版、也有應用程式可以使用,但數量較少就是了,建立的網站一直到Weebly倒閉前都不會消失,可以長期使用,是用拖拉的方式製作網站,有很多小工具可以使用,但SEO上面的成效有限,需要另外付費才可以被蒐錄在Google索引上,很適合只是需要一個簡單功能網站的人。

|Strikingly|

Strikingly是一個完全代管的雲端網站建置平台,有支援中文的介面,不需要安裝或管理任何外掛,最方便的是頁面編輯器,非常容易上手,但很大的缺點是免費版本有很多廣告,至少要升級到專業版本才能將廣告去除,同時沒有平台所有權,未來要搬家的話難度非常高,但卻是一個很方便地架站平台,很適合當個人介紹頁或者作品集來使用。

|Blogger|

Blogger在台灣算是個早期免費架設網站平台,他是Google所創造的部落格平台,任何人只要有Google帳號就可以架設100個不同的部落格網站,而他的空間是跟Google Drive連結一起,免費版版本有15G的空間,同時也可以跟Google的其他服務串聯一起,例如Google Adsense、Google Analytics,是一個很方便在Google上曝光的網站平台,但功能比較陽春且單一,比較適合作為部落格使用。

|結論|

每個平台都有各自擅長的地方,若只是想要一個快速的曝光網站,絕大多數的平台都可以能夠協助,但這些在SEO上的成效有限,而若是想要有電商網站,建議另外使用電商平台網站或者是客製化製作網站。先確定好自己究竟要的網站型態為何,再來決定要用哪種方式來製作才是最正確的,希望本篇可以幫助到您。

Share this
26 3 月 2021

如何設定WordPress字型?3種方法幫網站提升視覺美觀

順利完成Wordpress架站,卻覺得新網站美觀不足,尤其中文字型少之又少,該如何善用字體提升視覺美觀?本篇將為你解析中文Wordpress字型少的原因,並分享安裝字體的方法,幫助你輕鬆改善網站視覺。

 

為什麼中文Wordpress網頁字型類型少?解析其中原因

由於中文網站架設完成後,都是使用預設字體「新細明體」,為了提升網站的視覺美觀,就必須更換其他字型,優化文字內容的閱讀體驗。然而可選擇的中文網頁字型不多,大多使用Google提供的思源字體,或是Windows系統的微軟正黑體,究竟是為什麼呢?

因為中文字高達上萬,一套中文字體大小往往超過10MB以上,相比英文僅需要26個字、100KB的容量大小,在存取網站的過程中將會影響載入速度。因此大多數的網站,都使用前面提及的兩種開放字體,以避免載入過慢的問題。

 

如何在Wordpress上傳字型?3種Wordpress字型設定方法

1.從Wordpress主題編輯器安裝字型

步驟一:

以Google提供的思源字體 Noto Sans TC為例,複製Use on web區塊中提供的@import代碼。

 

<style>

@import url(‘https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap’);

</style>

 

步驟二:

進入WordPress後台,點擊【外觀】,選擇【主題編輯器】的【style.css】頁面,

在編輯器中貼上複製的代碼,並按下儲存後離開。

步驟三:

回到【外觀】,選擇【編輯CSS】頁面,在欄位中貼上以下代碼:

body

{

font-family:’ Noto Sans TC ‘,sans-serif;

}

 

儲存後就完成字型更新。

2.從前台進入自訂CSS頁面更新字體

若想將網站字型設定為微軟正黑體,可在登入狀態下檢視前台網頁,上方會出現黑色選單,點擊進入【自訂】模式,在【附加CSS】欄位中,設置:

body {

font-family: 微軟正黑體, sans-serif !important;

}

h1,h2,h3,h4,h5,h6{

font-family: “微軟正黑體”, sans-serif !important;

}

 

按下發布後,重新整理就能更新網站字體。

3.使用外掛更換字體

從Wordpress後台的【外掛】下載Header Footer Code Manager,安裝後進入Edit Snippet頁面,新增GoogleFont,並在下方Snippet / Code欄位貼上這段語法:

 

<link rel=”preconnect” href=”https://fonts.gstatic.com”>

<link href=”https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap” rel=”stylesheet”>

 

中、英Wordpress字型推薦

Wordpress字型

中文Wordpress字型推薦

思源字體是由Google開發的免費字體,一共包含楷體、園體、黑體、明體、宋體、柔黑體等6種字型,不僅免費授權,可通用日、韓文的中文字,本身造型更是優雅美觀,安裝在網站後,能提升整體視覺美觀。

英文Wordpress字型推薦

Helvetica是1957年由瑞士人Eduard Hoffmann發明,屬於無襯線字體中的一種,被大眾認為是現代主義的代表字體,造型端莊典雅,被眾多知名企業如BMW、MUJI、3M、EPSON選為Logo字體,成為英文的經典字體。

 

善用Wordpress字型,點綴網站視覺美觀|網站設計服務

網站字型是打造品牌調性不可或缺的一部分,裝設優美字體能幫助你提升網站視覺美觀,但要架構使用者體驗優良的網站,歡迎交由戰國策集團幫你搞定,我們擁有投入網路領域20年的深厚經驗,加上專業的網路技術,幫助您架設兼具視覺豐富與順暢實用的企業網站。

歡迎聯繫我們,為您製作優質網站!

 

Share this
25 3 月 2021

免費圖庫總整理》瞭解創用CC與免費圖庫推薦,用圖片提升網站豐富度

免費圖庫清單

不論是在設計網站又或是撰寫網站內容時,我們都會利用圖片來增加整體的豐富度,一方面可以避免使用者閱讀疲勞,更可以達到美化、吸睛的效果。當手邊沒有好用的素材,也沒時間自己拍攝時,免費圖庫就是許多人的救星。但是免費圖庫的圖片可以商用嗎?免費圖庫與創用CC有什麼關係?跟著本文的腳步,除了要介紹實用的免費圖庫清單,更要帶你瞭解創用CC授權,讓你可以輕鬆用圖片美化你的網站!

 

在使用免費圖庫前,你必須瞭解的「創用CC」

免費圖庫cc0是什麼?

不論是文字、圖像、影片還是聲音,當創作完成時,創作人就擁有對於這項作品的著作權,別人在尚未得到你的授權之前,不能隨意使用、修改甚至販售。這正是為什麼你不能隨意使用Google上搜尋到的圖片,因為你只是透過搜尋引擎找到別人的作品,但並未徵求別人的授權。

 

那麼我們該如何在尊重別人著作權的前提下,找到可以使用的素材呢?「創用CC」正是為了要解決這個問題而誕生的,為了鼓勵創作並讓創作得以流通,Creative Commons 提出了創用CC的概念,只要創作者標示了授權範圍,其他人就可以按照創作者的規則使用其創作。創用CC常見的授權聲明有以下4種:

  1. 姓名標示(BY):你可以使用此創作,但是需要按照創作者要求,標示來源與創作者姓名。
  2. 非商業性(NC):你可以使用此創作,但是不得用其進行商業或營利行為。
  3. 禁止改作(ND):你可以使用此創作,但是你不得以任何方式更動這個創作。
  4. 相同方式分享(SA):你可以使用此創作,但是完成的創作必須以相同的創用CC授權條款發布。

近期也衍生出新型態的創用CC授權,叫做CC0(又稱Creative Commons Zero)當創作者做出CC0的宣告,即代表他對於他的創作「不保留權利」,人人都可以用任何方式重製其創作,當然也以用於商業用途。

 

如何判斷免費圖庫是否可以商用?

若網站當中有清楚標示出創用CC授權範圍,且當中並不包含「非商業性 NC」的標示時,就代表是可以用在商業用途。若找不到創用CC的標示,在每個圖庫網站通常都會有「授權方式 license」或是「使用條款」的頁面,當中對於圖庫素材是否可以商用皆會有很清楚的說明。以下舉幾個圖庫當作例子來說明:

免費圖庫商用判定

免費圖庫Pixabay在授權方式說明頁,就有明定圖片素材的使用規範,其中並未禁止商用,但不得將從圖庫取得的圖片轉賣給其他圖庫牟利,又或是未經過重製就直接將圖庫下載而來的圖片製成商品販售。

 

免費圖庫cc商用判定

而像另一個免費圖庫Dreamstime則是在網頁底下宣告CC0。

 

免費圖庫推薦|5個實用的圖庫口袋名單

1.Pixabay(可商用)

免費圖庫推薦:PIXABAY

上文剛提到的Pixabay就是一個相當好用的圖庫,官方聲稱其擁有超過1.9億張的高品質圖片,並且在搜尋欄還可以調整篩選器,幫你快速找到照片、插畫、向量圖更甚至是影片等多元檔案類型。

 

2.BURST(可商用)

免費圖庫推薦:BURST

BURST是由Shopify提供的一款免費圖庫,主打「為企業家設計的圖庫」,提供的圖片都非常有質感,很適合做為網站架站時的素材,且圖庫中的部分內容更是CC0授權,讓使用上更加自由方便。

 

3.Flickr(部分可商用)

免費圖庫推薦:FLICKR

Flickr在搜尋欄位上則有非常貼心的設計,能夠自由選擇授權範圍,不論是所有創用CC標籤,又或是允許商業用途與修改,只要在搜尋欄位調整即可輕鬆查詢,省去自己辨識授權範圍的時間。除此之外,還能夠選擇搜尋素材的顏色、類型、特殊標籤,讓你可以更快找到符合網站主題的圖片。

 

4.Pexels(可商用)

免費圖庫推薦:PEXELS

Pexels也是一款相當好用的免費圖庫,不但提供的圖片有質感,在官網上更聲明可以將圖庫中的圖片使用於網站、部落格或其他應用程式。在搜尋欄也有簡單的分類,可說是架網站找素材時的得力助手。

 

5.CC Search(部分可商用)

免費圖庫推薦:CC SEARCH

想要用的圖庫沒有標示創用CC嗎?擔心不小心誤用沒有授權的圖片?這款由Creative Commons推出的CC Search圖庫會是你很好的選擇!CC Search在使用時可以選擇「商業用途」或是「可供修改重製」,讓你可以快速的找到適合素材。

 

免費圖庫推薦:CC SEARCH的分類

若想要細分授權範圍,還可以在一旁的工具欄選擇理想中的授權方式。

(貼心提醒:圖片授權與使用範圍,可能因為圖庫本身政策而有異動,使用前請詳細閱讀相關條約。)

 

付費圖庫推薦

若覺得免費圖庫無法符合你的需求,你也可以參考付費圖庫。

圖庫推薦:Shutterstock搜尋

圖庫推薦:Shutterstock編輯

Shutterstock擁有良好的搜尋與編輯功能,不但可以篩選照片、插畫、向量圖、影片等檔案類型,更可以直接在系統內編輯,兼具實用與方便性。

 

圖庫推薦:PIXTA STOCK

另一款則是由日商公司成立的PIXTA STOCK,除了圖片數量多、圖片品質好之外,他最大的特色在於素材多以亞洲人為主,這樣的優勢用於網站架設,會讓使用者們比較有親切感。

 

想要網站人人愛,不能只靠圖片|戰國策網站設計服務

想要讓你的網站人人愛,除了有質感的圖片之外「使用者體驗」也非常重要!戰國策集團擁有深厚的網頁設計經驗,我們經手近萬家廠商的網站製作,一站式服務提供你更加完整的規劃,搭配專業的網路技術,讓您的網站兼顧質感又吸晴。瞭解更多網頁設計服務內容,讓戰國策幫你的網站戰無不勝!

 

延伸閱讀:

Wireframe是什麼?認識線框稿的使用方式及重要性

Share this
11 3 月 2021

如何善用影片素材,幫網站加分,提升使用者體驗?

網站內容除了文字圖片外,影片也是相當重要的元素之一,如何用影片幫網站加分,是每位架站者不斷鑽研的課題。不過使用素材時需小心觸法,以免侵犯他人著作權,以下將帶您瞭解下載免費影片素材的注意事項,及避免影響網站載入速度的方法,更推薦5大免費素材網站,幫助你更能得心應手,善用影片素材。

 

為什麼需要在網站中使用影片素材?

不論是經營企業官網或是個人網站,都需要創作大量內容獲得使用者青睞,因此除了撰寫文字、放置圖片外,善用影片素材也是非常重要的創作方式之一。若能用影片為整體網站增加質感、建立統一調性,對網站背後代表的品牌而言,將是非常有幫助的作法。

 

下載免費影片素材作為商業用途可以嗎?

影片素材免費下載

免費影片素材是由創作者無償提供在網路上的共享資源,不需付費下載,因此大多都可以使用在商業用途上。請注意創作者是否有標示創用CC授權,包含非商業性、姓名標示、禁止改作、相同方式分享4個聲明,通常會以6種授權形式註記,要求使用者需遵照創用CC標示來使用影片。

 

如何放置影片在網站,仍不影響網站載入速度?

由於嵌入影片會影響網站載入速度,想要改善問題,可以善用lazy load的方式處理,讓網頁剛載入時不會馬上顯示,而是先以影片封面呈現在頁面上,直到使用者點擊影片,才會發送請求到Youtube的伺服器。

具體做法是先進入網頁的HTML編輯模式,在放置影片的語法中,調整為:

<iframe

width=”560″

height=”315″

src=”https://www.youtube.com/watch?v=foVXVOOzVsU”

srcdoc=”<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=https://www.youtube.com/watch?v=foVXVOOzVsU><img src=https://i.imgur.com/joZY3ec.jpg alt=’YouTube影片封面-Sartingship update’><span>▶</span></a>”

frameborder=”0″

allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture”

allowfullscreen

title=”Sartingship update”

></iframe>

如此就能解決載入速度問題,放心使用影片素材在網站中。

 

5大影片素材網站推薦,多樣主題素材讓你盡情使用

Pixabay

Pixabay是知名圖片與影音素材網站,提供免費可直接商用的影片素材,下載時可以指定畫質,甚至有4K影片供你選擇,檔案格式皆為MP4,不用再費心轉檔囉。

Pexels

Pexels除了是知名免費圖庫,同時也是免費影片素材網站,擁有各式各樣、數量龐大的影片素材。畫質最高為Full HD,沒有4K影片,但可以任意編輯、直接用於商業用途,可說是非常好找素材的寶庫。

Videvo

由個人創作者提供影片素材的網站Videvo,共分為免費影片與付費影片兩大類,超過1萬個素材。下載時需注意使用規範,可能會要求你註明來源。

Mazwai

Mazwai擁有大量、主題多元、可商用的影片素材,你可以透過網站中的Tag功能,快速找到適合你影片主題的素材,或直接在搜尋列輸入關鍵字找尋,使用時記得查看影片欄資訊,注意影片規範。

Life of Vids

Life of Vids是以實景短片為主的素材網站,在這裡找到的素材可以直接下載、用於商業用途,適合穿插在影片之中。你也可以選擇想要的畫質,最高可到1080p。

 

善用影片素材,打造網站豐富度|戰國策集團網站設計服務

放入影片素材雖然非常重要,但懂得善用影片更重要!想讓網站具備豐富多樣內容,同時讓使用者瀏覽時感到順暢舒適,歡迎讓戰國策集團幫您設計網站佈局,藉由投入網路服務20年的深厚經驗,搭配專業的網路技術,讓您的網站質感又吸晴。

歡迎聯繫我們,為您製作優質網站!

Share this
24 2 月 2021

尋求網頁設計公司前必做的五大功課,搭起更順暢的溝通橋樑

隨著網路的普及,越來越多傳統產業或是新進入市場的業主開始重視網站的重要性而尋求網頁設計公司的協助,然而,當業主底一次接觸網頁設計公司時,往往會被問到幾個問題:預算多少?想要什麼樣的網頁設計風格?網頁設計要包含哪些功能?如果沒有事先做好功課,往往在這裡就會開始顯得無助沒有目的,而增加了後續網頁設計的困難度,因此尋求網頁設計公司的協助固然正確,但首先必須要先做好萬全的準備,才不會在後續被索取不合理的預算,或者是最終的網頁設計作品不如預期。

網頁設計必做功課一:資源分配

網頁設計

在執行網頁設計之前,業主必須顯了解到自己手上到底握有多少資源,有多人的相關人力可以分配;有多少的預算可以投入;需要由網頁設計公司提供的協助項目有哪些,統整出自己擁有哪些東西以及缺乏哪些,才可以更清楚的知道應該要花費的預算有多少,把預算花在對的地方。

網頁設計必做功課二:確認需求

網頁設計的目的有很多,可以是想要提升企業形象的品牌型網頁設計;也有想要提升銷售的電商型網頁設計,不一樣的目的有不同的網頁設計類型,在網頁功能上也會有不一樣的需求,因此業主必須先釐清自己希望完成後的網頁設計,可以為自己帶來哪些助益,訂定明確的目的與需求。此外,也可以思考,希望使用者可以在網頁上獲得哪些東西,架構應該怎麼設計、瀏覽動線要怎麼跳轉,這些都可以在事前準備好。

網頁設計必做功課三:風格參考

網頁設計

有了明確的目標與需求後,接下來就是網頁整體的呈現方式,從色彩風格到網頁設計排版,然而這些光用口述容易會有雞同鴨講的狀況發生,因此業主可以上網瀏覽相關產業的網站,也可以參考競品的網站內容,從中找出自己所喜歡的網頁設計風格,並提供相關資訊給網頁設計公司做參考,才可以在後續的溝通上更順利,也更有一個可以討論的基準點在。

網頁設計必做功課四:報價比較

在確定合作的網頁設計公司之前,可以多尋求幾間心儀的網頁設計工公司的報價,並從中進行比較,不論是在規劃或是預算上。雖說一分錢一分貨,但是不合理的報價金額以及為索取而索取的多餘功能都必須事前多加注意。此外,不同的網頁設計公司也會依據業主的需求提出各自認為適當的網頁設計方案,像是全客製化、套版、半客製化等等,業主也可以根據不同的提案規劃,判斷哪個才是符合自身預算,同時又最符合需求的方案。

網頁設計必做功課五:時程規劃

網頁設計

每一個網頁設計製作都需要長時間的準備,從一開始的內容規劃、視覺設計、排版設計,以及功能程式設計到後面的調整、串接各項功能、上線前測試等等,都需要一定的時間,因此在事前必須先確定好網站預計的上線時間,才可以讓網頁設計的準備時間充足,並在時間的分配上做好明確的規劃。在上線準備上,可以利用甘特圖,制定不同階段應該完成的進度,並實時追蹤狀況,才可以免去在網頁預定的上線時間發生開天窗的狀況。

 

在做好網頁設計的事情功課後,當業主在面對網頁設計公司團隊時,溝通將變得更順暢,也可以免除許多不必要的彼此來回過程,更能避免掉業主希望可以呈現出 A 網頁設計,最終卻獲得 B 網頁設計的結果。另外,值得注意的還有,預算並非網頁設計的一切,同時也要看網頁設計公司提出的報價是否合理以及相關功能是否符合需求,設計風格是否是業主所喜歡的,或是後端的網頁設計團隊是否足夠專業以及人力是否可以承攬相關的案件,必須從多方面做評估,才可以找到最適合的網頁設計公司。

戰國策網頁設計,不僅在網頁設計市場中擁有將近萬家的製作經驗,更提供了客戶 24 小時的即時線上客服服務,以及透明、客製化的報價方案,讓業主在網頁設計上可以更即時以及直接地獲取相關訊息,在這樣專業的服務下,戰國策網頁設計不僅累積了許多知名大企業的客戶,更獲得了許多良好的口碑評價,可說是業主在網頁設計路上首選的好夥伴。

Share this
24 2 月 2021

五大台中網頁設計公司推薦,找到最契合的網頁設計團隊

因應網路時代的潮流,許多企業體開始有架設網站以及改版網站的需求,而開始尋求專業網頁設計公司的協助,然而網頁公司百百種,從 RWD 響應式網頁設計專業、專攻 WordPress 網頁設計,又或者是包含各式主機伺服器提供的網頁設計公司以及在視覺設計上突出的網頁設計公司,該怎麼挑選成了業主邁入數位化的第一大步驟,而本篇將推薦數家台中網頁設計公司,不論在評價、口碑、專業或是服務上都擁有很高的聲譽,更擁有多元的網頁設計經驗。

台中網頁設計公司優勢

台中座落在台灣中部,上接台北下接高雄,不論南北都可以包含在網頁設計公司的服務範圍之內;此外,台中由於地理位置以及龐大的人口,成了各項產業爭相進駐的地點,也因此位於台中的網頁設計公司,在服務的產業上擁有相對多元的經驗,從餐飲業、電商、各類型服務業,甚至是大型的上市上櫃 B2B 企業,都囊括在內,在這樣多元的環境下,促使台中網頁設計公司比別人擁有更多樣化的網頁設計經驗以及更彈性的網頁設計內容,提供給各式來自不同背景以及預算的業主做選擇。

台中網頁設計公司推薦一:戰國策網頁設計

網頁設計戰國策網頁設計擁有完善的服務流程,同時也擁有多元產業以及多樣網頁設計類型的經驗,從購物型網站到形象網站都有都有豐富的經驗。針對各類型的方案也因應不同的預算需求,配置出最合適的套餐提供給業主做選擇;對於特殊需求的客戶,也有量身打造的客製專屬方案,針對不同的需求打造出獨一無二的企業網站,協助企業更貼近客戶。

除了在網頁設計上的優勢外。戰國策網頁設計也包辦了雲端服務、SSL 憑證、金流串接、SEO 搜尋引擎優化等相關內容,為業主提供全方位的網頁設計相關服務內容。

台中網頁設計公司推薦二:喬義司網頁設計公司

網頁設計

喬義司網頁設計公司主要致力於網頁設計以及網站規劃。團隊成員都致劭具備

兩年以上的相關經驗,為的就是提供業主更專業化的的網頁設計服務。此外,喬義司網頁設計公司更在 RWD 響應式網頁設計上擁有出色的好成績,並融合 SEO 搜尋引擎優化,輔助網頁設計,讓網頁不僅獲得完善的規劃,更能在搜尋引擎上被使用者搜尋到進而瀏覽。

台中網頁設計公司推薦三:雲端數位網頁設計

網頁設計

雲端數位自網路科技崛起初期,就率先投入網頁設計的市場,經過了十幾年的淬鍊,而有了今天卓越的成績,舉凡從遊卡公司、恆隆行、到奇美集團等知名企業,都是由雲端數位所操辦。雲端數位除了提供網站設計的服務之外,也額外提供了如商業攝影、文案撰寫等內容,完善整體網頁設計的品質。紮實的網頁設計能力及網頁開發經驗,讓雲端數位可說是網頁設計中的佼佼者之一。

台中網頁設計公司推薦四:愛貝斯網路網頁設計

網頁設計

愛貝斯網路網頁設計致力於完善客製化網頁設計,因為愛貝斯網路網頁設計相信,為有客製化網頁設計,才能真正為客戶解決網站問題。因此愛貝斯網路網頁設計從網站的視覺設計、各項功能規劃到 SEO 搜尋引擎優化都小心把關,不放過任何一個網頁設計的細節,為企業品牌完成營銷任務,打造出一個好看又實用的網頁設計作品。

 

台中網頁設計公司推薦五:艾格公司網頁設計

網頁設計

艾格公司網頁設計專注於 WordPress 網頁設計,由於跟隨 WordPress 版本,因此網站架構上擁有絕對的彈性。艾格公司網頁設計優從客戶的需求出發, 提供專業的網站規劃與高水準的網頁設計,在預算以及需求製作上,找出完美的平衡點,達到最高的 CP 值方案, 最大化網路行銷帶來的無限可能性。

 

理想的網頁設計對於不同產業、不同客戶都會有所不同,有些人希望在視覺設計上多加著墨;有些則希望可以在功能上多做強調;還有些更執著於在搜尋引擎上的排名,不一樣的需求與目的,適合的網頁設計方案都有所不同。因此,在執行網頁設計前,第一步是需要清楚的釐清自身的需求以及目的,之後再進一步的和網頁設計團隊做討論以及規劃,才可以更明確地擬定後續的方向以及建議,為網頁設計開創一個好的開端,贏在起跑點。

 

Share this
Click Me