05/04

一、更改商標(方法二)

手動修改網站商標,可先於網站首頁中,將滑鼠移至原本的商標位置並按下右鍵,點選「檢查」。

此時網頁右側會顯示網站的 HTML 與 CSS 程式碼。
接著點擊上方「虛線箭頭」圖示,再移動滑鼠至商標圖片並點擊,即可在右側找到對應的程式碼內容。

回到 WordPress 後台後,點選左側選單「外觀」→「自訂」→「附加 CSS」,

將剛剛找到的程式碼複製並貼上,再把程式碼中的圖片網址改成自己的商標圖片網址1

二、將選單固定於頁面最上方

若希望網站選單在滑動頁面時固定於最上方,可於「附加 CSS」中加入以下程式碼,

.site-header{
position:fixed!important2;
width:100%;
}

不想使用固定選單功能,可在程式碼前後加入註解符號3,加入後程式碼將不會生效。

三、建立照片頁面與圖片展示(方法一)

在 WordPress 後台左側選單中,點選「頁面」→「新增頁面」,標題輸入「照片」後,點擊「發佈」。

接著進入「外觀」→「選單」,找到剛剛新增的「照片」頁面後,點選「新增至選單」,再按下「儲存選單」即可。

回到「頁面」→「照片」→「使用 Elementor 編輯」,進入 Elementor 編輯介面後,新增內容前需先加入「Container」。

之後再將「基本圖庫」小工具拖曳至 Container 中,即可開始放置圖片。

四、建立照片頁面與圖片展示(方法二)

除了 Elementor 內建的基本圖庫外,也可安裝外掛增加更多功能。

於 WordPress 後台左側選單點選「外掛」→「安裝外掛」,

搜尋Essential Addons for Elementor,點擊「立即安裝」後再按「啟用」。

安裝完成後,進入外掛設定中的「Elements」,將「Filterable Gallery」功能開啟。

回到「照片」頁面的 Elementor 編輯介面後,先新增 Container,將「Filterable Gallery」拖曳至 Container 中,

可自由設定圖片、標題、文字說明…等。

註解:

  1. 若需取得圖片網址,可於 WordPress 後台左側選單「媒體」,
    找到自己上傳的商標圖片後點擊,即可在下方看到「檔案網址」。
    將該網址複製後,貼回 CSS 程式碼中的圖片網址位置即可,
    完成後點擊「發佈」,即可完成商標更換。 ↩︎
  2. !important強制蓋過 ↩︎
  3. /*
    .site-header{
    position:fixed!important;
    width:100%;
    }
    */ ↩︎

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *