Woocommerce - 如何使用 elementor 編輯儀表板我的帳戶

Question

前提：我是粉絲而不是程序員。 我分享這些信息是因為我沒有在 stackoverflow 或谷歌上找到任何解決方案。 因此，在解決我的問題時，我能夠找到我想要分享的解決方案。 也許它對與我處於相同情況的人有用。 對不起，我的英語不好。

通過在我的網站上工作，我已經到了自定義我的帳戶區域的地步。 我從所有用戶在其帳戶中看到的儀表板開始。

據我所知，只有兩種方法可以自定義儀表板。

方式 1 ：通過第三方插件：當您沒有編程技能並且不知道如何操作 php 文件時，這很有用。

方式 2 ：通過 woocommerce/templates/myaccount 中的“dashboard.php”模板文件：當您至少了解一點 php 代碼並知道如何構建所有內容時，這是最好的選擇。

沒有其他方法可以編輯儀表板。 如果您嘗試 elementor，您會意識到沒有可以更改我帳戶儀表板的部分/選項或頁面。

就我而言，我選擇了第二種方法，因為使用第一種方法我無法根據需要自定義儀表板。 第三方插件的問題之一是它們具有內置功能，因此它們對修改儀表板設置了一些限制。 簡而言之，你不能用插件做你想做的一切。

現在，我所做的是將一行代碼插入到 dashboard.php 文件中，以使其可以使用 elementor 進行編輯。 這樣我就可以使用 elementor 提供的所有內容來修改儀表板的內容。 顯然，如果要插入特定的功能，例如在儀表板上顯示最后的訂單信息，您仍然需要在儀表板.php文件中編寫一些代碼。

Answer 1

這是我一步一步完成的過程。 我指定要完成所有這些您需要 elementor pro。

第 1 步：在主題的子文件夾中創建一個名為 woocommerce 的新文件夾，在其中創建另一個名為 myaccount 的文件夾。 最后你應該有這個路徑：/wp-content/themes/your-child-theme/woocommerce/myaccount

第 2 步：在 myaccount 文件夾中，您需要創建一個名為 dashboard.php 的新文件。

第三步：打開dashboard.php文件，粘貼以下代碼： <? Php echo do_shortcode ('[elementor-template id = "xxxxx"]'); ?> <? Php echo do_shortcode ('[elementor-template id = "xxxxx"]'); ?> <? Php echo do_shortcode ('[elementor-template id = "xxxxx"]'); ?>保存文件，然后您將 go 返回編輯它。

第 4 步：現在使用 elementor pro，我們需要創建一個新模板。 在 wordpress 菜單 go 到模板> 新建並通過選擇“部分”作為模板來創建新模板。 給它任何你想要的名字，沒關系。 創建新模板后不要修改它，稍后再做。

第 5 步：創建模板 Go 並將其保存到 elementor 的“已保存模板”部分后，您將在此處找到您創建的所有模板的列表。 找到新創建的模板，在列表的右側，您應該注意到短代碼部分。 使用 elementor pro 創建的每個模板都有自己的簡碼。 找到簡碼后，復制 id。

第 6 步：Go 到之前創建的儀表板.php 文件並粘貼模板 id 而不是 xxxxx。 一個例子，在我的例子中，我使用的模板的 id 是 39679 所以代碼是<? Php echo do_shortcode ('[elementor-template id = "39679"]'); ?> <? Php echo do_shortcode ('[elementor-template id = "39679"]'); ?> <? Php echo do_shortcode ('[elementor-template id = "39679"]'); ?>完成后，保存dashboard.php 文件，僅此而已。

您使用 elementor pro 創建的模板現在將在我的帳戶儀表板中可見。 您所要做的就是通過 elementor 根據需要修改模板。

我們所做的只是簡單地將 elementor 模板引入儀表板。 通過這樣做，儀表板中最初存在的內容不會顯示，而只會顯示我們插入的模板。