WordPress｜手機版選單設定

作者： -
Google Sites Phone menu
手機側邊導覽列-手機選單

前言

我是為了有些人偶然接手公司的網站後台，需要小部份修改，不用重學 WordPress，所以內容直接切進我要操作的點。也為了不常操作，自己日後忘記所以筆記起來，若要詳細操作細節，我推薦安妮網站，下方會有推薦連結。

使用主題及編輯器

  • 佈景主題：Astra
  • 編輯器：Elementor
選單之前曾寫了一篇，但是只說明了電腦版適用的選單，其實那時之所以沒提到手機版適用的選單，是因為我也還沒學會，但當時也不著急改，因為百廢待舉，還輪不到它😁。目前大部份內容已上，業務端也告知新網站內容了，得讓新網站快點上線，手機選單就異常重要，大部份的人都手機操作，手機選單不好點選會很扣分。
很為難的是我 Google 了好多種關鍵字，依然找不到我要的重點，後來我是在安妮網站中找到靈感，也才知道如何修正，因為她的文章是所有網站重點都提及，我想知道的部份，她有點到，我們會操作的就能舉一反三了，所以想好好學 WordPress 的，我已經是第三次推薦她，就是因為她的內容，真的很適合新手，清楚貼心又不會寫的太匠氣。

進入 WordPress 後台

  • 只要打自己的網域，後面加入 /wp-admin 即可進入後台做編輯修改
  • Ex：https://yourdomain.com/wp-admin  
WordPress Background modification

選單設定步驟

  1. 點選自訂後，選擇 Header Builder 標題生成器，所有標題頁首相關，都在此設定
  2. 選擇 Primary Menu 主選單，選單所有調整均於此
  3. 或由下圖的二個 ① 進入點選 ▶② 外觀 ▶ ③ 自訂 ▶ ④ Header Builder，一樣可以找到 ⑤ Primary Menu 
WordPress Primary Menu

手機版選單設定步驟

WordPress Mobile menu width
  1. 預設會先帶至桌機電腦版設定，先切換至手機頁面
  2. 在手機模式下調整 Width 選單寬度，視選單標題長短調整至適當即可，太長的字串會自動折行
  3. 點選 OFF CANVAS 🔽
WordPress Mobile off canvas menu setting

GENERAL一般設定

Header Type標題類型

WordPress Mobile off canvas menu Header Type

Flyout 外推出去

  1. Position：可選擇置左或置右
  2. Popup Width（%）：可以選擇佔手機版面比例
  • 以上二個 Full-Screen，因為佔滿全螢幕，所以沒得選擇
  1. Dropdown Target 下拉目標：icon 或連結
  2. Content Alignment 內容對齊：置左／置中／置右
  • 以上二點都很簡單，點按看看就知道意思，Full-Screen 適用

Full-Screen 全螢幕

不太看到有做滿版的選單，但選項若多，也沒啥不好

Dropdown

  • 若選項名字較長，且又有子選單，會很難點
  • 不建議使用這樣式
WordPress Mobile off canvas menu Header Type

DESIGN設計

WordPress Mobile off canvas menu setting design

這部份，我覺得相對不重要，沒有設定，有需要的可以自己點點試試

手機選單圖示 icon 邊界設定

WordPress Toggle button
WordPress Toggle button Margin

延伸閱讀

文章分類：

留言

張貼留言

這個網誌中的熱門文章

Google｜表單封面及內圖尺寸

作者： -
圖片
圖一：在 Canva 定稿時 圖二：電腦上開啟表單 雖然 Google 表單封面尺寸在手機上看略小，感覺效益不大，但若客人在電腦上開啟，感覺效果也還不錯，既然都會 Canva 了，就會想要自己做一個適合該表單的封面。 內圖尺寸 內圖沒限制要什麼尺寸，長方形也可以，在電腦上 1280*720px，我覺得看圖最舒服，手機上看字體會略小。因為我是用 ig 的尺寸去改，手機看很舒適，且大部份的人都用手機開啟。所以還是選擇用正方形。 本來想直接用 ig 尺寸，但在電腦上開啟，圖會太大，不太合適，所以縮至 600*600px，雖然在電腦上看仍略大，但取其相對清楚，且手機上看效果很棒，就沒再縮尺寸。 600*600px 1280*720px 封面尺寸 1350*336px Google 表單 Banner 尺寸套用結果如首圖 一二你可以比對，誤差值很小。這尺寸是我自己試出來的，也套用過數份表單，因為表單封面其實尺寸不大，所以我沒要求畫質。 Google 表單因為製作簡單，填寫資料的人也很方便，且可以直接彙整至試算表，不用再整理訂單，所以真的要好好利用它。 關閉表單 若表單截止要關閉表單功能，只要把  接受回應 改成 不接受回應 即可。 其他要依時間或滿額關閉表單，因為要安裝外掛，都是簡體中文介紹，雖然有前輩介紹過，但我個人沒有需求，就自己時間到時，手動關閉表單就好。 Google｜Font字型-日文推薦 表單更新 6月起陸續更新表單的自訂主題，表單也可以選擇文字樣式（字型）了～ Google｜表單自訂主題選擇文字樣式 創意化表單 超簡單在Canv
歡迎入阮厝內逛逛....>>

【檔案下載】大榮貨運單列印託運單下載

作者： -
圖片
如果不常寄貨，量少的通常是用手寫的三聯複寫單，會有託運單流水編號的查貨號碼在上頭，可於寄貨站上手寫。若偶爾寄但又不想手寫，也可以取回空白的三聯托運單，再自己套表列印，至少寄件人不用重覆寫，簡單用電腦打字總比寫字快，重覆的客戶資料還可以留底備用，當然電腦強的還是可以  EXCEL 建立資料再至 WORD 套印，選擇一個自己最熟悉的方式即可。二者方式都可以提供，有需要的再留言和我說（別直接留 Email 嘿，會被看光） 最方便的當然是請大榮貨運來公司安裝託運軟體，再直接用託運貼紙貼上，大榮會提供點陣式印表機適用二側有洞的小貼紙，公司寄貨量大的，直接列印托運貼紙是最方便的。 可參考：  KTJ大榮貨運託運單列印及軟體操作運費說明 Kerry大榮貨運點陣式三聯複印託運單 新版 Kerry大榮貨運點陣式三聯複印託運單 套印結果 Kerry大榮貨運 印表套印結果 Kerry大榮貨運 印表機設定-邊界 Kerry大榮貨運 印表機設定-紙張 Kerry大榮貨運 印表機設定-版面配置 印表機 因為是複印式三聯，所以要有點陣式印表機 我套的是 EPSON LQ-690C WORD 部份都已設定好，若印表機邊界差異，就微調就好 EXCEL作為資料來源的
歡迎入阮厝內逛逛....>>

Canva｜商用問題

作者： -
圖片
Canva 可以商用嗎？很多人都會詢問這問題，這是很好的現象，創作意識要有，知道要遵守更是優秀的，所以這算是很常被問的問題，國外倒是不常見這問題。商用有好幾個面向，也很重要沒錯，就如字體是否可以商用一樣。會使用 Canva 這種設計軟體，很大部份是用在社群行銷，所以我們會理解那是一種商業行為，想要確認清楚是正確的。與其我簡單回答 Yes 或 No，你或許也還是會擔心，或者我用另外一種說明方式，應該比較好理解。 Canva 是代為提供一個平台，讓創作者販售他們設計的創作（包含元素／照片／音樂），所以很大部份的創作都是有價的，Canva 會標示金額在上面，當你使用那些需付費的創作，創作者可以收到 Canva 代付的使用者付費金額，所以若你有創作天份及設計能力，你也可以把自己的設計賣給 Canva，或所有其它網路平台，會用到設計的網站，只要你的創作符合  Canva 的要求，你也可以成為提供者，只要有使用者使用了你的創作，你就可以賺到收入。這也就是為何付費元素是免費版的 N 倍，每個人都不想無償供應，使用者付費很合理。 沒有訂閱 Canva Pro 者，若使用付費素材，會有如上的浮水印，你當然就無法拿去商用 使用範圍 若你是使用免付費元素（右下角會有標示免費字樣）那一樣是可以用在數位行銷 購買  Pro 版，才不會有浮水印，就可以使用付費元素在數位行銷 也就是說如果你使用 Canva， 經過你的設計 ，可以公開的在數位媒體和印刷上發表，没訂閱 Pro 版也可以使用免費元素在公開的商業行銷，但 不能單獨販售元素至其他平台，因為侵犯了創作者的利益 。一般性的商業行銷行為都可以。所有數位平台 PO圖文 、 印刷等。購買 Pro 版是為了花比較少的錢，無限次數的使用 Canva 的付費元素，一個設計你或許會用到 2-3個 1元美金的元素，一個月會用到幾個？若你一個月超過 10個，
歡迎入阮厝內逛逛....>>

KTJ大榮貨運託運單列印及軟體操作運費說明

作者： -
圖片
嘉里大榮物流託運軟體介面 貨運業是一份很吃重的工作，不僅工作時間長，各種不同的產品有些很重，也很費體力，尤其是疫情這段時間，大家減少出門，相對的網購貨運次數就多，貨運司機就更辛苦了，所以我們可以做好的前置作業，就不讓貨運司機困擾，把收貨人／寄件人／物品件數／物品重量／到貨時間都標示清楚，不僅對收件人好查找，也有利物流後續的作業。 託運單格式 寄貨量少的通常是用手寫的三聯複印單，會有託運單流水號編號的查貨號碼在上頭，於寄貨站上手寫。再多量一點，可以取回空白的三聯托運單，再自己套表列印於大榮提供的制式托運單上（我自己有做，有需求的留言告訴我，日後再寫來分享），雖然客戶資料可以用 Excel 與 Word 套印格式來套表，但還是有點麻煩。 最方便的當然是請大榮來公司安裝託運軟體，再直接用託運貼紙貼上，大榮會提供點陣式印表機適用二側有洞的小貼紙，公司寄貨量大的，直接列印托運貼紙就很方便。 Kerry大榮貨運點陣式三聯複印託運單 是否有再更新樣式我不確定 Kerry大榮貨運點陣式託運貼紙 這是電腦上套印資料的樣子 Kerry大榮貨運點陣式印表機適用  託運貼紙空白聯 三張一折  貨物追蹤查詢 KERRY嘉里大榮物流的託運軟體是我目前操作過的唯一，所以我不知道其他的物流介面是否更好，用這麼久的大榮物流託運軟體，老實說也沒有啥大問題，很方便，很好操作，沒後續的平台問題，託運代號在他的 網路查貨平台 也很方便看到貨品的流向，簡單平順就很棒。
歡迎入阮厝內逛逛....>>

支票套印

作者： -
圖片
格式套印 利用 Excel 和 Word 可以輕易地套印很多格式 但有些人不太常使用電腦 又有焦點性的需求 支票套印之前沒弄是因為工作上沒用到 少數需要的人會買打印機或手寫 剛好有網友私訊問我 也會有相對多數的人或許也需要 就簡單地弄一下格式 提供自由下載 但因為支票樣式各銀行都不太一樣 也有可以使用點陣式及整本的 我範例是使用合作金庫的支票去套印 套起來相當漂亮 有弄二種版本，依自身印表機選擇 1.點陣式　　　　　　　　　　　　　　　　 　2.噴墨式 其他銀行的就得有需求的人自行調整位置即可 （雖然不太好調） （我比較要求完美，得套到剛剛好，所以有點費工） 可以使用 3P/4P 那種透明的紙張先套好位置畢竟支票無法大量取得咩 改過幾次，考量會計財務很重視 千位數符號 ， 雖然以大寫為主，小寫處被偷加也沒用 但發揮處女座的精神還是修改成了最後版本 EXCEL 作為資料來源 若受票人空白則直接清空該儲存格(D 欄位 抬頭) 但要注意的是： 套印時也要 Enter 下一格 (受票人抬頭為空白時才需要) 或者是把有受票人抬頭和不押抬頭的用二個不同的 Word 檔案做，就不用改來改去 支票金額直接打阿拉伯數字大寫處有設定公式 為避免誤改，有設定保護 若有要異動，沒設密碼，直接取消工作表保護即可 （建議更改完還是再設保護，以免不小心改到） 使用點陣式印表機的設定參考 （我的是 EPSON LQ-680） 下圖為噴墨式印表機的設定參考 （我的是EPSON-L120） 友善下載：EXCEL 檔   支票套印範本 友善下載：WORD 檔   支票套印範本 - 點陣式印表機用 友善下載：WORD 檔   支票套印範本-噴墨式 印表機用 PS：沒有　DROPBOX帳號也可以直接下載 (忽略它的帳號輸入即可) 下載後先將EXCEL和 WORD決定好檔案置放處 第一次開啟 WORD 時會要求尋找資料來源 上圖按 "是&q
歡迎入阮厝內逛逛....>>

【Excel表格】簡易式銷貨憑單檔案下載

作者： -
圖片
Excel表格-簡易式銷貨憑單 之前分享的 EXCEL資料留言裏，偶有看到網友要索取空白的銷貨憑單，說實在的，我不太明白對方要的是什麼，通常公司會有套裝軟體，會有自己的銷貨單表格，或文具店買四聯空白收執聯。但我想想，或許也有較小的自營店，想要用電腦簡單記錄，我還真的有 form ，偶有 ERP 連線問題時，可以先出表格給客戶自取使用，所以簡單把公式代好，客戶資料／產品資料另做，若有需要的人，再留言和我說。 資料來源 檔案內含三個工作表 銷貨單： 主工作表格，大部份已代公式 客戶資料： 已格式化為表格，有新增資料直接插入一行或最末行 Enter，資料會代回銷貨單內         簡易式銷貨憑單-客戶資料              產品資料： 已格式化為表格，有新增資料直接插入一行或最末行 Enter，資料會代回銷貨單內   公式說明 A1 儲存格是代客戶簡稱（參考最上圖），已預做清單可以點選，清單來源為 客戶資料 的簡稱＝B欄，覺得自己打字比較快的，可以直接打在 A3 儲存格（但公式會被改掉就要再自己重設 A3＝A1）。 常態性客戶可以把資料留在客戶資料工作表中，點選簡稱則銷貨單據上的地址和聯絡電話會一併代出，若偶一為之的客戶，也可建一個其他客戶不代資料的，沒有聯絡資訊則會代空白。 出號單號有代公式：用前綴字元＋日期的格式＋單號 S2 儲存格。以下圖為例：公式 fx ＝黃底處  CP （可以任意更改為其他 ）＋1100801+後三碼
歡迎入阮厝內逛逛....>>