何时在WordPress中添加图片热点

图片热点是可以点击的点，可以将简单的图片变为可供访客探索的互动内容。那么，什么时候应该考虑在图片上添加热点呢？当您需要展示产品图片的不同部分时，热点是一个很好的方式。假设您销售一款新手机，您可以添加热点来指出其摄像头、屏幕及其他功能。这有助于客户不必阅读冗长的说明也能了解产品。许多家居商品网站也使用图片热点来展示陈列照片中物品的详细信息。

热点还非常适合让信息图和数据可视化更具吸引力。与其将所有信息塞进一张图片中，您可以将额外细节隐藏在热点后面。当人们点击信息图的不同部分时，他们可以看到更多事实和数据。如果您运营一个在线学习网站，那么热点可以改善用户体验，使您的课程更具互动性。例如，您可以在地图上添加热点，让学生点击了解不同国家或地标。

方法1：使用SeedProd添加图片热点（适用于着陆页/自定义主题）

第一种方法是使用SeedProd，一个拖放式页面构建器，为您的WordPress网站添加图片热点。推荐这种方法是因为它可以用在创建自定义着陆页面或自定义WordPress主题时，并希望使用具有图片热点模块的平台。SeedProd提供的超过350种着陆页模板与主题套件，涵盖在线精品店和清洁服务到SaaS公司等各种行业类别，因此每种类型的网站都有适用选项。不过，SeedProd的热点功能仅在付费版本可用，如果只想要免费的解决方案，可以选择方法2。

购买SeedProd计划后，可以在管理员区域下载并安装WordPress插件。接下来，进入SeedProd » 设置并输入您的许可证密钥。在验证完成后，导航到SeedProd » 着陆页并点击‘添加新着陆页’。接下来选择一个模板，点击橙色对勾按钮，之后您将进入SeedProd的拖放式编辑器，在此您可以自由添加热点，调整位置，选择图标与颜色，并添加文本与链接。

方法2：使用图片热点插件添加图片热点（免费但有限制）

如果不想使用页面构建器并切换主题，那么可以改用免费的WordPress图片热点插件。请注意免费版本仅允许在单张图片上添加最多6个热点。在插件后台中，点击‘新增’按钮，上传图片然后为您的图片地图添加热点。您可以调整热点图标、颜色、大小，并添加工具提示内容与链接。配置完成后，将短代码复制到您的页面、帖子或小工具中。

发现更多激动人心的WordPress网站设计功能

除了创建互动图片热点，还有许多其他方式能使您的网站设计更具吸引力。您可以参考以下指南：例如如何为WordPress网站添加无限滚动、创建可视化网站地图或是增加点击拨号按钮等。希望此文帮助您轻松在WordPress中添加图片热点。查看有关WordPress侧边栏技巧的指南以获取更多效果最大化的方法。此外，欢迎订阅我们的YouTube频道观看WordPress视频教程，也可在Twitter和Facebook上找到我们。

导致“抱歉，出于安全原因不允许此文件类型”错误的原因是什么？

当您尝试上传WordPress不支持的文件类型时，会出现“抱歉，出于安全原因不允许此文件类型”的错误。如果您使用的是最新版本的WordPress，可能会看到错误消息“抱歉，不允许您上传这种文件类型”。这主要是出于安全原因，WordPress限制了您可以通过仪表板上传的文件类型。

允许的文件类型包括所有常见的图片、视频、文档和音频格式。虽然通过FTP或主机提供商的文件管理应用程序上传文件是一种解决方案，但它并不像使用内建的媒体库那样方便。

选项1：检查和修正文件扩展名拼写

首先，检查文件扩展名以确保其正确。例如，图片文件可能命名为holidayphoto.png，其中png是扩展名。如果扩展名错误，您只需右键单击并选择“重命名”选项更改文件名并添加正确的扩展名。

选项2：使用文件上传类型插件允许新的文件类型

如果您希望上传WordPress不支持的文件类型，可以通过添加为受支持的文件类型来实现。安装并激活File Upload Types插件，进入设置»File Upload Types页面，输入您的文件类型并启用它们。保存设置后，再次尝试上传您的文件。

选项3：使用WPCode允许新的SVG文件类型

您还可以使用WPCode插件允许新的文件类型上传。WPCode是一个无需直接编辑主题函数文件即可插入代码片段的插件。WPCode有一个代码片段专门用于允许SVG文件上传。

选项4：编辑wp-config.php文件（高级）

如果上述选项都不奏效，您可以尝试编辑wp-config.php文件。在“/* That’s all, stop editing! Happy publishing. */”行上方粘贴以下代码：

define('ALLOW_UNFILTERED_UPLOADS', true);

保存文件并再次尝试上传您的媒体文件。如果成功，记得返回文件并删除这行代码。

确保在允许其他文件类型时保持WordPress站点安全

启用附加文件类型后，我们强烈建议采取一些安全措施来保护您的WordPress网站：

• 限制未注册用户只能上传他们需要上传的文件类型。
• 使用WordPress安全插件监控站点的漏洞。
• 定期扫描您的WordPress网站以检测潜在的恶意代码。
• 限制上传文件的大小，防止用户上传可能包含恶意软件的大文件。
• 添加用户活动日志以记录哪个用户上传了哪个文件。

希望这篇文章帮助您修复WordPress中的“抱歉，出于安全原因不允许此文件类型”错误。您也可以查看我们的网站扩展必备插件列表及如何修复最常见的WordPress错误的终极指南。

如何使用自訂欄位重寫 WordPress 中的客座作者姓名

更新日期：2024年7月24日 | 編輯部 | 評審：Syed Balkhi

客座發文是一種保持您的 WordPress 網站新鮮的方法，同時也是一個吸引新讀者的好方法。因此，我們在自己博客上經常發表 WordPress 專家的客座文章。

但您可能不希望為每位客座作者創建一個新的用戶帳戶。幸運的是，有一個更簡單的方法！您可以實際上使用自訂欄位來重寫客座作者的姓名，這樣您的儀表板就不會有多餘的用戶帳戶。

在本文中，我們將引導您輕鬆設定自訂欄位以顯示客座作者姓名。

使用自訂欄位重寫 WordPress 中的客座作者姓名

有時候，客座作者在社交媒體或作者簡介中使用的名字與其 WordPress 用戶帳戶的名字並不相同。可能是暱稱、筆名，或是名字的不同變體。

通過使用自訂欄位，您可以在博客文章中顯示客座作者的首選名稱，確保其與現有的在線身份一致。此外，使用自訂欄位有助於保持您的網站用戶列表整潔。您不會有許多來自一次性客座作者的非活躍 WordPress 用戶帳戶。這樣使得管理網站變得更容易，您可以專注於常規內容貢獻者。

方法 1：使用 WordPress 插件新增客座作者信息

首先，我們將使用一個 WordPress 插件。使用插件使過程變得更簡單，我們推薦這種方法給所有用戶：無論是初學者還是有經驗的用戶。

首先，安裝並激活 Guest Author 插件。如果您需要幫助，可以參考我們的逐步指南《如何安裝 WordPress 插件》。

激活後，編輯您希望給客座作者署名的博客文章。在區塊編輯器中，您會注意到在右側帖子面板下有一個標有「作者」的新選項卡。

從這裡，您可以切換到「客座」選項卡，並輸入客座作者的信息，如姓名、網站、簡短個人介紹和照片。

完成必要的信息後，保存或發布文章並在瀏覽器中預覽。

方法 2：使用自訂欄位新增客座作者

此方法需要您向 WordPress 主題文件添加一些代碼。如果您從未這麼做過，那麼您可能想參考我們的指南《如何添加自訂代碼片段到 WordPress》。

我們將使用 WordPress 的自訂欄位功能。自訂欄位允許您向內容添加自訂元數據，然後通過添加一些代碼在 WordPress 主題中顯示這些數據。

首先，編輯您希望顯示客座作者姓名的博客文章。在區塊編輯器中，點擊屏幕右上角的三點菜單，然後選擇「偏好設置」。

在「一般」選項卡中向下滾動，打開「進階」部分下的「自訂欄位」選項。

然後點擊「顯示並重新加載頁面」按鈕以啟動自訂欄位。

完成後，您會注意到編輯器下面出現一個新的「自訂欄位」框。

點擊「新增」連結來為客座作者姓名創建一個自訂欄位。

首先，輸入「guest-author」作為自訂欄位的名稱。然後在「值」字段中簡單地輸入客座作者的姓名。

點擊「新增自訂欄位」按鈕以保存。

顯示客座作者姓名

接下來，我們使用一段代碼將作者名稱替換為客座作者姓名。 WPCode 插件使這一步變得簡單和安全，即使對於初學者也是如此。

首先，安裝並激活 WPCode 插件。然後，導航到 Code Snippet » + Add Snippet » Add Custom Snippet。

命名您的自訂代碼片段，切換「Inactive」按鈕為「Active」，並選擇「PHP 代碼片段」類型。

然後複製以下代碼並貼入「代碼預覽」字段：

add_filter( 'the_author', 'guest_author_name' );
add_filter( 'get_the_author_display_name', 'guest_author_name' );

function guest_author_name( $name ) {
global $post;

author = get_post_meta( $post->ID, 'guest-author', true );

if ( $author )
name = $author;

return $name;
}

記得點擊「保存代碼片段」按鈕來保存更改。

現在，訪問之前編輯的客座文章，您應能看到代碼在運行。

希望這篇文章幫助您輕鬆地重寫作者姓名為客座作者姓名。接下來，您可能還希望參考我們的指南《如何為 WordPress 文章添加多作者》和《如何管理 WordPress 用戶角色的權限》。

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

什么是WordPress Playground以及它如何工作？

WordPress Playground是一个临时的、基于浏览器的WordPress实例，可用于进行各种实验和学习内容管理系统。它就像一个在线沙盒，你可以在其中进行所有类型的WordPress开发，而不会影响你的真实网站。

你只需访问WordPress Playground网站以开启它。然后，你可以像平常一样使用WordPress：安装新插件、试用新主题、添加新页面等。如果刷新WordPress Playground页面，所有自定义内容将消失。不过，你也可以下载你的WordPress实例并重新上传到WordPress Playground。

WordPress Playground的运行原理

WordPress Playground利用一些很酷的技术，使你无需通常的Web服务器和数据库设置即可使用WordPress：

• WebAssembly二进制(Wasm)：它使你可以直接在浏览器中运行PHP代码，使WordPress无需传统服务器即可运行。
• SQLite数据库：WordPress Playground使用一种基于文件的轻量级数据库系统SQLite在浏览器中运行。
• 服务工作者和工作线程API：这些Web工具有助于处理请求并运行后台JavaScript脚本，使得WordPress Playground可以流畅地在浏览器中运行PHP应用程序。

WordPress Playground的限制

尽管有很多优点，但WordPress Playground也存在一些限制：

• 无法直接访问主题和插件目录：你需要手动下载并上传主题和插件来进行安装。不过，网络访问Beta功能旨在解决这个问题。
• 自定义内容是临时的：如果你决定不保存更改，那么刷新页面时需要小心以免丢失进度。
• iFrame问题：嵌入WordPress Playground实例在网页时可能会遇到一些问题，例如意外刷新或iFrame不工作等。
• 相对较新的功能：并非所有功能都能正常工作，因此当你探索环境时可能会遇到一些小问题。

话虽如此，Playground是一个相对较新的WordPress项目。因此，你可以期待团队发布新功能和错误修复以改进用户体验。

如何使用WordPress Playground

要使用WordPress Playground，只需在浏览器中访问此域名：https://playground.wordpress.net。一到达网站后，稍等片刻让Playground设置完成。然后，你将看到使用默认WordPress主题的网站前端。

如何在WordPress Playground中安装主题和插件

要在WordPress Playground中安装插件或主题，有两种方法。第一种是进入WordPress.org上的插件或主题页面并点击“下载”按钮。然后，你可以像平常一样手动安装插件和主题。

另一种方法是使用WordPress Playground的查询API。你需要在WordPress Playground URL中添加一些查询参数。例如，想要安装和测试AIOSEO的免费版本，你可以访问AIOSEO的WordPress.org页面并记下其URL Slug。然后，在新浏览器标签页中输入WordPress Playground的URL和AIOSEO的Slug，如下所示：https://playground.wordpress.net/?plugin=all-in-one-seo-pack。当你按下‘Enter’键时，WordPress Playground将自动创建一个新的环境并安装AIOSEO插件。

如何导出/导入使用WordPress Playground创建的网站

如果你已经在WordPress Playground中进行了很多操作，比如使用Gutenberg编辑器添加新帖子，甚至创建了一个完整的网站，你一定不想关闭标签页并永远丢失所有进度。幸运的是，你可以将你的站点从WordPress Playground导出并保存到你的电脑，然后随时重新上传。

要导出站点，导航到Playground的顶部菜单，点击右上角的三条线菜单，然后点击“下载.zip”。要上传文件，打开Playground网站后再次点击三条线菜单，然后点击“从.zip还原”。

如何将WordPress Playground嵌入到你的网站

如果你在编写WordPress教程，可能会包含WordPress仪表盘的截图来指导用户。然而，截图有时并不能准确说明你的操作。这时，WordPress Playground就派上用场了。你可以将其嵌入你的页面或文章，使用户能够更具互动性地阅读并跟随你的操作指导。

首先，你需要打开Gutenberg块编辑器，点击“+”添加块按钮并选择自定义HTML块。然后复制以下代码并粘贴到HTML块中：

<iframe src="https://playground.wordpress.net/"></iframe>

如果需要，你还可以在URL中添加一些查询参数。完成后，点击‘发布’或‘更新’以使更改生效。

关于WordPress Playground的常见问题

可以在浏览器中使用WordPress吗？是的，WordPress Playground允许你直接在浏览器中使用WordPress。你可以在安装主题和插件之前先进行测试。

可以在WordPress Playground中安装自定义主题和插件吗？是的，你可以在WordPress Playground中安装自定义主题和插件，看看它们是否在后台工作，是否与某些WordPress版本兼容。

可以将使用WordPress Playground创建的网站上传到我的托管账户吗？技术上可以，你可以从WordPress Playground导出站点并导入到你的WordPress托管账户。不过，由于WordPress Playground使用的是SQLite数据库，你可能需要将数据库转换为MySQL以使网站在Web服务器上运行。

如何在本地运行WordPress插件和主题？如果你想在本地开发环境中运行WordPress插件和主题，首先需要创建一个本地的WordPress站点。