內容目錄
歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略 – 快速 檢查網站 是否使用 WordPress架設 的三種方法。如果說在網路上有看到自己喜歡的網站類型,想要參考對方網站內容或者是功能來打造自己想要的網站,但卻無法得知目標網站所使用的網站 CMS 架構是什麼,要怎麼辦?鵠學院在這篇教學文章中提供三種快速檢測網站所使用的網站內容管理系統,分別是使用網頁檢視原始碼,安裝網頁應用程式以及網頁檢測。另外鵠學苑也有檢測網站所使用的佈景主題類型相關教學,可以參考這篇文章:網頁主題檢測, 網頁內容排版及製作必須了解的應用方法 。
為什麽會需要檢測對方網站所使用的 CMS 呢?這是因為使用同一種類型的 CMS ,可以在網站架設時有更快更好的參照內容方式,比如說對目標網站的某一個區塊或功能所呈現的樣式覺得不錯,就可以透過右鍵檢查網站的方式查看網頁中區塊內容的元素架構是使用怎樣的 HTML 、CSS 等語法寫入,在獲得其構成方式的資訊後,回到自己的網站也就可以用同樣的方式去呈現與目標網站差不多的效果,如此才能達到事半功倍的效率,教學內容很簡單,那麼接下來跟著鵠學苑的腳步,讓我們開始學習吧!
(小提醒:鵠學苑的所有教學均是以 Apple Mac OS X 系統 做步驟示範!)
Chrome 線上應用程式商店
https://chrome.google.com/webstore/category/extensions?hl=zh-TW
CMS檢查網址
https://whatcms.org/
第一步:在目標網站的任一頁面,點選右鍵,選擇檢視網頁原始碼。
第二步:會跳出一個新頁面,內容就是目標網站的網頁原始碼,使用搜尋的功能輸入 meta name=”generator”,如果找得到以下這一段文字:
<meta name=”generator” content=”WordPress X.X.X″ />
就表示該網站是使用 WordPress 來作為網站的 CMS,WordPress 後方的是版本編號,特別提醒,如果説網站管理員為了防止網站被入侵,有使用程式碼將 WordPress 版本編號隱藏起來 ,那麼就無法使用這個方法來查看,如果想知道要如何隱藏 WordPress 版本編號,可以參考這篇文章:安裝 WordPress 網站 最佳化 設定 網站安全 必學自定義網站技巧 !
第一步:使用本文開頭中提供的網址,進入到 Chrome 線上應用程式商店 。
第二步:在左上角的搜尋欄位中輸入Chrome Sniffer Extension 做搜尋,將下圖中紅色方框中標示處的項目點選藍色的加到 Chrome 按鈕。
第三步:在跳出的提示框中點選 新增擴充功能 。
第四步:如下圖所示在網頁的擴充功能欄位旁邊就會顯示當前網站架設所使用的 CMS 系統圖示。
第一步:進入到網站 WhatCMS.org ,只要在網站首頁的搜尋框中輸入想要檢測的目標網站網址之後,就可以快速檢測網站所使用的 CMS 是哪一種系統。
第二步:如下圖筆者以鵠學院網址做檢測,其網站結果就會直接呈現 WordPress 的藍色字樣,表示檢測的網址所屬網站是以 WordPress 架設的。
快速檢測網站的CMS系統對於想要架設網站的新手來說是很重要的,畢竟一個網站要從無到有的憑空想像,其難度不是普通的大,唯有多方參考相似的網站類型,才能夠慢慢摸索出方向,進而大造獨一無二風格的網站,而使用哪一種 CMS 系統更是網站架設的重點,想多了解一點網站管理系統是什麼,可以參考這一篇文章:延伸閱讀: CMS 是什麼? 讓你秒懂什麽是網站後台管理系統,網站架設必備知識。今天的教學到這裡告一段落了,不要忘記持續關注鵠學苑的最新文章,想學習超詳細的WordPress攻略嗎??來 鵠學院 就對了!我們下次的教學見~
Google FAQ 結構化資料啟用,讓問與答在搜尋結果中直接呈現
無障礙網站介紹-規範說明、檢測工具與操作影片
Google 演算法更新,使用者搜尋後將出現多樣性的網站內容