5個公司官方網站製作參考Elementor版型

官方網站製作參考指南

我們在網頁設計該知道的6件事中,有提到一些網站設計的基本和通用技巧,還沒看過的朋友可以先去看一下唷!

官方網站是各品牌公司的門面,除了網頁設計要好看,在上架內容或編輯網站時,也應該要讓人好上手,可以自由地更新文字內容或圖片、影片。

我們使用 WordPress + Elementor 進行官方網站製作WordPress 是目前全世界最多人使用的內容管理系統,而 Elementor 是非常易於使用的網站建構器,在介紹 Elementor 的官方版型前,先來了解一下 Elementor 吧!

什麼是 Elementor?

elementor.com
elementor.com

Elementor Ltd.是一家以色列軟體公司,提供網絡開發服務。Elementor網站構建器允許WordPress用戶透過使用拖放技術和內置響應模式來架設和編輯網站。除了免費版本,Elementor 還提供網站構建器的高級版本 – Elementor Pro,其中包括附加功能和 900 多個附加組件。

截至 2021 年 1 月,Elementor 提供超過 57 種語言版本,並一直位列 WordPress 頁面構建器中評分最高的 5 個,全球活躍安裝量超過 500 萬。它是一個開源的、GPLv3 許可的(GNU通用公共許可證)平台,為全球 2.24% 的前 100 萬網站提供服務。

根據Elementor官方平台的數據,2020 年 5 月 12 日時,使用 Elementor 構建的網站已有500 萬個。

除了致力於開發更多好用的附加組件,Elementor也設計提供許多版型讓大家參考。

5個產業官方網站製作參考版型

Elementor的版型大部分都是走簡單、乾淨的風格,利用文字與圖片的排版、動態吸引目光,以下精選幾個版型提供大家參考。

歡迎點進連結看看Demo唷!可以使用電腦觀看Demo,並調整視窗大小,可以瀏覽在電腦、平板、手機上的RWD網頁設計。

商品類-環保水瓶形象網站

Eco Friendly Water Bottles
Eco-Friendly Water Bottles

用這種現代的、簡約寬螢幕的佈局展示環保產品。該模板的大膽設計以白色背景為主,提供了充足的空間來展示環保產品。加上精心拍攝的產品照片、及品牌風格照,與文字的編排,簡單又顯得落落大方。

觀看 Demo:Eco-Friendly Water Bottles

技術類-老爺車維修網站

Classic Car Restoration Company
Classic Car Restoration Company

這種以復古為主題的佈局將使用者帶到經典汽車的鼎盛時期。以老式的顏色加上色塊和文字裝飾,輕鬆靈活地展示廣泛服務。也充分看到品牌照片的運用,色塊的呈現加上服務照片的點綴,可以完成簡潔又吸引目光的官方網站。

觀看 Demo:Classic Car Restoration Company

科技類-技術公司網站

Computer Technician
5個公司官方網站製作參考Elementor版型 8

科技人員始終掌握最新技術,以深色底白字為主題,具有未來感和超現代感的佈局極具吸引力。創意動畫、3D 圖示和強大的設計都融合在一起。官方網站整體風格一致,以圖示、線條為主,少用實體照片,更提升科技感及品牌形象。

觀看 Demo:Computer Technician

飲食類-餐車網站

Food Truck
Food Truck

以這種大字與大膽的佈局展示餐車服務,鮮豔的色彩、誘人的大圖像和有趣的設計捕捉到食品餐車或食品拖車業務的精髓。矩形色塊與照片的組合相當靈活,展現美式風格。中文網站也可以以英文slogan進行佈局排版,有為之一亮的特點。Menu設計也相當”巨大”,但與網站毫不衝突。

觀看 Demo:Food Truck

品牌部落格類-身心靈網站

Health Mindfulness Blog
Health & Mindfulness Blog

個人品牌經營在網路世界也越來越重要,讓你的訪客在這個寧靜的佈局中體驗身心的融合,這個模板的柔軟和小設計喚起了和平與寧靜的感覺,除了使心情放鬆愉悅的照片還有幾何圖形的動態旋轉,極為巧妙可愛。使用這個平靜和放鬆的佈局提升訂閱者的(心理)健康和正念的部落格。

觀看 Demo:Health & Mindfulness Blog

資料來源:Elementor

延伸閱讀:

WordPress後台教學手冊 一次搞懂7項基本功能

WordPress後台教學

WordPress教學百百種,先來介紹基礎的WordPress後台教學!架好網站後是否會害怕,不知道該如何使用後台功能?其實WordPress作為內容管理系統,已經有非常多用戶使用,後台也是經過眾多考驗、調整,所以沒有你想像的那麼複雜、恐怖。這篇文章介紹了WordPress後台的基本功能,讓我們一起來學習操作吧!

為什麼要學WordPress後台教學?

網站架好之後,用戶會需要自行新增或編輯網站內容,基本的WordPress功能就是你必須學會的了!了解WordPress後台可以做到什麼事,自己調整的時候就不會如履薄冰。WordPress官方網站也有提供豐富的知識庫,這邊看完之後可以自行再去學習(或是等我們整理更多實用教學!)。

如何登入WordPress網站後台?

一般的Wordpress後台登入的網址是 https://example.com/wp-admin,再輸入帳號密碼就可以進到後台了。但現在很多人為了保護網站後台,所以會使用外掛調整後台登入的網址,我們也會調整客戶登入WordPress後台的網址,如果有客戶忘記後台登入的地方,再請跟我們聯繫唷!

WordPress後台教學 1
WordPress後台

設定

進入網站後台,可以先看看設定的部分。

一般

這邊可以修改網站的基本資訊。

  • 網站標題
    輸入自己的網站標題,通常是品牌名稱或公司名稱。
  • 網站說明
    輸入自己的網站說明。
  • 網站管理員電子郵件地址
    有關任何Wordpress的最新消息,Wordpress都會寄到這個信箱,建議可以使用網域信箱。
  • 時區
    請選取與居地同一時區的城市或國際標準時間 (UTC) 時區。台灣時區是 UTC+8。

修改完成後,記得要點擊最下方的「儲存設定」

閱讀

WordPress後台教學 1 1
設定->閱讀
  • 網站首頁顯示內容
    這邊可以設定特定最新文章或特定頁面作為網站的首頁。
  • 搜尋引擎可見度
    網站製作中的時候我們會勾選「阻擋搜尋引擎索引這個網站」,這樣不會被別人從 Google 搜尋到,是一種相對比較有隱私跟安全的做法,在網站上線時會取消勾選這個選項。

討論

如果你的網站是有開放用戶可以在文章下面留言的話,可以在這邊進行相關設定。

WordPress後台教學 2
設定->討論
  • 其他留言設定
    可以指定留言者必須填寫 [顯示名稱] 及 [電子郵件地址] 欄位,或用戶是否要擁有網站會員、登入後才可以留言。也可以進行留言超過幾則時,要分頁的設定。
  • 電子郵件通知時機
    是否在有人留言時、需要審閱留言時,發送電子郵件至管理者信箱。
  • 留言顯示於網站前端的條件
    留言是否需要經過手動核准、審核才會顯示在前台,這是避免垃圾留言顯示在前台的設定功能。

下方還可以進行觸發留言審閱的條件留言封鎖清單的設定,都可以有效避免垃圾留言出現在你的網站之中。

頁面

一個網站其實就是由多個頁面所組成的,可以依照網站的主題,去規劃整個網站需要有哪些頁面。以企業公司的形象網站為例,可能會有首頁、關於、產品介紹、合作案例、聯絡我們…等。

若需要進行修改,可以至頁面,選擇你要修改的頁面,並點選使用 Elementor 編輯頁面內容。

如何進入編輯頁面?

文章

如果你的網站是部落格,或是公司網站有最新消息等內容文章,就需要了解新增、修改、刪除文章等功能。

新增文章

在文章頁的最上方可以點選新增文章,WordPress現在是使用Gutenberg 古騰堡編輯器,是區塊的編輯形式,修改更為直觀便利。可以點進古騰堡教學文章看更詳細的說明唷!

WordPress Gutenberg 古騰堡編輯器基本介紹

WordPress Gutenberg 古騰堡文章編輯教學

WordPress後台教學 3
WordPress後台教學手冊 一次搞懂7項基本功能 15
  • 編輯
    可以進入該篇文章的編輯區。
  • 快速編輯
    可以直接在原頁面修改文章標題、分類、標籤等等(不會跳轉頁面)。
  • 移至回收桶
    將文章刪除至回收桶,誤刪文章可以至回收桶還原
  • 檢視
    至前台檢視文章呈現效果。

分類與標籤

在文章區底下可以新增分類及標籤,一開始若無設定分類,文章都會分到未分類的預設。

刪除分類時,不會刪除隸屬於該分類的文章,但是會將這些已無分類的文章指派為〈未分類〉這項預設分類。預設分類無法刪除。

媒體

WordPress後台教學 4
媒體庫

媒體庫是管理你的圖片或其他檔案的地方,你也可以依你的網站內容需求上傳音訊檔或影片檔。

在上傳圖片時,會建議圖片檔案都先進行壓縮,太大容量的圖片檔會佔用你的網站空間,在載入網站時可能會需要更多時間。可以參考我們介紹的實用圖片壓縮工具!

Google Squoosh 免費高質量圖片壓縮工具

3個實用線上圖片壓縮工具

若需要替換圖片,也可以使用外掛來進行,如何替換圖片不影響Google排名?,文章中有詳細介紹。

若遇到在WordPress上傳圖片後顯示不正常?,可以參考文章中的方法解決唷!

留言

在留言可以管理網站所有的留言,可以進行『駁回 |回覆 |快速編輯| 編輯 |垃圾 |回收桶』功能,WodrPress設定底色灰色的留言是必需要經過網站管理者審核,才會發表在該篇文章或商品的頁面上,在操作顯示上必須要按”核准”才准許發布留言。

  • 駁回
    留言不會出現在網站上,除非按回核准。
  • 回覆
    回覆此留言。
  • 快速編輯
    在原頁面編輯留言內容(不會跳轉頁面)。
  • 編輯
    編輯留言內容。
  • 垃圾
    留言會被標記至垃圾,不會出現在網站上。
  • 回收桶
    留言會被移至回收桶,不會出現在網站上。

若要關閉特定文章的留言功能,可以前往該篇文章的編輯文章後台,在右側設定欄->討論處,將開放留言取消勾選,前台就不會出現留言區了。

選單、使用者

WordPress後台中的選單就平常看到網站的導覽列,如果是在上面的選單通常會被稱作「頁首 ( Header )」,有時「頁尾(Footer)」也會設置選單,在外觀->選單的地方可以進一步設定,可以參考如何編輯選單?有詳細的介紹唷!

在網站管理時,可以自由地新增網站使用者也是WordPress的一大特色,WordPress使用者角色權限介紹有詳盡的使用者角色說明,讓你更清楚依據不同性質的使用者可以賦予不同的角色。

WordPress後台教學說難不難,簡單也不是特別簡單,但只要好好學習,可以非常快速地上手!之後會有更多文章詳細介紹WordPress後台的其他功能,千萬不要錯過!

網頁設計該知道的6件事

網頁設計該知道的6件事

創建網站設計有很多方面需要注意,不論是客戶本身、行銷公司或網頁設計者都需要對構建有效和可用的網站佈局有一定的了解。

在本文中,我們將討論網頁設計都應該知道的6個基本和通用技巧

網頁設計-保持乾淨和簡單

web design online technology content concept
Web Design Online Technology Content Concept

一個好的網頁設計不僅要有視覺上的吸引力,還要對用戶友好好使用、好上手。一個乾淨簡單的網頁設計通常最終會成為一個高可用性的網頁設計,不會混淆使用者。

如果網站頁面上有太多的網站功能和組件,你就有可能分散網站瀏覽者對網站目的的注意力。請確保每個頁面元素都有一個目的,並問自己以下問題:

  • 真的需要這個設計嗎?
  • 這個元素有什麼作用,它如何幫助用戶?
  • 如果我突然刪除這個元素,大多數人會想要它嗎?
  • 這個元素如何與網站的目標聯繫起來

此外,儘管為你的網站提出新的概念或界面設計模式可能非常棒,但請確保網站設計對你的用戶來說仍然是友善和直觀的。人們習慣於常見的互動模式、網站功能和網站界面——如果你的設計真正獨一無二,請確保它不會太晦澀和令人費解。要有創意,但也要保持簡單

網頁設計-整潔好閱讀的字體與排版

網頁設計-1
Google Fonts

網站排版塑造了我們對設計的想法。字體的粗細和幾何圖形傳達意義,網頁設計需要透過適當的排版選擇傳遞訊息的最佳方式。

在使用字體自行方面,相較於英文網站,中文網站的字體選擇性較少,通常使用黑體是最為安全的,但還是有需多傳統產業或公司會選擇標楷體等字體。

我們建議可以從 Google Fonts 選擇網站字體,有些日文字體也有漢字可以通用,若有英文內容也可以從中選擇,內容相當豐富。

若想使用其他中文字體,請確保你有商用字體的授權,可以用於網頁設計中。

字體與排版上也有幾項須注意:

  • 保持字體使用一致。確保標題在視覺上與段落文本不同。使用留白、調整行高、字體大小和字母間距屬性,使文字內容易於閱讀和輕鬆掃描
  • 盡量將字體大小保持在 12 像素及以上,尤其是段落文本。雖然許多人在閱讀小文本時沒有困難,但想想老年用戶和弱視和其他類型的視力障礙的人。
  • 不同裝置上的字體大小也不同,可以實際在不同裝置瀏覽你的網站後,再針對不同裝置個別進行調整。

*你也可以看看: 做設計前該了解的字型授權

網頁設計-網站色彩的使用與可閱讀性

網頁設計-1
色彩的使用與可閱讀性

隨意使用衝突顏色是困擾網頁設計初學者的常見錯誤。一些視覺上的不協調可以使設計變得有趣,但相互衝突的色調也會使佈局變得醜陋和不可讀。文本、號召性用語和標題應該使用保持強烈易讀性的顏色。了解何時使用明暗、對比度和飽和度也是網頁設計中重要的色彩技巧。

在進行網頁設計時,你需要考慮網站背景色和前景色的顏色對比,需要有利於提高可讀性和使弱視讀者也可以輕鬆閱讀。例如,白底黑字對比度高較好輕鬆閱讀,而橙底紅字會使你眼睛疲勞。此外,也可以考慮使用具有特定形式色盲的用戶可以輕易閱讀的顏色。

*你也可以看看:設計色盲友善可視化項的 5 個秘訣

網頁設計-豐富的圖片及影片內容

devices travel agency wooden desktop
豐富的圖片及影片內容

若一打開網站即是全文字的網站內容,相信你一定也會很快就關掉吧?適當地放置圖片或影片,可以舒緩、調節網站使用者的瀏覽,也是網頁設計中的一大重點。

如果使用者對網站頂部看到的內容不感興趣,很少使用者會向下滾動查看網站頁面的全部內容。可以適時以圖片吸引用戶注意力,也請記住將你的重要元素放在易於看到的網站頂部,但也不要過度擁擠頁面的上半部分,這可能會嚇倒用戶並阻止他們繼續閱讀頁面下方的內容。將網頁設計的上半部分視為一個賣點:成為一名推銷員,讓人們相信他們希望看到你網站上的其他內容,並去瀏覽其他頁面內容。

*你也可以看看:6個好用的付費圖庫大整理3個超實用免費影片素材網站

網頁設計-優化圖片及影片以獲得更好的頁面加載時間

上一項提到了可以多加利用圖片或影片增加網頁設計的豐富度,而圖片大小或影片大小在網頁設計中也是很重要的,可以了解一下如何透過選擇正確的圖片格式並確保圖片檔案大小。這裡有一個選擇正確文件格式的一般經驗法則:具有純色的圖片最好保存為 PNG 和 GIF,而具有連續顏色的圖片(例如照片)最好保存為 JPG。

網頁設計-2
網頁設計該知道的6件事 23

有很多工具可供你使用,可幫助你進一步優化圖片並減小檔案大小,請查看此用於優化、壓縮圖片的線上工具。透過將使用的圖片數量限制在最低限度,巧妙地使用圖片並儘可能減小檔案大小,將可以顯著縮短網頁的頁面載入時間並提高網頁性能。

而影片的部分建議都是放在第三方影音平台,較有利於網站載入速度,也較不會佔用到你的網站空間,很多影片都可以用嵌入的方式放在你的網站中。在進行網站設計時,這些會影響網站載入或效能的要素也都需要考慮進去唷!

網頁設計-良好的用戶體驗(UX)及用戶介面(UI)

3322
UX & UI

用戶體驗關注某人對設計的情感反應——結合網站的可用性和集成互動、動態元素,使網頁設計成為一種導航的樂趣。用戶體驗旨在塑造一個使用者的體驗,同時能夠吸引他們並引導他們瀏覽網站。

最佳用戶體驗實踐包括:

  • 具有負空間和邏輯組織內容的整潔佈局(清晰)。
  • 注重人文體驗而非機械體驗的直觀設計和內容(具有同理心的設計)。
  • 針對特定受眾的設計和訊息量身訂製以滿足他們的需求(了解你的受眾)。

UX 更關注設計如何影響某人的廣泛方面,而 UI 則側重於特異性。網頁、按鈕、選單和互動都是 UI 的一部分,這些元素引導用戶透過網頁設計,不受阻礙,獲得流暢的體驗。

UI 涉及可用性的許多不同方面,包括:

  • 導航元素和簡單直觀的網站界面。
  • 號召性用語,引導人們在最短的時間內做你想讓他們做的事。
  • 使用者在使用你的設計時可以遵循和學習並直觀的使用介面且可重複的操作。

資料來源:10 Things Every Web Designer Just Starting Out Should Know 、20 essential skills for successful web designers 

延伸閱讀:

該用 Wix 網站還是 WordPress 架站?

該用 Wix架站還是WordPress?

Wix架站平台是一個簡單的建立網站的方式,使用者不需要安裝如後台管理系統CMS等任何程式,就能於自己的瀏覽器上開啟Wix頁面,建立與管理自己想要的網頁內容。

WixWeebly 這種線上架站平台看起來輕鬆又方便,適合零基礎架站的人使用,像建立部落格一樣,一鍵就可以架好你的網站,但真的有那麼方便、好使用嗎?

為什麼 Wix 吸引新手使用?

Wix.com
Wix

後台簡易的版面,可以使新手快速上手,很直覺化地拖拉物件就可以排版網頁,利用影片背景、視差、動畫等元素製作漂亮的網站與網頁,完全不用擔心編碼。封閉式的系統比較少 bug,比較不用處理功能間不相容的問題。可以幾天架好一個網站,快速上線。

Wix 有什麼缺點呢?

網站帶不走

一但使用Wix架站後,你的網站累積的內容,就帶不走了,無法匯出內容、換到其他平台。

無法客製化

對於外觀或擴充的功能,你只能使用Wix提供的功能,無法寫程式去客製化。也無法編輯網站 HTML、CSS 等。

網站速度非常慢

開啟一般網頁的速度慢,有些沒圖片的頁面也會因不明原因停住。後台開啟速度也是非常的慢,要編輯一個頁面得等很長一段時間來載入系統工具,也無法優化。

不利於 SEO 優化

Wix 的頁面資料都是 js 動態產生的,搜尋引擎不會執行那些 js,Wix 是等網頁載入時,才用 js 開始運算、產出前端的網頁效果,運算後產出的 HTML 碼架構很糟糕,搜尋引擎派出的機器人很難理解及索引,這代表其大部分的網頁內容,是無法被索引的,只有在後台設定的 SEO 少數內容、字串,也許可以被索引,所以非常不利於 SEO優化

很多東西要收費

掛網域、裝GA追蹤器、購物車、移除廣告、頻寬變大等等功能都是要收費的,Wix 網站方案以月計費,經年累月使用後,全部的費用可能會比設計一個 WordPress 網站還貴

WordPress架站的優缺點

WordPress.org Taiwan 正體中文
WordPress

開放原始碼

WordPress不是一間公司,是開放原始碼的軟體,可以自由取用、開發外掛等。

可以客製化,功能、外掛充足

主題模板樣式多,有許多免費開源外掛可以使用,讓網站彈性很大

外掛相容性

因為彈性大,比較容易有功能衝突的情況發生,不會程式語法的人可能就需要專業人士協助。

新手自行架站較困難

一開始可以請人幫你架站,再自己進行後續維護管理、內容產出,WordPress後台不複雜、好操作,容易上手

利於 SEO 優化

由於 WordPress 是一個開放的架構系統,Google 非常容易閱讀內裡的內容和標記等,加上高全球市佔率,另外WordPress更有專業的第三方輔助 SEO 外掛,輕鬆簡單幫你提升網站的SEO

可以商業化

若一開始沒有購物車需求,後來追加商業服務也是可以的,因為有後端伺服器的關係,可以架設網路商店,WordPress網站彈性較大

整體來說,WordPress網站除了一開始需要找人幫你架站設計(我們也有拼裝模板服務,可以快速完成你的理想視覺,再進行微調),後續的編輯、維護都是較好上手的,如果需要搬家或是新增功能都是很方便、彈性的,相較於 Wix 等封閉式架站平台,WordPress網站還是略勝一籌。架好網站後,網站維護也是想當重要的,有網站維護的好處,不放心自己維護也可以交給我們安心管理

延伸閱讀:什麼是WordPress網站?

Cloudflare 提供免費SSL線上檢測工具,一鍵檢查3大相關問題

SSL線上檢測工具

如果你的網站有SSL憑證,就能讓大家知道你的網站安全無虞,可以安心瀏覽。SSL憑證有很多好處,包括改善網頁載入效能、對於搜尋引擎最佳化有幫助、提昇安全性與可信賴度,SSL 可以為客戶建立安全連線,藉此瀏覽你的網站,並在你的網站購物及分享資訊 (例如信用卡資料、地址等)。

Chrome、Firefox 和 Safari 等主流瀏覽器會在訪客進入沒有 SSL 的網站時顯示「不安全」警告,而高達 90%以上的使用者在看到警告之後就會立刻離開網站。

Cloudflare 的SSL線上檢測工具

Cloudflare 提供免費SLL線上檢測工具,讓大家可以檢查自己網站的SSL憑證是否正發揮作用。Cloudflare 一家總部位於舊金山的美國跨國科技企業,以向客戶提供基於反向代理的內容傳遞網路(Content Delivery Network, CDN)及分佈式域名解析服務(Distributed Domain Name Server)為主要業務。

網站名稱:Cloudflare SSL Test Tool

網站網址:https://www.cloudflare.com/zh-tw/lp/ssl-test/

SSL檢測工具的三大項目

HTTPS Enabled 憑證有效性

你的網站當前是否已成功將 HTTP 流量重定向到 HTTPS。

Valid Certificate 有效證書

你的網站是否配置了有效的 SSL 證書,是否快到期或已逾期。

No Client Errors 沒有客戶端錯誤

是否在你的網站上檢測到客戶端錯誤。這是基於對你的主頁的檢查。有可能出現的錯誤是你的網站正在加載混合內容。這意味著你網站上的某些資源(例如圖片、影片、廣告或 JavaScript 和 CSS 資產)是通過 HTTP 提供的。要解決此問題,請將頁面中帶有“http://”的 URL 更改為“https://”,並確保你的資源仍能加載。

如何使用Cloudflare SSL Test Tool?

啟用 HTTPS 的網站能夠更好地保護敏感信息、防止惡意活動並減輕多種類型的入侵嘗試。改進的性能和 SEO 也是額外的好處。以下教你如何檢測你的網站:

Total Time: 5 minutes

Step 1

SSL took 1

開啟 Cloudflare 的SSL線上測試工具,輸入要檢測的網址。

Step 2

SSL tool 2

按下 Start Test,等待幾秒鐘,就會出現網站檢測結果,綠色勾勾代表正常,紅色叉叉代表錯誤。可以對照上面提供的檢測三大項目。

Supply:

  • none

Tools:

  • Cloudflare SSL Test Tool

Materials: none

快動手檢查看看你的網站吧!

延伸閱讀:

如何替換圖片不影響Google排名?外掛Enable Media Replace教學

替換圖片

替換圖片要不影響Google排名的話,要注意文章網址不變,且從文章後台直接替換圖片,不要改動任何圖片周圍的東西,Google一旦發現圖片周圍的東西有改變,它就得重新索引和排名。

這時候最好也要注意圖片網址,維持不變是最好的。但如果在 WordPress 後台直接上傳同一個圖片檔名,重複上傳的話,WordPress其實會自動產生副本,檔名就變了(例如:xxx-1.jpg)。如果不希望檔名改變(圖片連結不變),也不希望刪掉原本的圖片(避免網站掉圖的風險),可以使用替換圖片的做法

替換圖片的話以前需要使用FTP到這個圖片路徑用一樣的檔名蓋上去,但現在不用那麼麻煩了!WordPress有外掛可以輕鬆協助解決!

使用 Enable Media Replace 外掛替換圖片

它是一個免費、輕量級且易於使用的外掛,允許你透過在其位置上傳新文件來無縫替換媒體庫中的圖片或文件。不再需要刪除、重新命名和重新上傳文件!使用此外掛可以幫你節省空間,不用回頭去刪除用不到的圖片或檔案。

外掛提供兩個選項

  1. 只需更換文件。此選項要求你上傳與你要替換的文件類型相同的文件。無論你上傳的文件名為什麼,附件的名稱都將保持不變。
  2. 替換文件,使用新文件名並更新所有連結。如果你選中此選項,你將要上傳的文件的名稱和類型將替換舊文件。所有指向當前文件的連結都將更新為指向新文件名。

安裝外掛後使用操作

screenshot 1
安裝外掛後啟用,即可使用。

選擇 Replace media

screenshot 2
Replace media

即可上傳新的圖片或文件。

screenshot 3
Just replace the file

若希望圖片網址不變、使用同檔名的話,選擇第一個選項,只需更換文件(Just replace the file)

此外掛是當下需求使用的外掛,完成後就可以關閉了!需要使用的時候再啟用就可以了。

延伸閱讀: