为什么WordPress切换到编辑器的全屏模式？

WordPress在5.0版本中引入了一个新编辑器，称为块编辑器（也称为Gutenberg）。这个新编辑器允许用户使用块来创建常见元素，并构建美观的内容布局。它还通过使用与你的WordPress主题相同的字体和颜色，来模拟你的文章或页面的外观。

然而，左侧的管理菜单和顶部的工具栏让界面显得有些杂乱。如果你专注于写作内容，这些繁多的选项可能并不必要。为了解决这一问题，WordPress核心团队决定默认将编辑器设置为全屏模式，以便用户可以获得一个无干扰的写作体验。

现在，需要注意的是，这种全屏模式并不是什么新功能。此前，它已经存在，并且用户可以手动开启或关闭。变化在于，现在全屏模式将成为撰写文章时的默认视图。

如何禁用WordPress编辑器的全屏模式（简单方法）

关闭WordPress块编辑器的全屏模式非常简单。只需编辑一篇文章或页面，然后点击位于屏幕右上角的三点菜单。这将显示该文章编辑器的设置菜单。从这里，只需点击“全屏模式”即可将其关闭。

文章编辑器将立即退出全屏模式，并开始显示管理侧边栏和顶部工具栏。WordPress会将你的全屏模式偏好存储在浏览器的临时存储中。不过，如果你切换到不同的浏览器、使用隐身模式或从不同设备访问管理区域，那么你将再次看到全屏编辑器。

如果你使用多个设备、用户帐户或浏览器访问你的WordPress管理区域，那么每次都要重新反复切换全屏模式可能会有点烦人。下一个方法可以永久解决这个问题。

永久禁用WordPress中的全屏模式（代码片段）

这种方法需要你手动添加代码到你的WordPress站点中。如果你之前没有做过这些操作，请参考我们的指南了解如何轻松在WordPress中粘贴代码片段。

你需要将以下代码添加到你WordPress主题的functions.php文件或者一个特定于站点的插件中。你也可以使用自定义代码片段插件来将此代码添加到你的站点中，以避免冲突。

if (is_admin()) { function jba_disable_editor_fullscreen_by_default() { $script = "jQuery( window ).load(function() { const isFullscreenMode = wp.data.select( 'core/edit-post' ).isFeatureActive( 'fullscreenMode' ); if ( isFullscreenMode ) { wp.data.dispatch( 'core/edit-post' ).toggleFeature( 'fullscreenMode' ); } });"; wp_add_inline_script( 'wp-blocks', $script ); } add_action( 'enqueue_block_editor_assets', 'jba_disable_editor_fullscreen_by_default' ); }

推荐使用WPCode插件

在WPressize Me，我们推荐使用WPCode插件来添加这段代码。它使得在WordPress中添加自定义代码变得简单，而无需编辑你的主题functions.php文件，从而不必担心破坏你的网站。

首先，你需要安装并激活免费的WPCode插件。如果你需要帮助，请参考我们的教程了解如何安装WordPress插件。一旦插件激活后，从你的WordPress控制面板导航到代码片段 » + 添加片段。然后，将鼠标悬停在“添加你的自定义代码（新片段）”选项上，并点击其下方的“使用片段”按钮。

接下来，你将进入“创建自定义片段”页面。在这里，你可以为你的片段添加一个标题，并将以上代码粘贴到“代码预览”框中。不要忘记从下拉菜单中选择“PHP片段”作为代码类型。

最后，只需将开关从“未激活”切换到“已激活”，并点击页面顶部的“保存片段”按钮。这段代码首先检查用户是否正在查看管理区域页面。如果是，它将检查全屏编辑器的状态。如果全屏编辑器已开启，它将简单地将其关闭。你仍然可以从文章编辑屏幕手动开启全屏模式，且文章编辑器仍会正常工作。但如果你返回，它会自动将其关闭。这种行为适用于所有可以访问文章编辑器的用户。

我们希望这篇文章帮助你了解如何禁用WordPress文章编辑器中的全屏模式。你可能还想查看我们的WordPress内容编辑器掌握技巧，或者浏览我们专家精选的最佳拖放式WordPress页面构建器。如果你喜欢这篇文章，请订阅我们的YouTube 频道，获取WordPress视频教程。你也可以在Twitter和Facebook上找到我们。

如何在WordPress中嵌入必应地图（逐步指南）

你想在WordPress中嵌入必应地图吗？你可以使用必应地图在你的网站上显示方向、交通、路线和导航指示。如果你不想使用谷歌地图，那么必应是一个很好的替代应用程序，具有丰富的数据。

在本文中，我们将逐步向你展示如何轻松地在WordPress中嵌入必应地图。

为什么在WordPress中添加必应地图（而不是谷歌地图）？

如果你经营一家商店、餐馆、沙龙、旅游景点或其他实体业务，将必应地图添加到你的网站可以让客户更容易找到你。潜在客户还可以获取到你业务的驾驶路线，并轻松地与朋友和家人分享你的位置。不仅如此，嵌入必应地图还可以提高你的WordPress SEO，使你的网站在本地搜索中更具可见性。

在将地图添加到WordPress时，谷歌地图似乎是一个显而易见的选择，尤其是因为他们提供谷歌地图商店定位器。不过，近年来，必应地图变得更受欢迎，且这两个服务提供了稍有不同的功能、区域覆盖和数据。特别是，许多人认为谷歌地图高估了到达目的地所需的时间。如果你对谷歌地图不满意，或者更喜欢微软而不是谷歌，那么必应地图是一个很好的替代选择。

步骤 1：安装必应地图插件并获取API密钥

以前，你可以通过生成嵌入代码将必应地图嵌入到WordPress中。然而，当我们尝试这种方法时，它已不再有效。现在，嵌入必应地图的最简单方法是使用Supsystic的Ultimate Maps插件。此插件使嵌入必应地图、Leaflet地图和其他谷歌地图替代品变得容易。该插件对于运行业务目录的网站尤其有用，你可能需要为每个页面添加地图。

首先，你需要安装并激活Ultimate Maps by Supsystic插件。要获取详细的安装说明，请参阅我们的分步指南。

要与必应地图一起使用此插件，你需要一个必应地图API密钥。要获取此密钥，只需在必应地图开发中心创建一个账户。如果你已经有一个微软账户，则可以使用微软登录信息登录。

登录账户后，点击“我的账户”菜单，然后选择“我的密钥”。

在下一个屏幕中，你需要填写你的WordPress博客或网站信息。然后，点击“创建”。几秒钟后，你会看到“密钥创建成功”的消息。现在，你可以点击“显示密钥”并复制必应地图API密钥，或者简单点击“复制密钥”链接。

步骤 2：粘贴API密钥并创建标记类别

在你的WordPress仪表板中，进入Ultimate Maps by Supsystic » 设置。然后，打开“地图引擎”下拉菜单，并选择“Bing Microsoft”。

现在可以将API密钥粘贴到“Bing Maps API Key”字段中。完成后，不要忘记点击“保存”按钮。

接下来，你可能需要添加标记类别。类似于WordPress中的分类和标签，它们可以帮助组织地图上的兴趣点。例如，如果你正在为旅游者创建地图，你可以创建诸如“住宿”、“餐馆”和“景点”等类别。

要创建类别，只需选择“标记类别”选项卡，然后点击“添加类别”。现在可以添加标题，更改背景和文本颜色，并将子类别分配给父类别。当你对输入的信息满意时，点击“保存”。

步骤 3：自定义你的必应地图

完成后，点击“添加地图”选项卡。现在你可以为地图输入名称，定义其宽度和高度，选择导航栏模式等等。

你还可以配置选项，使必应地图可拖动、使用双击缩放等。最重要的是，在“地图中心”中输入你想显示的位置。你可以输入地址或经纬度值。

此页面上有很多设置，值得浏览所有选项并进行必要的更改。当你对地图的设置感到满意时，只需点击“保存地图”。

之后，你可能希望使用标记在地图上突出显示一个或多个位置。要开始，只需点击标记选项卡，然后为标记输入名称。通常，你会使用该地点或组织的名称，但你可以输入任何名称。

之后，你可以在标记描述中添加文本和图像。你还可以为标记选择一个图标。完成后，你需要输入标记的地址并选择标记类别。

步骤 4：在你的WordPress网站上嵌入必应地图

当你完成自定义地图后，复制“地图短代码”旁边的短代码。如果你没有看到短代码，请确保你已经保存了地图。现在你可以打开你想嵌入必应地图的页面或帖子。只需点击“添加新块‘+’图标”并输入“短代码”。

当正确的块显示时，点击将其添加到页面。现在只需将必应地图短代码粘贴到块中。要使地图生效，点击“更新”或“发布”按钮。现在，如果你访问你的网站，就会看到必应地图在运行。

我们希望这篇文章能帮助你轻松学习如何在WordPress中嵌入必应地图。你还可以查看我们的指南，了解如何创建WooCommerce弹出窗口以增加销售或我们精选的适合小型企业的最佳实时聊天软件。

如何自動將WordPress產品添加到Google購物

最後更新日期：2024年7月9日 | 由編輯部撰寫 | 評論者：Syed Balkhi

您是否想將您的WordPress產品添加到Google購物？

將您的在線商店產品添加到Google購物可以幫助您增加流量、吸引更多客戶並創造更多收入。

在本文中，我們將向您展示如何輕鬆地將WordPress產品添加到Google購物。

為何要將WordPress產品添加到Google購物

Google購物是像Amazon和Etsy這樣的虛擬市場，用户可以搜索、查看並比較不同在線商店的產品。這些商店已經支付廣告費來展示它們的產品。

如果您有一個WooCommerce商店，那麼將您的產品添加到Google購物可以對您的業務帶來極大的好處。

您的產品將顯示給所有瀏覽Google購物的用户，這將增加您WordPress網站的流量、創造更多收入並吸引更多客戶。

那麼，讓我們來看看如何將WordPress產品添加到Google購物。

如何將WordPress產品添加到Google購物

步驟1：創建Google商家帳戶

要將您的產品添加到Google購物，首先需要創建Google商家中心帳戶。在這裡，您的產品信息將被儲存在Google購物中查看。

首先，訪問Google商家中心頁面並點擊「免費註冊」按鈕。

之後，Google會詢問有關您在線業務的問題。只需勾選適用您的答案，然後提供您的網站URL。

提供詳細信息後，您將被重定向到另一個頁面。只需在頁面底部點擊「創建Google商家帳戶」按鈕。

現在，您需要提供您的業務詳細信息。您可以開始填寫您的業務名稱。接下來，從「註冊國家/地區」選項的下拉菜單中選擇您的業務所在地國家。之後，點擊「繼續到商家中心」按鈕。

您已經成功創建了您的Google商家帳戶。現在，您只需提供您的業務信息和運輸詳細信息。填寫完這些詳細信息後，只需點擊底部的「保存」按鈕來儲存設定。

步驟2：連接您的Google AdWords帳戶

現在，您需要將Google AdWords帳戶連接到您的Google商家中心帳戶，以便通過Google購物展示您的產品。

要連接您的帳戶，請進入Google商家中心儀表板，點擊頁面頂部的齒輪圖標。點擊它將打開「工具與設置」提示。在此，您只需選擇「已連接的帳戶」選項。

這將帶您到「已連接的帳戶」頁面。現在，您只需點擊「+」按鈕來創建您的Google Ads帳戶。

這將打開「創建您的Google Ads帳戶」提示。只需選擇您首選的時區和貨幣，然後點擊「創建」按鈕。

您現在已成功創建Google Ads帳戶。這是您的帳戶創建後的樣子。

步驟3：將WordPress產品添加到Google購物

要將您的WordPress產品添加到Google購物，我們將使用AdTribes插件來創建WooCommerce產品訊息，以提交至Google購物。

首先，您需要安裝並啟用免費的AdTribes插件。更多說明，請查看我們的指南了解如何安裝WordPress插件。

注意：AdTribes也有高級版本，提供更高級的功能，如更多由Google批准的產品、額外字段如品牌和GTIN、Facebook像素功能等。

啟用後，從WordPress管理側邊欄移至Product Feed Pro » Create feed頁面。從這裡，只需填寫您的業務詳細介紹，並從「Channel」字段旁邊的下拉菜單中選擇「Google購物」。然後，點擊底部的「保存並繼續」按鈕。

接下來，您將被帶到「字段映射」頁面。這裡您需要將Google購物的屬性與您的WooCommerce屬性進行匹配。幸運的是，該插件默認情況下會為您完成大部分工作。因此，當您到達字段映射頁面時，許多Google購物屬性如產品ID、產品描述、產品鏈接、價格、圖像等已經有對應值。

您可以通過點擊「+添加字段映射」按鈕添加額外字段。這會在列表中添加一個空字段，您可以選擇新的屬性並從每個下拉菜單中選擇對應值。您還可以選擇添加自定義字段。選擇並填寫盡可能多的屬性以在Google購物中獲得更多可見度，然後點擊「保存」按鈕。

接下來，您將被帶到「類別映射」頁面。這裡，您需要選擇您的產品類別。只需在相應的「Google購物類別」字段中輸入您的產品類別，並從出現的建議中選擇最合適的類別。當您完成後，點擊「保存映射」按鈕繼續。

之後，您將被導向「訊息篩選和規則」頁面。從這裡，您可以控制確切顯示在您的訊息中的內容。例如，您可以添加篩選器以排除低於$10的產品，或者添加規則以更改特定產品的詳細信息，例如「如果產品的價格為$20，則將其銷售價格更改為$10」。然後，點擊「繼續」按鈕。

接下來，您可以通過在「轉化和Google Analytics設置」頁面頂端的切換開關中啟用Google Analytics跟踪。這將為您的產品URL添加Google Analytics UTM參數。最後，點擊底部的「生成產品訊息」按鈕。

當您創建了您的Google購物訊息後，您會被重導向AdTribes中的「管理訊息」頁面。這裡，您可以查看您的Google購物訊息。現在，您只需點擊旁邊的「下載」按鈕即可。

當您將訊息以XML文件格式下載後，返回到「Google商家中心」儀表板，從側邊欄中點擊Products » Feeds選項。這將打開「主要訊息」頁面，您需要點擊「+」按鈕添加新訊息。

這將帶您到「新主要訊息」頁面，您可以從填寫基本詳細信息開始。首先，開始添加所有目標國家/地區。接下來，選擇您的首選語言，然後點擊「繼續」按鈕。

然後，您需要為您的訊息選擇一個名字並選擇將數據連接到商家中心的方法。在此教學中，我們將上傳從WordPress獲取的XML訊息。之後，只需點擊「繼續」按鈕。

現在，您進入「設置」頁面，只需輸入Google購物訊息的名稱。接下來，只需上傳從WordPress獲取的訊息文件，然後點擊「創建訊息」按鈕。

現在，您已成功將您的WordPress產品添加到Google購物。

額外提示：如何在WordPress中添加Google商家中心Schema

為了提高您的產品在Google購物中的搜索可見度並增加轉化率，您應該在WordPress中添加Google商家schema。模式標記是HTML代碼，向搜索引擎提供有關您產品的更多詳細信息。GMC列表schema將使您的搜索摘要更加引人注目，並允許您的產品被作為相關搜索詞的熱門產品來展示。

在WordPress中添加Google商家中心列表schema的最簡單方法是使用All in One SEO for WordPress。它是最佳的WordPress SEO插件，有超過300萬個網站在使用。

首先，您需要安裝並啟用All in One SEO for WordPress。更多說明，請查看我們的指南了解如何安裝WordPress插件。啟用後，設置向導將打開。只需點擊「開始使用」按鈕。

之後，您需要按照設置向導中的屏幕指南配置插件。如果需要幫助，請查看我們的指南了解如何在WordPress中正確設置AIOSEO。

配置AIOSEO插件後，您需要從管理側邊欄訪問Products » All Products頁面。從這裡，只需點擊產品下方的「編輯」鏈接來打開「編輯產品」頁面。

到那裡後，您需要滾動到「AIOSEO設置」部分並點擊「Schema」標籤。現在，確保模式類型默認設置為「產品」。如果不是這樣，只需點擊「生成模式」按鈕。

這將打開模式目錄，列出所有可用的模式模板。從這裡，您需要點擊產品選項旁邊的「添加模式」（+）按鈕以設置為主要模式。注意：您可能會看到已應用的「文章」模式。如果是這樣，您可以在添加新模式時將其移除，因為這特定頁面在Google眼中並不是文章或博客文章。

接下來，您需要填寫產品信息以添加GMC列表schema。為此，您需要點擊「在用模式」選項旁邊的「編輯模式」按鈕。

這將打開「編輯產品」模式彈窗，您需要在這裡填寫產品詳細信息。如果您使用的是WooCommerce，AIOSEO將會自動從您的產品信息中拉取大部分產品資料。然而，如果您想手動填寫信息，則只需將「自動生成字段」開關切換為「否」。

您需要填寫的產品屬性包括產品名稱、描述、圖像、ISBN、價格、材質、顏色、運輸詳細信息等。我們建議您提供所有詳細信息，以便模式標記能使您的產品摘要更加引人注目。完成後，只需點擊「更新模式」或「添加模式」按鈕來儲存設置。

您現在已成功將Google商家中心列表schema添加到WordPress，您的產品現在可以在平台上展示並希望能為您帶來更多銷售。

我們希望您學會了如何將WordPress產品添加到Google購物。您可能還想查看我們最好的WooCommerce報告和分析插件以及我們的文章，了解如何加快您的電子商務網站。

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

什麼是 Twitter 追隨按鈕

Twitter 追隨按鈕是一個小型小工具，允許用戶在任何網站輕鬆關注你的 Twitter 帳戶（或任何 Twitter 帳戶）。追隨按鈕使用與官方推文按鈕相同的實現模型，整合起來非常簡單。你可以在下圖左上角看到追隨按鈕的示範。點擊追隨按鈕時，會彈出一個視窗，顯示有關用戶的更多信息。

你可能會想它與下面的智慧追隨按鈕有什麼不同？

智慧追隨按鈕需要你完成整個 Twitter Anywhere 集成，它也不允許你顯示你的追隨者數量或進行任何自定義。而 Twitter 追隨按鈕允許你顯示追隨者數量，而且非常易於整合。看看下面的實時示例（不要忘記點擊追隨按鈕來查看它的效果）：

Follow @wpressize-me

如何在 WordPress 添加官方 Twitter 追隨按鈕

你可以前往追隨按鈕頁面並生成一個代碼。或者你可以簡單地複製下面的代碼：

Follow @wpressize-me

註：請確保將用戶名替換為你自己的。

如果你正在使用官方推文按鈕，那麼你不需要再次粘貼腳本。因此你的代碼將看起來像這樣：

Follow @wpressize-me

現在你可以將代碼粘貼到你喜歡的 WordPress 主題中的任何地方。大多數人會將此類代碼放在 sidebar.php 文件中。然而，如果你對編輯主題文件感到不自在，你也可以利用 WordPress 主題的小工具。所有優質主題都帶有小工具準備好的側邊欄。因此你只需前往外觀 » 小工具選項卡，然後將文本小工具添加到你的合適側邊欄中。最後，粘貼上述代碼，你就完成了。請看下圖中的示例：

實際上不需要添加插件來完成這麼簡單的事情。

高級自定義

這部分是給那些想要進一步自定義此按鈕以匹配其網站色彩方案等的設計師和開發人員。Twitter 允許你自定義按鈕顏色、文字顏色、鏈接顏色、語言、小工具和插件的對齊方式。

我們所使用的 JavaScript 版本中的可用變量：

• data-show-count（true 或 false）
• data-button（藍色或灰色）
• data-text-color（十六進制代碼）
• data-link-color（十六進制代碼）
• data-lang（en, fr, de, es） – 使用兩位數字的 ISO-639-1 語言代碼
• data-width – （300px）
• data-align – （右）

如果你想在 a 代碼中指定它，它會看起來像這樣：

Follow @wpressize-me

資源：

• 追隨按鈕文檔
• 追隨按鈕生成器