為什麼要定期維護網站?必知網站維護的重要性

定期維護網站

如果網站公司只給你買斷,你敢安心的給他做嗎?

許多人或公司因為不同的需求而請人製作了網站,網站完成後交稿、上架就不再去動它,完全忽視了網站需要維護與更新。可能只有少數的企業會聘請人員管理網站,但網站的後期更新與維護是長久使用的重要關鍵。

定期維護網站、更新的重要性

當網站在沒有更新、營運的狀態下,使用者永遠得不到企業的最新資訊,只能看到舊的文章,有些人可能會以為公司或店家已經關了,沒有繼續運作,進而流失許多客群。對搜尋引擎也是一樣,沒有人潮的網站、沒有新的內容、沒有更新網站程式,沒有定期更新 SEO 關鍵字,就無法得到搜尋引擎的好感度,網站排名自然也會下降

網站不能一直維持不變,有變化、有更新才能吸引到更多人潮,不單是維持自己的行銷排名、更是為了跟得上科技的進步,網站才能一直在網路上生存下去。

而沒有定期更新 WordPress 核心或外掛,可能會引起衝突或資安漏洞。外掛有時也會有漏洞,開發方一旦發現就會立即修補,需要進行更新外掛獲得安全的網站環境。

網站維護更新需要做什麼?

businessman man hand hold interface question marks sign web ask quiestion online faq concept what where when how why search information internet
為什麼要定期維護網站?必知網站維護的重要性 3
  1. 網站內容圖文更新:定期新增網站圖文或是產品,讓網站持續活絡,保證網站的瀏覽率與搜尋引擎排名
  2. 網站舊有內容檢查:檢查網站建立過的文章內容,是否有需要修改、有無失效的連結或是否跑版
  3. 資訊安全維護:現今的網路世界隨時需要提防駭客入侵,尤其是電商等購物網站有許多會員個資,需要定期進行安全防護及數據的備份
  4. 軟體程式更新維護:科技變化速度非常快,時時在更新軟體或硬體。在網站建立好之後就有可能因為軟體、外掛的更新而無法正常使用,需要定期維護更新程式
  5. 資料庫維護:資料庫存放著網站許多建立的資料,讀出頁面的數據也都是來自資料庫,一但資料庫發生異狀,那麼網站也會跟著發生問題。
  6. 伺服器維護:網站伺服器簡單來說就是放置網站檔案、資料庫並執行網站的一個空間,當中也包含了各種的軟體和硬體的服務,所以伺服器如果無法正常運作,連同網站就會被暫停使用

網站備份的重要性

做好的網站請一定要備份,網站備份是非常重要的,可以自己備份,也可以請網站維護公司幫忙,但一般業者提供的備份都在本地,因為相對便宜。而分離式雲端備份保障較高一些,可以在伺服器受到攻擊時,又保留備份資料的安全。

而在更新 WordPress、外掛前都一定要先備份網站,若更新有問題才可以還原網站。

網站維護是建立好網站後的後期工作,一起讓您的網站長久地走下去吧!我們也有安心管理服務,專門處理網站維護、更新等等。

延伸閱讀:

如何新增修改客製商品型錄產品?

客製商品型錄

如果你網站不需要購物車功能,又想要展示產品,你可能需要客製商品型錄!我們會依照你的需求去排版設計產品頁的版型、內容及欄位,讓你上架產品或作品更加快速。

*實際商品型錄範例:型錄DEMO展示,我們示範了幾種會用到商品型錄呈現的網站內容,歡迎點進DEMO參考。

客製型錄網站做好之後,要怎麼新增修改產品呢?讓我們一起來看看:

新增客製商品型錄產品

(以下我們以型錄DEMO做示範:動瑜珈

因為沒有購物車功能,因此我們將新增產品的地方設定在後台的文章處,因此需要新增產品時,就到後台新增文章!

客製商品型錄教學 1.
如何新增修改客製商品型錄產品? 10

根據版型內容填寫表格,標題、文章內文、特定欄位,並且勾選分類、更換精選圖片,有些會設定內容摘要。

客製商品型錄教學 3 2048x577 1
如何新增修改客製商品型錄產品? 11
客製商品型錄教學 2 2048x1165 1
如何新增修改客製商品型錄產品? 12

記得新增文章後要發布,修改文章後要儲存。

前台展示

(以下我們以型錄DEMO做示範:瑜珈課程,可以到型錄DEMO網站上看看實際前台視覺)

可以看到對應的欄位,會出現在指定欄位。

客製商品型錄教學 4 1 2048x1127 1
如何新增修改客製商品型錄產品? 13
客製商品型錄教學 5 2048x1128 1
如何新增修改客製商品型錄產品? 14

事先規劃好統一的產品頁面版型、欄位,僅需在後台新增產品資訊,上傳文字及圖片,不需要每次都重新排版耗時又費力。

同一型錄頁的設計是相同的,如果需要有不同的欄位呈現,可以再增加客製型錄頁的需求。

*後台編輯是使用文字及圖片修改,無法拖拉移動原有版型唷!

延伸閱讀:

如何新增修改 Smart Slider 3 輪播Banner

Smart Slider 3

WordPress 外掛 Smart Slider 3 是一個兼具設計美觀及輪播功能的實用工具,這篇文章將教您如何輕鬆新增、修改輪播Banner。

添加Smart Slider

到網站後台->Smart Slider,並點選新增

smart slider 2
如何新增修改 Smart Slider 3 輪播Banner 35

可以選擇新增一個空白的Project,或是使用Smart Slider 3的套版。我們新增一個空白Slider。

smart slider 1
如何新增修改 Smart Slider 3 輪播Banner 36

接著可以做初步的Slider設定,有不同的Slider形式,可以自行選擇。可以幫你的Slider命名,並調整尺寸大小,這些設定之後也還可以修改。

smart slider 3
如何新增修改 Smart Slider 3 輪播Banner 37

接著就可以新增Slider了,並選擇圖片。

smart slider 4
如何新增修改 Smart Slider 3 輪播Banner 38
smart slider 5
如何新增修改 Smart Slider 3 輪播Banner 39

選擇多張圖片後,可以拖移調動位置順序。

smart slider 6
如何新增修改 Smart Slider 3 輪播Banner 40

點選右上角的設定,可以複製、不公開或刪除該頁Slider。

smart slider 7
如何新增修改 Smart Slider 3 輪播Banner 41

基本設定

Size 尺寸

編輯Slider的下方是基本設定處,Size可以修改Slider的尺寸。

smart slider 8
如何新增修改 Smart Slider 3 輪播Banner 42

Animations 動畫

Animations可以設定動畫的時間,800MS是800毫秒等於0.8秒(1000毫秒等於1秒)。

smart slider 9
如何新增修改 Smart Slider 3 輪播Banner 43

Autoplay 自動輪播

Autoplay設定Slider是否自動輪播,並可以設定毫秒數。

smart slider 10
如何新增修改 Smart Slider 3 輪播Banner 44

預覽及儲存

右上方的眼睛圖示可以讓你預覽Slider,右邊是儲存按鈕,記得做完修改一定要儲存唷!

smart slider 18
如何新增修改 Smart Slider 3 輪播Banner 45

預覽視窗

smart slider 17
如何新增修改 Smart Slider 3 輪播Banner 46

修改Smart Slider

在該頁Slider上面點選Edit

smart slider 11
如何新增修改 Smart Slider 3 輪播Banner 47

可以進到該頁Slider修改區,右邊懸浮視窗可以調整文字或顏色覆蓋等等。左側工具列可以讓你新增標題、文字、圖片、按鈕等。

smart slider 12
如何新增修改 Smart Slider 3 輪播Banner 48
smart slider 13
如何新增修改 Smart Slider 3 輪播Banner 49

可以脫衣的方式新增到Slider上,並在右邊的懸浮視窗中修改內容。

smart slider 14
如何新增修改 Smart Slider 3 輪播Banner 50
smart slider 19
如何新增修改 Smart Slider 3 輪播Banner 51

點選右上角的行動裝置按鈕,可以調整各行動裝置的呈現。

smart slider 15
如何新增修改 Smart Slider 3 輪播Banner 52

記得做完修改都要儲存唷!!

你可以輕鬆簡單獲得一個漂亮的Slider Banner:)

smart slider 16
如何新增修改 Smart Slider 3 輪播Banner 53

延伸閱讀:

外掛 WP phpMyAdmin 介紹,讓你輕鬆在網站後台管理

WP phpMyAdmin

不管是開設、管理與備份、還原資料庫,絕大部分資料庫的管理工作都可透過 phpMyAdmin 來處理。

如果你已經架設了 WordPress 網站,又時常需要使用 phpMyAdmin 來處理資料庫的管理工作,可以透過 WP phpMyAdmin 外掛直接將 phpMyAdmin 掛在 WordPress 網站後台,也可直接在 WordPress 後台用 phpMyAdmin 來備份整站資料。

外掛操作的方式與phpMyAdmin 完全一樣,資料庫的增、刪、修改和取代等等的功能都可以用,但是因為功能太強了,對「phpMyAdmin」不熟的人就不建議使用,因為一個操作錯誤的結果可能會是很慘唷!

外掛:WP phpMyAdmin

網址:https://wordpress.org/plugins/wp-phpmyadmin-extension/

如何安裝 WP phpMyAdmin 外掛?

先至網站 後台->外掛->安裝外掛,搜尋 WPphpMyAdmin,點選立即安裝

截圖 2022 02 27 下午1.35.22
WP phpMyAdmin

啟用外掛後會進入後台設定區。

截圖 2022 02 27 下午2.36.41
Enter phpMyAdmin

點選 Enter phpMyAdmin 就可以進入 phpMyAdmin環境中。

截圖 2022 02 27 下午2.36.58
在後台可以看到網站資料庫。

如何利用 WP phpMyAdmin 備份、還原網站?

*備份、還原整個網站的資料關係到網站的存亡,請務必小心處理。

備份網站

開啟phpMyAdmin管理介面,先從左邊的選單點選你要備份的資料庫,然後再按一下 Export ,準備匯出選取的資料庫。

進入 Export 設定頁面後,再按一下 Go 按鈕,開始將整個資料庫匯出(備份)成一個「*.sql」檔案。

截圖 2022 02 27 下午2.37.52
Export

還原網站

如果你需要將資料庫還原到網站主機中,可以在phpMyAdmin中按一下 Import ,在 Import 頁面中點選 選擇檔案 ,選取你之前備份的「*.sql」資料庫檔案,再按 Go,將檔案回傳到網站覆蓋過去即可。

截圖 2022 02 27 下午2.38.57
Import

延伸閱讀:

主題 OceanWP 外觀自訂可以調整什麼?

OceanWP Astra

快速架站的精選模板使用OceanWP佈景主題,這篇文章會介紹使用OceanWP佈景主題時,可以在後台的外觀->自訂做什麼調整。

WordPress主題模板需要客製化修改

  • 精選版型的套版內容都是英文,改成中文字時,標題字體通常太大,內容字體通常太小,需要做適當的調整,讓網站設計符合中文使用者的閱讀習慣
  • 主題的 Logo 需要進行替換成你的或客戶品牌的Logo。
  • 主題的整體配色要調整成你的品牌色系,做設計上的搭配。(例如,連結顏色、按鈕顏色、背景顏色等等)
  • 客製化隱藏不需要的欄位。(例如,作者名稱、社群分享按鈕、留言數等等)
  • 修改header、footer位置、內容、連結等等。

如何知道網站目前使用什麼主題?

可以到後台->外觀->佈景主題查看網站目前使用哪個佈景主題。

OceanWP-1
後台->外觀->佈景主題

瑞布架站會新增主佈景主題的子主題,這是避免客製化的內容,在WordPress核心或佈景主題更新時被覆蓋過去。

OceanWP-2
OceanWP子主題

OceanWP自訂調整項目

外觀->自訂可以調整很多項目,我們會介紹比較常見的項目。

截圖 2022 02 10 下午10.32.41
自訂

General Options

截圖 2022 02 10 下午10.35.45
General Options
  • General Styling:可以調整背景顏色、連結顏色及hover時的顏色。
截圖 2022 02 10 下午10.42.15
General Styling
  • Page Tiltle:可以調整要不要顯示頁面標題、麵包屑。
截圖 2022 02 10 下午10.39.02
Page Title
  • Scroll To Top:可以開啟或關閉滾動到頂部按鈕,可以更改圖示、大小、顏色。
截圖 2022 02 10 下午10.46.09
Scroll To Top

Blog

修改部落格文章列表頁(Blog Entires)及內頁(Single Post)設定。

截圖 2022 02 10 下午10.52.17
Blog

Header

修改頁首。

截圖 2022 02 10 下午10.54.51
Header
  • General:可以修改頁首的樣式。
  • Logo:替換你的品牌Logo,設定寬高。
  • Menu:設定Menu樣式、連結顏色等等。
  • Social Menu:可以放品牌的社群連結,會顯示社群icon。
  • Mobile Menu:調整行動裝置版的header。

Footer

Footer通常會在 Theme Panel->My Library 做修改,Select Template這邊可以選擇設定好的Footer樣式。

截圖 2022 02 11 上午1.00.50
Footer

Social Sharing

修改文章內頁的社群分享按鈕及樣式,只有內建的社群按鈕可以做顯示或隱藏,無法新增其他社群。

截圖 2022 02 11 上午1.20.21
Social Sharing

WooCommerce

若你的網站是購物車網站,我們使用WooCommerce外掛,可以在自訂調整部分視覺修改。

截圖 2022 02 11 下午1.12.53
WooCommerce
  • General:調整Wishlist、On sale。
  • Menu Cart:調整購物車圖示樣式。
  • Archives:調整商品列表頁排版,是否顯示Toolbar、分類、篩選器。
  • Single Product:調整商品內頁排版、樣式。
  • Advanced Styling:調整所有商品頁的連結顏色、按鈕顏色、背景顏色等等。

延伸閱讀: