WordPress 教学

如何使用 WordPress 線上銷售汽車零件(逐步指南)

最佳網站建設工具來線上銷售汽車零件是什麼?

有許多網站建設工具可以用來線上銷售汽車零件,但我們推薦使用 WordPress。根據我們的部落格研究統計,WordPress 是世界上最受歡迎的網站平台。它幾乎驅動了 43% 的網站,包含許多頂尖的電子商務網站。WordPress 是開源且免費的,所以你可以得到更高的利潤率。

然而,請注意有兩種類型的 WordPress 軟件。第一種是 WordPress.com,這是一個部落格託管平台。其次是 WordPress.org,也稱為自託管的 WordPress。我們推薦使用 WordPress.org 來建立電子商務網站,因為它讓你完全擁有你的网站和在線商店。你還可以安裝第三方插件,包括流行的 WooCommerce 電子商務插件。

步驟 1:設立你的汽車零件網站

要開始線上銷售汽車零件,你需要有一個域名和網頁託管。建議選擇 Bluehost,他們為我們的讀者提供了高達 60% 的網頁託管費用減免,還有免費的域名和 SSL 憑證。

步驟 2:建立一個新的 WordPress 網站

如果你使用我們的連結註冊 Bluehost,Bluehost 將會自動在你的域名上安裝 WordPress。如果沒有發生,你可以登入 Bluehost 控制面板並選擇 ‘添加網站’。

步驟 3:選擇一個 WordPress 主題

WordPress 主題是專業設計的模板,可以改變你網站的外觀。建議選擇專為汽車行業設計的主題,或者使用 SeedProd 這樣的拖曳式頁面建設工具來自訂頁面。

步驟 4:建立自訂首頁

我們建議創建一個自訂首頁來介紹你的汽車零件業務。可以參照我們的指南來學習如何在WordPress 中創建自訂首頁。

步驟 5:設置電子商務插件

WordPress 沒有內置的電子商務功能,因此需要使用插件來線上銷售汽車零件。我們推薦使用 WooCommerce,這是最流行的電子商務插件。

步驟 6:設置運輸方式

可以在 WooCommerce 設置中添加運輸選項。

步驟 7:設置支付方式

到 WooCommerce 設置頁面並選擇支付選項。

步驟 8:創建產品屬性和屬性術語

在產品頁面上添加變數產品,使客戶可以選擇多種變化。

步驟 9:添加汽車零件產品

手動添加產品,或者從模板、CSV 文件或其他服務中導入。

步驟 10:添加聯絡表單

推薦使用 WPForms 插件來創建聯絡表單,並將其添加到任何頁面、文章或小工具區域。

步驟 11:添加導航菜單

添加導航菜單來幫助訪客導航你網站上的頁面和文章。

步驟 12:創建智能 WooCommerce 產品搜索

使用 SearchWP 來替換預設的搜索功能,提供更智能更快的產品搜索。

步驟 13:顯示客戶評論

使用顯示客戶評論插件,如 Smash Balloon Reviews Feed Pro 來顯示來自 Google、Facebook 和 Yelp 的評論。

希望這篇教程能幫助你學會如何使用 WordPress 線上銷售汽車零件。如果你喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取更多的 WordPress 影片教程。你也可以在 Twitter 和 Facebook 上找到我們。

Read More
WordPress 教学

如何移除WordPress仪表盘中的欢迎面板

移除WordPress仪表盘中的欢迎面板

欢迎面板是WordPress管理仪表盘中的一个元盒,显示了通往你网站不同部分的快捷方式。其目的是帮助新手熟悉WordPress。但随着你对这些位置的熟悉度增加,这个面板会变得不那么实用。

显示在屏幕上的欢迎面板会将其他重要的仪表盘小工具推到页面底部,使其不那么明显。

为什么要移除WordPress中的欢迎面板?

很多用户发现这个面板在一段时间后变得无用,并且会使仪表盘显得杂乱,妨碍重要任务的进行。让我们看看如何轻松地将其从WordPress仪表盘中移除。

从WordPress仪表盘移除欢迎面板

有多种方法可以隐藏甚至完全移除欢迎面板。最简单的方式是点击面板右上角的“关闭”按钮。

你也可以通过点击屏幕右上角的“屏幕选项”按钮来移除欢迎面板。这将出现一个下拉菜单,你需要取消选中“欢迎”选项旁的复选框。

以上两种方法都能隐藏欢迎面板。你可以通过再次点击“屏幕选项”按钮,并选中“欢迎”选项旁的复选框来重新访问它。不过,也有一种方法可以完全移除欢迎面板,即使在屏幕选项中也不显示。

这种方法需要你向WordPress站点添加代码。如果你之前没有这样做过,可以查看我们关于从网络复制代码段到WordPress的指南。

remove_action('welcome_panel', 'wp_welcome_panel');

你需要将这段代码添加到你的主题的functions.php文件或一个代码片段插件中。为了更简单的操作,你可以使用WPCode,这是最佳的WordPress代码片段插件。WPCode插件拥有一个完整的代码库,你可以在其中找到已验证的、可直接使用的PHP代码片段,如移除欢迎面板、移除WordPress版本号、禁用评论等。

如何使用WPCode插件

首先,你需要安装和激活免费的WPCode插件。如果你需要帮助,请参阅我们的教程——如何安装WordPress插件。插件激活后,进入WordPress管理仪表盘的Code Snippets » Library。然后搜索’移除仪表盘欢迎面板’代码片段,并点击’使用片段’按钮。WPCode会自动添加代码片段,并选择合适的插入方式。

你只需要将开关从’未激活’切换到’激活’,然后按下’更新’按钮。现在你可以访问仪表盘屏幕并点击屏幕选项菜单,你会发现欢迎面板选项将不再对所有用户可用。

就这些了。我们希望这篇文章帮助你移除了WordPress仪表盘中的欢迎面板。你也可以查看我们整理的提升WordPress管理区域的技巧以及我们精选的最佳WordPress登录页面插件。

Read More
WordPress 教学

如何在WordPress中显示查询数和页面加载时间

如何在WordPress中显示查询数和页面加载时间

有用户询问,如何在其他网站的页脚中显示查询数和页面加载时间。你经常会在网站的页脚中看到类似的信息:“64个查询,耗时1.248秒”。在本文中,我们将向您展示如何在WordPress中显示查询数和页面加载时间。

在主题文件中添加代码

只需将以下代码粘贴到您的主题文件的任何位置(例如 footer.php):

<?php echo get_num_queries(); ?> 个查询,耗时 <?php timer_stop(1); ?> 秒。

然后刷新页面,你将看到查询数和执行时间。

Read More
WordPress 教学

如何修復WordPress中的’ERR_SSL_VERSION_OR_CIPHER_MISMATCH’錯誤

什麼是ERR_SSL_VERSION_OR_CIPHER_MISMATCH錯誤?

我們建議所有擁有WordPress網站的人安裝SSL證書。這可以幫助確保您的網站數據安全。

SSL證書提供必要的安全連接,如果您想在在線商店中接受付款,還有其他方式保護您的用戶。

SSL代表‘安全套接層’,而TLS代表‘傳輸層安全’協定。這些協定依賴證書告知用戶他們正在與哪個網站進行通信的身份。

訪問安全網站時,您的瀏覽器會自動檢查SSL證書是否有效且最新。同時還會檢查使用的協定版本。

如果出現問題,您會看到像ERR_SSL_VERSION_OR_CIPHER_MISMATCH這樣的SSL錯誤消息。

這個錯誤消息出現時說明您的瀏覽器不認可所使用的SSL協定版本或SSL證書配置不正確。這可能發生在用戶使用了無法識別最新TLS協定的過時瀏覽器時,也可能因為網站的SSL證書或軟件過時或不匹配。

如何修復ERR_SSL_VERSION_OR_CIPHER_MISMATCH錯誤

掃描您的網站以查找SSL錯誤

第一步是掃描您的WordPress網站以查找SSL錯誤。這樣可以幫助您識別可能導致‘ERR_SSL_VERSION_OR_CIPHER_MISMATCH’錯誤的問題。

最簡單的方法是使用Qualys SSL Labs SSL服务器測試等在線工具。只需輸入網站域名,然後點擊‘Submit’按鈕。

這將進行全面測試,幾分鐘後您將看到關於站點SSL證書的詳細報告。

您的網站使用了過時的TLS 1.0,TLS 1.1或RC4密碼套件

舊版本的TLS協定如TLS 1.0和TLS 1.1不應再使用,因為它們存在安全問題,現代瀏覽器已停止支持它們。同樣,RC4密碼套件已被發現不安全,不應使用。

如果您的網站使用這些過時版本,請聯繫您的托管提供商,讓他們啟用TLS 1.2或TLS 1.3。您還需要切換到AEAD密碼套件(AES-GCM)。

您的網站有SSL證書名稱不匹配

因為SSL證書證明您的網站是它所聲稱的,證書上的域名必須與您的網站域名匹配。如果它們不同稱之為‘SSL證書名稱不匹配’。

當您在SSL報告中看到此錯誤時,它會列出可能的原因:

  • 網站不使用SSL但與其他使用同一IP地址的網站共享IP地址。
  • 網站不再存在,但域名仍指向舊IP地址,該地址上現在托管著另一個網站。
  • 網站使用不支持SSL的內容傳遞網絡(CDN)。
  • 域名是另一個網站的別名,主要名稱不同,但別名未包含在證書中。

此錯誤可能是您的SSL设置问题。請參閱我們的初學者指南,了解如何正確地將WordPress從HTTP移動到HTTPS,以及如何設置SSL正確運行。特別要確保您的SSL證書工作於使用的所有變體(或別名)域名,包括www和非www網址。

另一個解決方案是重定向訪問者到正確的域名變體。例如,如果您的SSL證書有網址‘https://www.example.com’,那麼可以重定向‘https://example.com’到該地址。或者查看我們的文章了解如何設置重定向。

當網站不是問題時

如果網站沒有問題,那麼錯誤是由於您的計算機上的軟件引起的。很可能是您使用了一個過時的Web瀏覽器,或您的防病毒程序導致了此錯誤。

您可以按照以下步驟進行故障排除。

將您的Web瀏覽器更新到最新版本

如果您使用的是過時瀏覽器,如Internet Explorer或舊版本的現代瀏覽器,您可能會看到此錯誤。這是因為舊軟件是在最新版本的TLS協定出現之前編寫的,無法識別它們。

在這種情況下,您只需切換到最新版本的現代瀏覽器,如Google Chrome。如果不能更新瀏覽器版本,如仍在使用Microsoft Windows XP的舊操作系統,您可以在瀏覽器中啟用最新版本的TLS。

例如,在Google Chrome中,您可以在地址欄中輸入chrome://flags,搜索‘TLS 1.3’並啟用該選項。在Firefox中,您應該在地址欄中輸入about:config,搜索TLS,然後將security.tls.version.max值設為4。

清除您的瀏覽器緩存和SSL緩存

如果這樣做之後仍看到錯誤消息,您可以採取一些其他故障排除措施。首先是刪除瀏覽數據和cookies。請參閱我們的指南,了解如何在所有主流瀏覽器中清除緩存,也涵蓋了如何清除cookies。

在Windows上,您還可以清除SSL緩存。這可能存儲有關試圖訪問的網站的過時SSL信息。您可以打開‘Internet Options’只需在‘開始’菜單中搜索它。現在切換到‘Contents’標籤並點擊‘Clear SSL state’按鈕。

臨時禁用您的防病毒軟件

最後,您的防病毒或防火牆軟件可能配置不正確,這有時會導致出現‘ERR_SSL_VERSION_OR_CIPHER_MISMATCH’錯誤。

如果您的軟件具有自動SSL掃描功能,您可以嘗試將其關閉。否則,您需要臨時禁用防病毒軟件。之後您可以嘗試再次訪問網站。

如果在禁用防病毒軟件後可以訪問,您可以聯繫防病毒公司的技術支持團隊,或者切換到更具信譽的應用程序。

我們希望這個教程幫助您修復了WordPress中的‘ERR_SSL_VERSION_OR_CIPHER_MISMATCH’錯誤。您可能還想查看我們的完整WordPress安全指南或我們推薦的最佳WordPress安全插件,來進一步保護您的網站。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道,獲取更多WordPress視頻教程。您也可以在Twitter和Facebook上找到我們。

Read More
WordPress 教学

如何修复 WordPress 中的“另一个更新正在进行中”错误

为什么会出现“另一个更新正在进行中”的错误?

当后台正在运行核心 WordPress 更新时,如果用户尝试启动另一个更新过程,通常会出现此消息。在核心更新过程中,WordPress 会自动在你的 WordPress 数据库上设置一个更新锁定。这个数据库锁定会防止你在网站上运行同时更新,因为同时更新可能会导致 WordPress 错误或破坏重要数据。

该消息设定为在15分钟或更新过程完成后自动消失。然而,如果你仍然被这个消息困住,那么你将需要手动删除它。

修复 WordPress 中的“另一个更新正在进行中”错误

当你遇到“另一个更新正在进行中”错误时,你需要从 WordPress 数据库中删除“core_updater.lock”文件。最简单的方法是使用 phpMyAdmin。

注意:在对数据库或 WordPress 主题文件进行更改之前,最好先使用像 Duplicator 这样的插件创建完整的网站备份。

步骤

首先,你需要登录到 WordPress 托管账户的 cPanel 仪表盘,并导航到 phpMyAdmin。我们使用的是 Bluehost,所以如果你使用的是其他托管公司,屏幕看起来可能会有所不同。如果你在托管仪表盘中没有看到任何 phpMyAdmin 选项,则应联系托管公司的支持部门以获取帮助。

从你的 Bluehost 仪表盘,你需要导航到“网站”选项卡。然后,点击出现错误的网站的“设置”按钮。

接下来,向下滚动到快速链接部分,然后点击“phpMyAdmin”。

这将启动 phpMyAdmin 应用程序,你需要在其中选择你的 WordPress 数据库。一旦你点击你的数据库,它将显示其中的所有表格。然后,你需要点击 WordPress 选项表(wp_options)旁边的“浏览”按钮。

这会显示选项表中的所有行。你需要找到选项名称为“core_updater.lock”的行,并点击其旁边的“删除”按钮。

现在,phpMyAdmin 将自动从你的数据库中删除该行。当你回到 WordPress 网站时,“另一个更新正在进行中”错误将消失,你可以继续更新你的网站。如果你仍然看到其他错误,可以查看我们的 WordPress 错误排除初学者指南以获取更多帮助。

我们希望这篇文章能帮助你学习如何修复 WordPress 中的“另一个更新正在进行中”错误。你可能还想看看我们的文章,了解如何修复 WordPress 更新失败错误或者阅读我们关于如何加速 WordPress 网站的终极指南。

Read More
WordPress 教学

如何在WordPress中更改分類基礎前綴

如何在WordPress中更改分類基礎前綴

更新於2022年7月5日 | 編輯部作者 | 審閱者:Syed Balkhi

編者注:我們通過WPBeginner上的合作連接賺取佣金。佣金不會影響我們編輯的觀點或評價。了解更多關於編輯過程的信息。

您是否想要在WordPress中更改分類基礎前綴?

WordPress默認會自動為所有分類頁面添加 /category/ 作為URL前綴。然而,您可以輕鬆更改分類基礎前綴或完全刪除它。

在這篇文章中,我們將向您展示如何在WordPress中更改分類基礎前綴。

什麼是分類基礎前綴?您應該更改它嗎?

每個分類在您的WordPress網站上都有其自己的頁面和RSS feed。您可以訪問這些分類歸檔頁面來查看所有屬於該分類的文章。

默認情況下,WordPress會在分類頁面的URL中添加‘category’作為基礎前綴,這有助於區分頁面和分類或標籤歸檔。

例如,如果您有一個名為‘新聞’的分類,其URL會顯示如下:

http://example.com/category/news/

同樣,WordPress也會在標籤歸檔的URL中添加標籤前綴:

http://example.com/tag/iphone/

這種SEO友好的URL結構幫助用戶和搜索引擎了解訪問的頁面類型。

大多數網站無需更改基礎前綴。然而,如果您創建的是一個利基網站,並希望使用不同的詞語或短語作為分類名稱,可以更改分類基礎前綴來反映這一點。

在WordPress中更改分類基礎前綴

在WordPress中更改分類基礎前綴非常簡單。

您需要從WordPress儀表板訪問 設定 » 固定連結 頁面,然後向下滾動到‘可選’部分。

在‘分類基礎’字段中,輸入您希望使用的前綴。您也可以更改標籤基礎前綴。

例如,您可以將新的前綴設為‘topics’,這樣您的分類URL將顯示為:

http://example.com/topics/news/

別忘了點擊‘保存更改’按鈕以存儲您的設置。

從URL中移除分類基礎前綴

許多用戶問我們如何從WordPress URL中完全移除分類基礎前綴。這將使您的分類URL看起來如下:

http://example.com/news/

我們不建議這樣做,因為分類基礎前綴有助於用戶和搜索引擎區分文章/頁面和分類。移除前綴會使您的URL變得模糊,對用戶體驗或WordPress SEO都不利。

此外,您可能會遇到與各種WordPress插件相關的技術問題。例如,如果您有一個分類名稱和頁面名稱相同,或使用%postname% 作為單文章的URL結構,您的網站將出現無限重定向循環,導致頁面無法加載。

然而,如果您仍然希望這麼做,您可以使用All in One SEO (AIOSEO) 插件。

這是最佳的WordPress SEO插件,讓您輕鬆優化網站。它還讓您只需點一下按鈕就能移除分類基礎前綴。

在本教程中,我們將使用AIOSEO Pro版,因為它包含了移除分類基礎、重定向管理器和鏈接助手等強大功能。另外還有免費版的AIOSEO可供使用。

首先,您需安裝和啟用AIOSEO插件。更多詳情請參閱我們的插件安裝指南。

激活後,您會看到AIOSEO設置嚮導。只需點擊‘開始設置’按鈕。您可以參閱我們的AIOSEO設置指南了解更多信息。

接下來,從WordPress管理面板轉到All in One SEO » 搜索外觀,點擊‘分類’標籤。

然後,在‘分類’區域切換到‘高級’標籤。從這裡簡單點擊‘移除分類基礎前綴’選項的開關以設為‘是’。

完成後別忘了點擊‘保存更改’按鈕。

更改分類基礎前綴後設置重定向

如果您在新建的WordPress網站上更改或移除分類基礎前綴,則不需做任何操作。但如果您在已有的網站上這麼做,訪問舊分類頁面的用戶會看到404錯誤。

為了修復此問題,您需要設置重定向,確保搜索引擎和普通訪客正確重定向到您的網站新分類頁面。

設置WordPress重定向的最簡單方法是使用All in One SEO (AIOSEO) 插件。

首先,從WordPress管理面板轉到All in One SEO » 重定向並點擊‘激活重定向’按鈕。

激活後,您可以進入‘重定向’標籤設置重定向。

只需在‘來源URL’字段中輸入您想要重定向的URL,並在‘目標URL’字段中輸入新的鏈接位置。

至於重定向類型,您可以從下拉菜單中選擇‘301永久移動’。這將永久將您的舊分類頁面移至新的目標。

完成後別忘了點擊‘添加重定向’按鈕。

更多詳情,請參閱我們的301永久重定向初學者指南。

現在,所有用戶和搜索引擎將被重定向到使用新的分類前綴的正確URL。

我們希望這篇文章幫助您了解如何在WordPress中更改分類基礎前綴。您可能還想查看我們的WordPress提示、技巧和黑客列表,以及如何開始一個線上商店。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道獲取WordPress視頻教程。您還可以在Twitter和Facebook上找到我們。

Read More
WordPress 教学

如何使用Google Analytics在WordPress中添加滚动深度追踪

为什么要在WordPress中追踪用户滚动?

通常,用户想要查看预览屏幕下方的内容时会进行滚动。滚动是一种所有用户都会执行的主要活动。这使得滚动深度追踪成为衡量用户参与度的重要指标。此外,它还能为你提供大量的用户交互洞察,帮助你优化页面以达到最佳长度。

例如,你可以找出平均用户在查看你的网站时滚动了多远,他们最喜欢哪些长篇文章,是什么让他们失去了兴趣,等等。利用这些洞察,你可以优化页面以获得更高的用户参与度和转换率。

在WordPress中追踪Google Analytics滚动深度

Google Analytics是谷歌提供的一款免费网络分析工具,帮助你更好地了解网站访客。它允许你追踪访客是谁,他们来自哪里,他们访问了哪些页面,在这些页面上停留了多长时间,滚动了多远等等。

Google Analytics默认追踪基本的指标,如总页面浏览量、总访客数、热门页面等。对于滚动深度、电子商务追踪、表单提交、文件下载、事件追踪等高级指标,Google Analytics需要你设置自定义追踪。

在WordPress中使用MonsterInsights添加滚动深度追踪

MonsterInsights是最受欢迎的WordPress Google Analytics插件。超过300万专业人士使用它来获得可操作的洞察,以增长他们的业务。它帮助你轻松在WordPress网站上安装Google Analytics,无需使用任何代码。MonsterInsights消除了猜测,通过易于初学者理解的报告展示数据。你可以快速了解网站的表现,并做出数据驱动的决策。

此外,MonsterInsights还允许你一键启用高级追踪功能,如电子商务追踪、文件下载、联盟链接、表单追踪等。MonsterInsights默认启用了滚动深度追踪,这意味着你甚至不需要配置任何设置。你只需要设置MonsterInsights插件即可。

首先,你需要安装并激活MonsterInsights插件。有关更多详细信息,请参阅我们的分步指南,了解如何安装WordPress插件。

激活后,你会看到MonsterInsights设置向导。只需按照屏幕上的说明将Google Analytics与你的WordPress网站连接起来。

接下来,你可以进入Insights » Settings页面,然后点击“Engagement”标签,如下图所示,你会看到滚动跟踪选项默认开启。

MonsterInsights会在你的访客向下滚动页面时在Google Analytics中触发事件。它将追踪25%、50%、75%和100%的滚动深度。

你可以通过进入MonsterInsights Publisher报告,在你的WordPress管理区域内看到滚动追踪统计数据和其他有用的统计数据。只需前往Insights » Reports,然后点击“Publishers”标签。

接下来,你可以进入“Average Scroll Depth”部分,百分比将显示给定日期范围内用户平均滚动了多远。

你可以使用滚动深度数据来优化页面以获得更多的转换。它为你提供了访客与内容互动的更清晰的画面,帮助你决定放置重要的号召性用语、广告等的最佳位置。

在Google Analytics中查看用户滚动数据

现在你已经通过MonsterInsights设置了滚动追踪,你也可以在你的Google Analytics账户中查看报告。我们将向你展示如何在Google Analytics 4和Universal Analytics中查看数据。

在Google Analytics 4中查看滚动深度追踪数据

你可以在Google Analytics 4中查看用户滚动数据。

首先,登录你的账户,从顶部菜单中选择GA4属性。

之后,你可以从左侧菜单中进入“Reports snapshot”。接着,前往Life Cycle » Engagement » Events,然后在报告中点击“scroll_depth”事件名称。

之后,Google Analytics 4将显示一个滚动深度概览报告。你可以查看Scroll Timing和Percentage报告,以了解人们滚动了你的网站有多远。

在Universal Analytics中查看滚动深度追踪数据

需要注意的是,Universal Analytics已经淘汰,不再记录你网站的数据。然而,你仍然可以访问其报告并查看历史数据。

要查看滚动追踪数据,登录你的Analytics账户,然后访问Real-Time » Events,以查看最近30分钟内的实时数据。

要查看完整数据,你可以从Analytics仪表板转到Behavior » Events » Overview。然后,你可以点击“Scroll Depth”链接以获取更多详细信息。

在下一个屏幕上,你会看到事件操作。你可以点击顶部的“Event Label”。之后,你将能够查看25%、50%、75%和100%滚动深度的总事件数。

如果你想要更详细的信息,可以使用Google Analytics的次级维度功能,与滚动深度事件一起查看每个单独登陆页面的滚动数据。

我们在所有网站上使用MonsterInsights,因为它是一个完整的WordPress Google Analytics插件,我们建议所有用户都这样做。他们有一个免费的MonsterInsights插件,你还可以升级到高级版本以解锁更强大的追踪功能。

关于Google Analytics滚动深度追踪的常见问题

1. 如何在Google Analytics中分析滚动深度?

你可以通过查看不同的百分比,在Google Analytics中分析滚动深度。它帮助你了解人们实际阅读内容的程度。

2. Google Analytics中的平均滚动深度是多少?

平均滚动深度显示了访客滚动了多远。它考虑了页面的总高度和查看页面百分比的人数。

3. 一个好的滚动深度是多少?

好的滚动深度取决于内容的长度以及行业。典型的滚动深度基准是53%。然而,如果你的内容较短,这个比例可能更高;如果你有长篇内容,这个比例可能会更低。

4. 滚动深度是什么意思?

滚动深度是访客查看页面的百分比。例如,如果有75%的滚动深度,意味着人们阅读了你的内容的四分之三。

5. Google Analytics可以追踪滚动深度吗?

Google Analytics允许用户通过查看垂直和水平移动来衡量滚动深度。它以像素百分比的形式呈现结果。

我们希望这篇文章帮助你学习如何使用Google Analytics在你的WordPress网站上追踪滚动深度。你可能还想看看我们的指南,了解如何提高WordPress速度和性能,以及我们精选的最佳WooCommerce报告和分析插件。

如果你喜欢这篇文章,请订阅我们的YouTube频道,观看更多WordPress视频教程。你还可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何在WordPress中添加“阅读更多”链接到复制文本

如何在WordPress中添加“阅读更多”链接到复制文本

您可能已经注意到一些流行的网站(如eHow等)会在其网站的任何被复制文本中附加一个“阅读更多”链接。这是一种获取新用户的好方法。很多人会将网站上的文本复制粘贴到邮件中,有的是为了将来保存信息,有的只是与朋友、家人和同事分享。在本文中,我们将向您展示如何轻松地在您的WordPress博客中添加“阅读更多”链接,使您可以获得额外的流量。

注意: 要查看此功能,请复制本文中的任何内容并将其粘贴到您的邮件或记事本中。

步骤一:添加功能代码到您的主题文件

首先,您需要将以下代码复制到您的主题的functions.php文件或站点特定插件中:

function add_copyright_text() {
	if (is_single()) { ?>


function addLink() {
	if (
window.getSelection().containsNode(
document.getElementsByClassName('entry-content')[0], true)) {
    var body_element = document.getElementsByTagName('body')[0];
    var selection;
    selection = window.getSelection();
	var oldselection = selection;
    var pagelink = "

阅读更多请访问WPressize Me: <a href=''>"; //根据需要更改此处 var copy_text = selection + pagelink; var new_div = document.createElement('div'); new_div.style.left='-99999px'; new_div.style.position='absolute'; body_element.appendChild(new_div ); new_div.innerHTML = copy_text ; selection.selectAllChildren(new_div ); window.setTimeout(function() { body_element.removeChild(new_div ); },0); } } document.oncopy = addLink; <?php } } add_action( 'wp_head', 'add_copyright_text');

现在,任何人访问您的网站并尝试复制内容时,一个“阅读更多”链接将被包含在复制的文本中。不要忘记更改版权文本,并添加您自己网站的标题。

编辑: 我们最初使用window URL,但由于一个用户指出这样使得URL显得很笨拙。我们已更新代码,以便仅在单个帖子页面上显示,并使用wp_shortlink。因此,它将显示类似于:yoursite.com/?p=23。如果您使用的是自定义短链接,如我们用的wpbeg.in,那么它将显示品牌短链接。

Read More
WordPress 教学

如何在WordPress中获取登录用户信息以提供个性化结果

如何在WordPress中获取登录用户信息以提供个性化结果

最近我们展示了如何通过允许用户将他们喜欢的文章保存到个性化的库中来为他们创建个性化体验。你可以通过在某些地方(如欢迎屏幕)使用用户名将个性化结果提升到另一个层次。幸运的是,WordPress使得获取登录用户的信息变得非常容易。在本文中,我们将向您展示如何检索当前登录用户的信息。

使用get_currentuserinfo();函数

我们将使用get_currentuserinfo();函数。这可以在你的主题的任何地方使用(头部、底部、侧边栏、页面模板等)。为了使其工作,用户必须已登录。所以我们需要使用条件语句is_user_logged_in()。示例代码如下:

<?php if ( is_user_logged_in() ) { ?>
    <!-- 登录用户将看到的文本 -->
<?php } else { ?>
    <!-- 这是显示给没有登录的人的段落 -->

<p>通过<a href="<?php bloginfo('url'); ?>/wp-register.php">注册</a>,您可以保存喜欢的文章以供将来参考。</p>
<?php } ?>

为已登录用户显示自定义信息

现在对于已登录用户,我们可以显示自定义消息,例如,“嗨,Syed,一切都在你希望的地方”。上面的代码将变成如下代码:

<?php if ( is_user_logged_in() ) { ?>
    <!-- 登录用户将看到的文本 -->

<?php global $current_user; get_currentuserinfo(); ?>

<h1>嗨 <?php echo $current_user->user_firstname; ?></h1>

<p>一切都在你希望的地方 :)</p>

<?php } else { ?>
    <!-- 这是显示给没有登录的人的段落 -->

<p>通过<a href="<?php bloginfo('url'); ?>/wp-register.php">注册</a>,您可以保存喜欢的文章以供将来参考。</p>
<?php } ?>

上面的神奇代码是$current_user->user_firstname;,其工作原理是调用get_currentuserinfo()将当前用户的信息放入$current_user中。你可以使用类似的方法获取用户的其他信息,如他们的登录名、用户ID、电子邮件、网站等。

所有信息的示例用法

<?php global $current_user;
      get_currentuserinfo();

      echo '用户名: ' . $current_user->user_login . "
"; echo '用户邮箱: ' . $current_user->user_email . "
"; echo '用户名字: ' . $current_user->user_firstname . "
"; echo '用户姓氏: ' . $current_user->user_lastname . "
"; echo '用户显示名: ' . $current_user->display_name . "
"; echo '用户ID: ' . $current_user->ID . "
"; ?>

希望这有帮助。结合添加喜欢文章的功能,你可以轻松创建个性化体验。

Read More
WordPress 教学

如何将Figma转换为WordPress(初学者指南)

为什么要将Figma转换为WordPress?

Figma可以为你的网站创建美丽的布局,并提供动画效果、原型设计、矢量编辑等令人惊叹的工具。如果你有一个WordPress网站,使用这个工具创建布局可以让多个设计师和开发人员在同一个Figma文件上工作,提高协作效率,减少反复的电子邮件沟通。此外,你可以创建互动的博客原型,测试用户流程并在网站开发前获得反馈。

你还可以使用Figma的高级工具,如网格、指南、图层和自动布局,来创建吸引人的页面和模板,包括:

  • 登录页面
  • 主页、博客页面或产品页面
  • 整个主题
  • 移动网站布局
  • 仪表板和用户界面
  • 电子邮件模板和通讯

步骤1:创建Figma账户

首先,你需要在Figma网站上创建一个账户。访问Figma网站,点击右上角的“免费注册”按钮。填写你的电子邮件地址和密码,点击创建账户按钮,然后验证你的电子邮件,即可完成账户创建。

步骤2:在Figma上设计一个页面

进入你的Figma仪表板后,点击右上角的“设计文件”按钮创建一个Figma页面。在Figma构建器中选择“框架”选项,然后在右列中选择“桌面”选项,接着你可以通过点击顶部的方形图标选择“放置图片/视频”选项,将图像或视频上传到画布上。你也可以通过点击“T”图标添加文本,并调整文本大小、对齐方式、字体和间距等设置。

步骤3:复制Figma页面的API密钥

自定义你的Figma页面后,点击屏幕左上角的“Figma”图标,选择帮助和账户设定选项,然后在个人访问令牌部分点击“生成新令牌”链接。填写一个名称,设置为“无过期”选项,创建令牌并复制到记事本或其他纯文本编辑器中。

步骤4:将Figma转换为WordPress

安装并激活“Gutenberg区块的动画和设计转换器”插件,打开要添加Figma页面的页面或文章,点击顶部的“从Figma导入”按钮,粘贴之前复制的Figma页面访问令牌,添加Figma文件URL,点击“开始导入”按钮,插件将把Figma页面转换为Group块。自定义块的对齐、位置、排版和颜色设置后,点击“发布”或“更新”按钮保存设置。

替代方法:使用Seahawk Media服务将Figma转换为WordPress

如果你已经用Figma创建了整个网站,建议使用Seahawk Media服务将Figma转换为WordPress,因为手动转换可能会出现设计元素不兼容等问题。Seahawk Media是一家提供开发、设计、维护、迁移、支持等多项服务的顶级WordPress服务公司,他们将提供完全响应、干净代码、SEO友好的Figma到WordPress转换。

额外:使用SeedProd构建一个视觉吸引力强的网站

如果你觉得使用Figma构建页面然后转换为WordPress太过复杂,你可以使用SeedProd。它是市场上最好的WordPress主题和页面构建器,具有用户友好的拖放构建器,300多个预制模板,高级WooCommerce区块等。

关于Figma到WordPress转换的常见问题

Figma和WordPress是否可以一起工作?

默认情况下,Figma和WordPress不能直接集成。但你可以使用如UiChemy、pxCode或Gutenberg区块的动画和设计转换器等工具和插件将Figma设计转换为WordPress。

将Figma转换为WordPress需要编程知识吗?

你不需要知道编程就可以使用插件或聘请开发人员将Figma设计转换为WordPress。但如果你想自己手动转换,那么你需要了解HTML、CSS和可能的PHP,因为有些Figma设计元素需要编写代码来在WordPress中实现功能。

转换Figma到WordPress会影响SEO吗?

如果你将Figma设计转换为WordPress,内容或反向链接不会受到影响。然而,Figma设计可能会负面影响你的网站结构、页面速度和图像。因此我们推荐使用Seahawk Media服务进行Figma到WordPress的转换,他们将确保你的网站在转换后完全响应、干净代码并且SEO友好。

希望这篇文章帮助你了解如何将Figma转换为WordPress。你也可以查看我们的初学者指南,了解如何外包WordPress开发。希望你喜欢这篇文章,并订阅我们的YouTube频道以获取WordPress视频教程,你也可以在Twitter和Facebook上找到我们。

Read More