Johocen揪好玩小教室 網站架設知識庫

網站架設知識庫

了解網站架設的基本知識,讓您與設計師有共通語言,節省彼此的時間,以最低成本得到您希望的效果。

版型 Theme 是什麼

版型 Theme 是什麼

版型Theme...包含以下幾個重要的設計元素: (1)佈局Layout...LOGO位置,欄位,橫式/直立式選單,靠左/靠右。 (2)風格Style...專業 / 溫馨 / 典雅 / 清新 / 酷炫 / 環保 / 可愛 / 創意。以現成的版型為基礎,業主較能整理出自己想要的呈現方式,再與設計師溝通時也較能找到共通的語言,節省彼此的時間快速的把網站建置完成。

看示範
網頁內容類型

網頁內容類型

除了首頁以外,WordPress提供的基本內容類型有以下幾種: (1)頁面Page (2)文章Post (3)作品 Portfolio (4)產品 Product。製作方式: (1)靜態頁面,由設計師個別製作 (2)動態頁面(標題、內容、圖片分別儲存於資料庫,呼叫時再組合而成),由設計師設計樣板(Template) ,將來使用者可隨時自行新增/修改內容,仍呈現一致性的效果。

看示範
CTA 內容類型

CTA 內容類型

行銷,不是找到越多客戶越好,而是吸引並過濾"對"的客戶,才能在有限的資源中(人力/設備/物料...等),讓每個客戶滿意。因此,網站如何建立與訪客互動,進一步產生轉換,達成你希望訪客採取的行動 Call To Action),這才是關鍵。

看示範
選單架構

選單架構

透過選單,將您的網站內容結構化的呈現,方便訪客瀏覽。WordPress可以提供不只一個選單,每個選單還可以有多層次的架構。 一開始可以先用樹狀清單把想要的內容條列出來,用 Word 簡易的條列,進一步可使用Word 的 Smart Art 來產生樹狀圖,如此一來能方便公司內部思考與規劃、溝通。

看示範
分類與標籤

分類與標籤

運用分類與標籤,協助訪客更快找到想要的資訊。尤其是標籤,可以收納不同使用者的觀點,觸發更多元尋找內容的途徑,也較吸引訪客瀏覽更多網頁。

看示範
網址(網域) + SSL

網址(網域) + SSL

網址就像地址有一定的格式,例如 https://www.johocen.com 開頭的http://是所謂的超文本傳輸協定,如果是https://則是利用SSL/TLS來加密封包的超文本傳輸安全協定。www是World Wide Web全球資訊網,是Internet一開始的用法,但現在的網站不一定要有。johocen.com則是登記的域名(英文:Domain Name),又稱網域、網域名稱。

看示範
圖片尺寸

圖片尺寸

考慮滿版全屏的需求,圖片尺寸最好介於 1920寬 X 1280高 到 2000寬 X 1333高 pixels 之間。 檔案越小越好,上述尺寸設定在72dpi下應該都不會超過1MB。 如不需考慮滿版全屏的一般內頁圖片,寬高不限但檔案最好不超過500K。 放在同一個版面的圖片最好是同寬高尺寸,如差距超過10px 最好裁切一下。

看示範
網址(網域) + SSL
網址就像地址有一定的格式,例如 https://www.johocen.com 開頭的http://是所謂的超文本傳輸協定,如果是https://則是利用SSL/TLS來加密封包的超文本傳輸安...
了解更多
分類與標籤
分類相當於一個容器,存放文章,好比把文件存放在目錄下。同一篇文章通常只屬於一個分類,重複出現在不同分類易造成混亂,且可能被搜尋引擎判定為作弊。分類比較是編輯者主觀的規劃,但類別不宜太多,也不建...
了解更多
CTA 內容類型
建立互動 NURTURING (與訪客互動元素)按讚、分享/留言/對話(Chatbot)/電子報訂閱(Widget)Lead capture page 引導轉換 / Landing Page ...
了解更多
網頁內容類型
首頁...靜態頁面,由設計師個別製作,通常會加入較多的特效,以吸引訪客的目光。 頁面Page...通常是“一次性”類型的內容。靜態頁面,由設計師個別製作,例如: 關於我們,隱私權,聯繫頁...
了解更多
選單架構
WordPress可以提供不只一個選單,每個選單還可以有多層次的架構。下面是一般企業網站常見的選單,可作為參考。 關於我們...公司簡介、營業項目、公司的歷史與未來展望、企業文化與理念,...
了解更多
版型Theme
版型Theme...包含以下幾個重要的設計元素: 佈局Layout...LOGO位置,欄位,橫式/直立式選單,靠左/靠右 風格Style...專業 / 溫馨 / 典雅 / 清新 / ...
了解更多
為什麼你需要一個網站?
網路行銷的工具很多,例如臉書粉專、部落格、[email protected],YouTube, 關鍵字廣告、SEO,很多都是免費的,加上各種知名購物平台,甚至還有APP針對行動族群的行銷工具,為什麼還需要有自己的網站...
了解更多
RWD 響應式網頁設計
Responsive Web Design 響應式網頁設計,又稱自適應設計,網頁尺寸會隨著螢幕大小與轉向縮放,自動調整電腦/平板/手機寬度, 直的橫的都好看。
了解更多

相關資源

MarTech行銷科技知識庫

MarTech行銷科技知識庫

最新數位行銷科技讓您一次搞懂

前往該資源網頁
網站架設知識庫

網站架設知識庫

網站架設知識庫

前往該資源網頁
WordPress 教學

WordPress 教學

WordPress 教學

前往該資源網頁
免費圖庫

免費圖庫

pexels.com 才華洋溢創作者分享的最佳免費圖庫相片和影片。

前往該資源網頁
免費可商用插畫圖庫

免費可商用插畫圖庫

這個網站不是提供一般的 ICON 圖示或照片圖檔,而是提供原創的電繪「插圖」。每張插圖表達一種獨特的工作或生活情境,都是由創作者 Katerina Limpitsouni 一張一張創作而成,多年來,累積了超過 800 幅的情境插畫,而創作者依然在持續的更新中。 打開「 unDraw 」這個網站,不需註冊,就可以開始瀏覽、下載。這些原創的插畫圖檔,開放讓任何人免費下載,自由使用在商業、非商業的產品上,甚至讓使用者無需註明來源。

前往該資源網頁
免費照片素材(圖片)

免費照片素材(圖片)

PhotoAC 日本免費高質量的圖庫,超過2,133,400張照片,可用於個人和商業項目,支援中文搜尋。

前往該資源網頁
免費商用簡報插圖向量圖庫可自製動畫特效

免費商用簡報插圖向量圖庫可自製動畫特效

Stories by Freepik 插圖可以自訂顏色、內容,還能「快速製作動畫特效」

前往該資源網頁
Remove.bg 免費線上去背網站

Remove.bg 免費線上去背網站

只要把照片丟上去,五秒後就能輕輕鬆鬆自動幫你生成一張去背照囉!偶而還是會有小瑕疵,不過已經可以省下很多時間了!

前往該資源網頁
lottiefiles.com 免費動畫和互動設計工具

lottiefiles.com 免費動畫和互動設計工具

上千種免費+付費動畫和互動設計工具, 讓您的客戶發出讚聲:'哇!

前往該資源網頁
Scroll to Top