Oscar Chuang

Oscar Chuang

WordPress 建立頁面和發布內容:古騰堡編輯器(Gutenberg)

WordPress 預設的網頁編輯工具是 「古騰堡編輯器」(Gutenberg)。自從 WordPress 5.0 版本推出以來,古騰堡編輯器成為了預設的編輯工具,取代了之前的經典編輯器(Classic Editor)。 古騰堡編輯器的主要特點包括: 1. 區塊(Blocks)系統:內容被分割成不同的區塊,如段落、標題、圖片、影片、按鈕等。這使得內容的編排和設計更加靈活和直觀。 2. 即時預覽:在編輯內容的同時,可以即時看到最終的展示效果,減少來回切換的時間。 3. 可擴展性:開發者可以創建自訂區塊,擴展編輯器的功能,以滿足不同網站的需求。 4. 響應式設計:古騰堡編輯器支援響應式設計,確保在各種裝置上都有良好的顯示效果。 如何創建頁面 在控制框中找到「頁面 」→ 「 新增頁面」。 如果你還沒安裝許多外掛的話,畫面中會比較簡潔,大概可以分成: * 標題 * 內容 * 頁面、塊設定

By Oscar Chuang

性能優化:如何提昇 Wordpress 網站速度和使用體驗

優化 WordPress 網站的速度,不僅能顯著提升用戶的體驗,還能改善 SEO 排名並降低跳出率。 在大叔的經驗中,讓用戶停留閱讀我們文章,第一件重點就是我們:「WordPress 網站的速度」。例如說,我進入一個網站,結果等了 3 秒、5 秒、 10 秒,中間的圈圈還在轉轉轉,畫面一片空白,那一定會離開。 根據Google的研究,有 50 %的使用者會在網頁無法在 3 秒內讀取時離開,而最大的原因取決於主機的速度,當然用戶的網路速度也很重要,但這我們無法計算。 😈 簡單來說,網站順不順暢和使用者的體驗有很大的關係,所以優化 WordPress 的性能就是一個重要的工作。我們需要通過考慮主機、插件、主題、圖像、和內容管理系統的各個方面,才能有效提高網站的性能和用戶滿意度,例如: * 使用效能高的主機。 * 使用快取插件提升網站載入速度。 * 壓縮圖片大小,使用工具如 Smush。

By Oscar Chuang

Wordpress 安全維護:如何打造安全性 100 分的網站

安全性是網站設計中不可忽視的核心要素。 WordPress 是目前最受歡迎的內容管理系統之一,由於其廣泛的普及性,使得它成為駭客攻擊的常見目標。 儘管 WordPress 本身具有一定的安全性,但加強安全措施可以大幅度降低網站被攻擊的風險,並確保網站和用戶數據的安全。 做為一家企業,對於公司的安全性是零容忍,但是實體企業我們可以安裝監視器、聘請保全,但在網上的網站,要如何保障用戶數據和交易安全呢? 我們將從不同角度探討如何確保網站的安全性,幫助大家在建立網站時能夠更有信心。 WordPress 的安全現狀 * 開源性:WordPress 是開源的,這意味著任何人都可以查看其源代碼並尋找漏洞。這既是一個優點,因為有大量開發者在改善其安全性,但也使它成為駭客研究的對象。 * 插件和主題漏洞:許多 WordPress 網站的安全問題來自於第三方插件和主題的漏洞。一些插件和主題沒有經過安全審核,可能帶來潛在的安全威脅。 * 廣泛使用:WordPress 是世界上最受歡迎的 CMS 系統,因此成為攻擊者的主要目標。通過常見的攻擊方式如暴力破解、SQL 注入、跨站腳本攻擊(XS

By Oscar Chuang

網站經營不佳? Elementor 對我網站帶來的改變

網站經營不利? Elementor 對我的網站帶來改變 在我經營網站的第一年,流量一直上升不上去。 這問題我思考很久,最關鍵的問題就是「網站速度」。 那時候,我使用的是 Avada 付費主題,Avada 是不錯的主題,有許多的 5 星評價,但是對於新手而言,這類的主題過於強大所以會讓主機變慢,那時候我還只是使用 10 美金一個月的便宜主機。 我們在 2021 年 1 月開始使用全面改使用 Elementor Pro 網頁編輯器,以及他們的 Hello 主題。 使用 Elementor 幾個月後,網站有了明顯的成長: * 排名和點擊曝光也上升 * 停留時間上升 * 排名靠前 很明顯地網站變快,所以瀏覽文章的體驗也改善,而且我可以花更多時間投入在「內容」上。 現在,我一個月 lashiblog.com 網站的費用已經是

By Oscar Chuang

什麼是

有些改變,總讓人不知所措,但或許正是這樣的變故,才教會我們如何面對生活的未知。 髖關節置換手術至今已經快兩個月了,日常生活基本恢復正常,走路散步隨心所欲,上下樓梯雖然還有些挑戰,但總體來說進展順利,真的很感謝。 能夠這麼快回到日常,不只是運氣好,還因為我認真做了不少復健練習。 所以今天想站在一個過來人的角度,和大家聊聊髖關節置換手術,以及術後復健的成果與我的復健計畫。 至於我為什麼會接受手術?歡迎看看這篇: 數位遊牧者在花蓮的短居生活:自然美景、自由工作與意外挑戰全紀錄 什麼是髖關節置換手術? 髖關節置換即是將損壞了的髖關節換上人工關節。 髖關節手術是一種用來修復或更換受損髖關節的外科手術。髖關節是一個球窩關節,由髖臼(骨盆的一部分)和股骨頭(大腿骨的球形末端)構成。 ▼ 由香港骨科資訊提供 https://www.bone.com.hk/髖關節手術/治療-手術/全髖關節置換手術/ 在髖關節手術中,常見的手術方式包括: 1. 髖關節置換術(Hip Replacement Surgery):這是最常見的一種髖關節手術,特別是對於那些髖關節因為關節炎、骨折或其他病變

By Oscar Chuang

如何擺脫平台演算法的不穩定性? 透過 Notion 表單提升寫作收益

寫作者經常面臨這樣的困境:儘管每天努力創作,收入卻無法穩定。廣告分潤不理想,演算法不斷變化,使得依靠平台變現越來越困難。 經過我五年的寫作經驗,我逐漸意識到,要想增加收入,就必須打造自己的內域流量。這樣才能提高轉換率,建立起與讀者更親密的關係,真正掌握主動權。 最近,Notion 推出了他們自行開發的 Notion 表單,讓創作者有了一種新方式來開發和收集名單。因此,這篇文章我將與你分享,如何使用最新的 Notion 表單在文章後方打造表單,並透過表單來建立內域流量,以及這些方法帶來的結果。 私域流量是什麼? 私域流量指的是能直接與創作者建立聯繫的受眾流量,通常來自創作者自己經營的平台,例如電子報、社群媒體或個人網站。 這些流量不依賴第三方平台的演算法,創作者可以直接與受眾互動,並提供有價值的內容,這樣的互動方式有助於提高讀者對創作者的忠誠度和轉換率。 對寫作者來說,建立內域流量能夠減少對外部廣告分潤的依賴,增加收入的穩定性。 建立你的第一個 Notion 表單 Step1. 輸入 /form 找到 Database 底下的 Form 功能,點擊進入。

By Oscar Chuang

如何使用 Elementor Pro 打造動態內容? Header | Preloader | Form | Popup

如何使用 Elementor Pro 的主題編輯器建立一個 Header? Header 是網站的頂部部分,通常包含了標題、標誌、導航菜單等元素。 它是網站的重要組件,用於引導用戶、展示品牌和提供導航功能。 通過使用 Elementor Pro 的 Header 主題編輯器,你可以輕鬆地設計和自定義獨特而精美的標頭,以提升網站的視覺吸引力和用戶體驗。 如果要用 Elementor Pro 來打造自己風格的 Header 的話,可以這樣做。 Step1.開啟 Elementor Pro 主題建構器 從 WordPress 的後台點擊 Elementor → 主題建構器 。 如果你找不到「主題建構器」的功能不要害怕,你不是中毒了,主題建構器是 Elementor Pro 其中一項功能,你必須安裝 Pro 版本以及認證許可證 ( License

By Oscar Chuang

你的網站在手機跑版了嗎?如何使用 Elementor 打造 RWD 響應式網頁設計

跑版是很多網頁設計常見的問題,特別是用 WordPress 設計的頁面,像是我的網站(笑)。 常常因為時間有限,或是對網頁設計的概念不夠深入,導致沒有注意到不同裝置的呈現效果差異很大。 Elementor Pro 提供了一個很方便的方式,讓我們可以輕鬆地切換裝置,打造 RWD 響應式網頁設計。 響應模式(RWD) 是什麼? RWD(Responsive Web Design)是一種讓網頁可以自動適應不同裝置螢幕尺寸的設計方式。無論是桌機、平板還是手機,RWD 都能確保網站的版面和功能在各種螢幕上都能正常運作。 這樣的設計能讓我們只需設計一次,就可以確保網站在任何裝置上都有良好的使用體驗。 因此,響應式設計的目的就是要讓網站在不同的行動裝置上,都能夠呈現出我們期望的視覺效果,讓使用者在任何地方都能夠輕鬆地獲取所需的資訊。 Elementor Pro 提供響應模式設計,讓我們可以針對「平板」、「手機」來修改樣式。怎麼做呢? 只要在左側下方找到「響應模式」的圖示,然後點擊。 右側上方就會出現「電腦」、「平板」、「手機」

By Oscar Chuang

如何停止自我內耗?你可能一直在錯誤地折磨自己,而解決方法其實簡單得讓你意想不到!

網路上常看到「内耗型人格」,它們有一些特點,像是: * 內耗型人格的人,內心多半都相當敏感,很容易放大解讀他人對自己的看法或意見。 * 內耗型人格的人,很多都是完美主義者,不過因為過度追求事事完美,反而會讓自己很心累。 甚至還有内耗排行榜 TOP:INFJ、INFP ,完美結合 MBTI。 你會發現,這些內耗好像都來自於他人、家人、甚至是陌生人,所以應該是來自外部的消耗,怎麼會稱之「内耗」,應該叫「外耗」才對吧! 社會學家查爾斯說過:「我不是你以為的我;我不是我以為的我;我是我以為你以為的我。」( I am not who you think I am; I am not who I think I am; I am who

By Oscar Chuang

泰國清邁短居行前準備:如何準備、申請國際駕照和管理兩個月生活開支?

去泰國清邁短居兩個月,我們需要準備什麼?如何租機車?要帶多少錢?還有,怎麼申請國際駕照,有哪些需要注意的小問題? 從花蓮回來快一個星期了,我的下一站就是泰國清邁。 之前在花蓮出了點意外,不小心動了手術,也在醫院住了幾天。我原以為清邁的計畫會因此被推遲,但沒想到恢復得還不錯,加上找不到更好的時間點,所以還是決定按照原計劃出發。 這次我們要在清邁住兩個月,時間算是比較長了。短居海外和在台灣有些不同。在台灣,如果少了什麼,走去附近的便利商店或全聯就能輕鬆補齊。但在海外,比如泰國,有許多東西是不能隨身攜帶上飛機的。雖然可以選擇托運或者海外寄貨,但這些差異讓我們需要事先做好更周全的準備。 我們的風格還是偏向簡單,兩個人打算只各帶一個後背包和一個 20 吋的行李箱。幾件換洗的衣物後,行李箱剩下的空間其實不多,但這也提醒著我們: 旅行的樂趣,在於體驗當下,不在於擁有多少物品。 為了方便行動,我們決定長租一台機車。以前在泰國旅行時,常看到許多外國人租機車,這幾年這種方式越來越普遍,畢竟租金便宜、行動自由,而且租借手續相當簡單。 接下來要解決的問題就是「錢」。在國外住兩個月,我們需要多少錢

By Oscar Chuang

WooCommerce 教學指南:基本設定簡介

完成安裝、物流金流設定後,還有一些設計我們可以看一下。 在 WooCommerce 中,設置功能非常重要,它能幫助你設定你的網店的所有基本和進階設定。 在管理頁面中,你可以看到左側欄目有一個名為「設定」的選項,這裡包含了關於商店的很多設定部分。 一開始可能會有點複雜,但不用擔心。因為設定都可以修改,那我們就一步一步地完成它吧。 以下是一些 WooCommerce 設定中的主要部分: 1. 一般設定: * 設置商店的基本資訊,比如商店地址、銷售地區、貨幣等。 2. 產品設定: * 管理產品頁面,包括產品的尺寸單位、評論設定以及庫存管理。 3. 運送方式: * 設定運送地區和費用的選項,可以根據不同地區設定不同的運費方案。 4. 付款: * 管理可供客戶選擇的付款方式,像是信用卡、銀行轉帳、第三方支付平台等。 5. 帳號及隱私權: * 設定客戶帳號的註冊和登入方式,以及管理客戶的隱私設定。 6. 電子郵件: * 在這裡你可以設定系統發送給客戶的各類通知,比如訂單確認、發票等。

By Oscar Chuang

你收到了新的訂單卻從未收到通知嗎?如何在 WordPress 中設定 SMTP 讓你的電子郵件順利發送 | 以 Gmail 為例

你可能很好奇,你有一個網站販售你的商品,收到了新的訂單卻從未收到電子郵件通知,因為你少了 SMTP 設定。 在先前的 WordPress 和 WooCommerce 文章中,可能會提到電子郵件通知的功能,像是 WooCommerce 中新訂單的通知,或是 WordPress 的表單訂閱的電子郵件通知。 你發現不管你怎麼做,都不曾收到信。其實網站不會自己寄信給你,因為它並沒有自己的信箱,所以我們為了讓讀者有機會看到我們,還要透過 SMTP 服務連接我們自己的信箱,像是 GMAIL。 SMTP 是什麼? SMTP(Simple Mail Transfer Protocol,簡單郵件傳輸協定)是一種用於在電子郵件伺服器之間傳送電子郵件的協定。它是互聯網郵件系統的基礎,負責處理從寄件人到收件人的電子郵件傳輸。 SMTP 是應用層協議,運行在 TCP(傳輸控制協定)之上,通常使用埠號 25(或在某些情況下使用 587 來提供加密連線)

By Oscar Chuang