WordPress 教学

如何从Webflow迁移到WordPress(一步步指南)

为什么从Webflow迁移到WordPress?

尽管Webflow因其易于使用的设计工具和简单的网站创建功能而受到欢迎,许多用户很快意识到它的局限性。Webflow是一个封闭的平台,提供的定制选项较少,集成受限,且价格相对高昂。这就是为什么我们推荐用户选择更具灵活性、成本效益的WordPress。

WordPress不仅是免费开源的平台,还提供许多主题和插件,可以无代码实现无限的定制。

步骤1:注册WordPress主机

要开始迁移,您需要一个WordPress主机。我们推荐使用Bluehost,这是一家官方推荐的WordPress主机提供商。目前,Bluehost为我们用户提供免费域名和超大折扣。

步骤2:选择WordPress主题

安装WordPress后,下一步是选择适合您的网站主题。有数千种免费的和付费的WordPress主题可供选择。

步骤3:导出您的Webflow网站

登录到Webflow账户并启动设计工具,点击代码导出按钮,然后点击“准备ZIP”按钮保存文件到您的电脑。

步骤4:导出您的博客文章

在Webflow的CMS栏中,点击“博客文章”,然后点击顶部的“导出”按钮,将博客文章导出为CSV格式。

步骤5:在WordPress中重新创建Webflow页面

要在WordPress中重新创建Webflow页面,您需要使用类似SeedProd这样的无代码页面构建器。安装并激活SeedProd插件,然后选择一个模板开始设计您的页面。

步骤6:导入博客文章到WordPress

安装并激活WP All Import插件,然后上传之前下载的CSV文件,按照提示完成导入。

步骤7:导入图片

安装并激活Auto Upload Images插件,然后批量更新所有博客文章以触发图片自动上传功能。

步骤8:更改域名设置

如果您的旧Webflow网站使用的是自定义域名,现在可以将其指向您的新WordPress网站。按照您的WordPress主机提供的域名服务器信息进行设置。

步骤9:设置永久链接

在WordPress后台的设置 >> 永久链接页面中,选择与您的Webflow网址结构相同的选项,并保存更改。

步骤10:安装必备的WordPress插件

安装一些必备的WordPress插件,如WPForms(添加联系表单)、All in One SEO(SEO工具包)、Duplicator(备份工具)、MonsterInsights(谷歌分析)、PushEngage(推送通知)。

学习WordPress(免费资源)

虽然WordPress易于使用,但有时您可能需要一点帮助。以下资源可以帮助您快速熟悉WordPress:

  • 免费WordPress视频培训课程
  • WPressize Me的YouTube频道
  • WordPress术语表

替代方法:获取Webflow迁移的专业帮助

如果您觉得自己跟随教程迁移过于麻烦,可以选择专业的WordPress服务商来帮您。一些专业服务如我们提供的高级WordPress支持服务,可以按需解决您的迁移问题。我们还提供快速网站启动服务,可以根据您的需求设计完全定制的WordPress网站。

Read More
WordPress 插件

如何在你的WordPress文章中显示预计阅读时间

为什么要在WordPress文章中添加预计阅读时间?

当你新开博客时,首要目标是吸引更多访客。不过,你也需要增加每个用户在你网站上的停留时间。当访问者在你网站上停留更长时间时,他们更有可能记住你的品牌,订阅你的新闻邮件,购买你的产品,并且将来再次访问。这也有助于提升你的网站SEO排名。因此,许多热门网站会在用户滚动文章时显示阅读进度条。

另一种鼓励访客阅读你文章的方法是提前告诉他们需要多少时间。告知他们文章只需几分钟阅读可以帮助他们开始阅读。

在你的WordPress文章中显示预计阅读时间

添加预计阅读时间最简单的方法是使用Read Meter插件。这是一个免费的WordPress插件,可以帮助你在网站上显示阅读时间和进度条。

首先,你需要安装并激活Read Meter插件。激活后,访问你WordPress后台的“设置”»“阅读计量器”页面以配置插件设置。

在“常规设置”选项卡中,你可以选择要显示阅读时间的文章类型。比如,插件允许你在博客文章和页面上显示阅读时间。如果你有一个在线商店,还可以选择在产品页面上显示。

你也可以调整平均阅读速度。默认情况下,插件计算阅读时间的方法是估计每分钟275个字的阅读速度。还可以选择在估计文章阅读时间时包括评论和图片。

接下来,你可以前往“阅读时间”选项卡以自定义显示的具体文本。插件允许你选择是否在博客文章、首页和归档页面上显示阅读时间。

此外,你可以更改阅读时间通知的外观。可以设置字号、阅读时间的位置、背景颜色、文本颜色等。

完成更改后,不要忘记点击“保存”按钮。

然后,你可以进入“进度条”选项卡并编辑设置。你将看到选项,可以选择进度条的位置(页面顶部或底部)或完全禁用它。

你还可以更改其样式、背景色、主色和条形厚度。

编辑进度条设置后,点击“保存”按钮。现在,你的读者将看到每篇文章的预计阅读时间。

你现在可以访问你的网站,查看阅读时间和进度条的效果。

提高WordPress阅读体验的专家指南

既然你知道如何显示预计文章阅读时间,你可能还想看看一些其他相关的指南,改进WordPress的阅读体验:

我们希望本文帮助你学习如何在WordPress文章中显示预计阅读时间。你可能还想查看我们的指南,了解如何在WordPress中添加关键词和元描述,或查看我们推荐的必须安装的WordPress插件。

如果你喜欢本文,请订阅我们的YouTube频道获取WordPress视频教程。你也可以在TwitterFacebook上找到我们。

Read More
WordPress 基础知识

如何在 WordPress 中更改日期和时间格式

为什么要更改 WordPress 中的日期和时间格式?

WordPress 使用日期/时间格式显示博客文章的发布时间和修改时间,及在内容编辑器中用于安排内容。

这种格式还显示了页面/文章的发布时间或更新时间,并显示了评论在你 WordPress 网站前端发布的时间。

世界不同地区有不同的日期和时间结构偏好。如果你有一个面向国际观众的网站,你可能希望更改博客文章中的日期/时间格式,以为用户创建更加本地化的体验。

此外,在博客文章中显示日期和时间有助于提高网站的可见度,更有效地突出内容的新鲜度。

因为搜索引擎更可能会对新鲜和更新的内容排名更高。更多细节,你可以查看我们关于 WordPress 内容衰减的指南。

既然说到这里,让我们看看如何轻松更改 WordPress 中的日期和时间格式。我们还将向你展示如何轻松在 WordPress 文章中显示日期旁边的时间:

如何在 WordPress 中更改日期和时间格式

你可以使用 WordPress 仪表盘中的内置功能轻松更改日期和时间格式。

首先,你必须从 WordPress 管理侧栏访问“设置” » “常规”页面,然后向下滚动到“时区”部分。到达那里后,你可以从下拉菜单中为你的网站选择一个时区。

例如,如果你住在哥斯达黎加,你可以从下拉菜单中选择该选项。

接下来,向下滚动到“日期格式”选项,在那里你可以选择一种日期安排。

这些格式选项基于表示日期安排的字母字符。

如果你不想使用任何可用的日期格式,你可以选择“自定义”选项并在旁边的框中输入字符,创建你自己的格式。

例如,如果你输入大写字母 Y,你的日期格式将以四位数字显示年份,如 2014。

类似地,如果你输入小写字母 y,它将以两位数字输出年份,如 14。

以下是一些常用日期和时间格式字符的列表:M d, Y – 2023年11月6日;d M, Y – 2023年11月6日;F jS, Y – 2023年11月6日;l, F jS, Y – 2023年11月6日;H:i:s – 21:26:12

更多细节,你可以查看完整的格式字符串字符列表。这可以作为创建自定义日期安排的指南。

创建格式后,WordPress 将显示日期预览。

接下来,前往“时间格式”部分。从这里,你可以选择任何预制的时间格式。

如果你找不到任何合适的格式,也可以选择“自定义”选项自定义格式。

完成后,你还可以在“预览”选项旁边查看你时间的预览。

如果不确定格式字符,可以点击“时间格式”部分中的“日期和时间格式文档”链接。

完成后,不要忘记点击“保存更改”按钮来存储设置。

现在,你可以访问你的 WordPress 网站查看文章中日期格式的变化。

如何在 WordPress 文章中日期旁边显示时间

默认情况下,WordPress 不会在博客文章日期旁边显示发布时间。

然而,你可以通过编辑 WordPress 主题并添加自定义代码来轻松显示时间。

一些教程会建议你创建一个子主题来做到这一点。但是,请记住,在添加代码时的最小错误可能会破坏你的网站,使其无法访问。

这就是为什么我们建议始终使用 WPCode 在你的网站中添加代码。它是市场上最好的 WordPress 代码片段插件,可以安全且轻松地添加自定义代码。

首先,你需要安装和激活 WPCode 插件。更多详细说明,你可以查看我们关于如何安装 WordPress 插件的初学者指南。

注意: WPCode 也有一个免费版本,你可以用于本教程。然而,升级到专业计划将为你提供代码片段云库,智能条件逻辑等功能。

激活后,从 WordPress 管理侧栏访问“代码片段”»“+ 添加片段”页面。

到达那里后,点击“添加自定义代码(新片段)”选项下的“使用片段”按钮。

这将带你到“创建自定义片段”页面,你可以从输入代码片段的名称开始。此名称不会显示在前端,仅供你识别。

之后,从屏幕右上角的“代码类型”下拉菜单中选择“PHP 片段”选项。

接下来,简单地将以下代码复制并粘贴到“代码预览”框中:

add_filter( 'pre_option_date_format', function( $date_format ) {
	if ( is_admin() ) {
		return $date_format;
	}

	return 'l, F jS, Y H:i:s';
});

完成后,你可以保持代码不变,或通过更改返回之后的值来自定义日期和时间布局。

记住,你需要使用格式字符来创建你自己的自定义日期/时间安排。

之后,向下滚动到“插入”部分并选择“自动插入”模式。

激活后,自定义代码将自动在你的网站上执行。

最后,向上滚动并将“未激活”开关切换为“激活”。

完成后,不要忘记点击“保存片段”按钮以存储更改。

现在,你可以访问你的 WordPress 博客查看文章中显示的时间和日期。

请记住,激活此代码片段后,默认的 WordPress 日期和时间格式将不会在你的网站上显示。

奖励:在 WordPress 中显示今天的日期

除了显示发布时间外,你还可以在页面和文章中显示当前日期和时间。

这有助于增强文章的相关性,促进透明性,并改善你网站的整体用户体验。

你可以通过使用 WPCode 添加自定义代码轻松在你的网站上显示当前日期。

这是市场上最好的 WordPress 代码片段插件,可让你在不破坏网站的情况下添加自定义代码。

你需要使用以下代码片段:

function wpb_date_today($atts, $content = null) {
	extract( shortcode_atts( array(
	'format' => ''
), $atts ) ); 
 
	if ($atts['format'] == '') {
		$date_time .= date(get_option('date_format'));
	} else {
		$date_time .= date($atts['format']);
	}
	return $date_time;
}
add_shortcode('date-today','wpb_date_today');

此代码将使用你在 WordPress 仪表盘中选择的日期和时间格式在页面和文章上显示当前日期。

更多详细说明,你可以查看我们关于如何在 WordPress 中显示今天日期的教程。

我们希望这篇文章帮助你学习如何轻松更改 WordPress 中的日期和时间格式。你可能还想查看我们关于如何从 WordPress 评论中删除日期和时间的教程,以及我们专家对最佳 WordPress 日历插件的推荐。

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

Read More
WordPress 主题

如何在 WordPress 中個別設計分類

如何在 WordPress 中個別設計分類

更新日期:2017 年 6 月 22 日 | 評審者:Syed Balkhi | 編輯部

編輯註:我們從 WPressize Me 的合作連結中賺取佣金。佣金不會影響我們編輯的意見或評價。了解更多關於我們的編輯過程。

你想在 WordPress 中對分類進行不同的設計嗎?大多數 WordPress 主題對所有分類存檔頁面使用相同的樣式。然而,如果你經營一個內容豐富的網站,那麼你可以對每個分類進行不同的設計,以最大化它們的潛力。在本文中,我們將向你展示如何輕鬆地在 WordPress 中個別設計分類。

為什麼要在 WordPress 中個別設計分類?

如前所述,大多數 WordPress 主題對每個分類存檔頁面使用相同的模板。這是因為主題開發者不知道你將如何使用網站中的分類以及那些分類的具體內容。然而,如果你經營一個內容豐富的網站,改變分類存檔頁面的佈局可以對用戶如何與該頁面的內容互動產生顯著影響。

例如,如果你運營一個新聞或雜誌網站,你可以在本地新聞分類中顯示本地廣告。你可以展示天氣信息,展示該分類中最受歡迎的故事,等等。話雖如此,讓我們來看看如何輕鬆地在 WordPress 中個別設計每個分類。

在 WordPress 中個別設計分類的方法

有多種方式可以在 WordPress 中進行分類設計。我們將向你展示兩種不同的方法,你可以選擇最適合你的需求和技能水平的一種。

在 WordPress 主題中使用單一分類模板

WordPress 主題遵循標準的模板層級結構。根據模板文件的名稱,WordPress 可以自動選擇正確的模板來顯示頁面。

例如,它會查找 category.php 文件來顯示分類存檔頁面。

WordPress 也允許你為每個分類創建模板。比方說,你想對 ‘Apple’ 這個分類進行不同的設計。你可以通過在你的主題中添加一個新模板文件並命名為 category-apple.php 來完成這一點。

使用 FTP 客戶端連接到你的 WordPress 網站,然後進入 /wp-content/themes/your-current-theme/ 文件夾,創建一個新文件 category-apple.php。不要忘記將 ‘apple’ 替換為你自己的分類名稱。

你可以使用主題的 category.php 文件作為起點。簡單地編輯並複製其中的所有內容。現在,編輯你新創建的 category-apple.php 文件並將代碼粘貼到其中。

之後,你可以開始對你的單一分類模板進行更改。你可以為這個分類創建並使用不同的側邊欄,使其成為全寬頁面,添加歡迎信息,或任何其他你想要的內容。

使用 CSS 設計 WordPress 的個別分類

WordPress 自動為網站各個元素添加 CSS 類別,這些包括 body 類別和 post 類別。

例如,如果你查看分類存檔頁面,然後使用檢查工具,你會注意到 body 標籤中的 category 和 category-name CSS 類別。

你可以使用這個 CSS 類別通過添加自定義 CSS 將每個分類設計得不同。

body.category-apple { background-color:#EEE; background:url("http://example.com/wp-content/uploads/2017/background.jpg") no-repeat fixed; color:#FFFFFF;} .category-apple .site { background:#232323; } .category-apple a { color:#CCCCCC; }

不要忘記在 CSS 類別中將分類名稱改為你自己的分類名稱。

我們希望這篇文章能幫助你了解如何在 WordPress 中個別設計分類。你可能還會想看看我們的 WordPress 最受歡迎的分類技巧和插件列表。

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

Read More
WordPress 教学

如何在WordPress中导入和导出自定义文章类型

使用备份插件移动您的WordPress站点非常简单。但如果您只想移动自定义文章类型呢?在本文中,我们将向您展示如何在WordPress中导入和导出自定义文章类型。我们还将向您展示如何导入与您的文章类型相关的任何自定义分类法。

在WordPress中导出自定义文章类型和分类法

一些用户喜欢通过在主题的functions.php文件或站点特定插件中添加代码来创建他们的自定义文章类型和分类法。在这种情况下,您需要做的就是复制这些代码并将其粘贴到要导入这些代码的站点上。

但是,在某些情况下,您可能无法找到代码。不要担心,您仍然可以在新站点上创建相同的自定义文章类型。您只需要知道文章键值。这是WordPress数据库中用于文章类型的名称。您可以通过访问WordPress管理区域中的文章类型来找到它。

一旦您有了文章键,访问要导入文章类型的站点并使用Custom Post Types UI插件创建自定义文章类型。您还可以通过在管理区域中查看自定义分类法来获取自定义分类法键。

使用CPT UI插件在目标站点创建相同的分类法。对于要导入的所有自定义文章类型和分类法,重复此过程。

提示

如果您使用CPT UI插件创建了文章类型,则也可以使用它们来迁移它们。但是,这仅在原始自定义文章类型是使用此插件创建时才有效。访问插件设置中的导入/导出部分并按照屏幕上的说明进行操作。

由插件创建的自定义文章类型和分类法

许多流行的WordPress插件使用自定义文章类型和分类法来处理自定义内容类型。例如,Soliloquy使用它们来创建滑块,电子商务插件使用它们来创建产品等。

如果您想继续使用这些插件,则无需导入CPT。只需在目标站点上安装插件,您就可以在站点上准备好自定义文章类型和分类法。许多此类插件都附带自己的导入/导出功能,但是如果插件没有该功能,您仍然可以导出数据。

在WordPress中导出/导入自定义文章类型和分类法数据

WordPress带有一个强大的导入/导出工具,可以让您导出和导入WordPress数据。只需转到工具 » 导出

您将看到所有文章类型列在那里。选择要导出的文章类型并按下载导出文件按钮。

WordPress现在将准备一个XML导出文件,您的浏览器将开始下载它。现在切换到要导入此数据的目标站点。转到工具 » 导入。您将看到多个选项,点击WordPress。

这将弹出一个窗口,要求您安装WordPress导入插件。点击安装按钮,然后点击激活插件并运行导入工具链接。

在导入程序屏幕上,您需要点击选择文件按钮,然后选择之前下载的XML文件。接下来,点击上传文件并导出按钮。

WordPress现在将导入您的自定义文章类型数据。所有先前选择的自定义文章类型将被导入。WordPress还将自动将术语添加到自定义分类法中。

就这样,希望本文帮助您在WordPress中导入和导出自定义文章类型和分类法。

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

Read More
WordPress 教学

如何创建一个仅供会员访问的WooCommerce商店(一步步指南)

为什么要创建一个仅供会员访问的WooCommerce商店?

仅供会员访问的WooCommerce商店是一种在线商店,用户必须成为会员才能查看和购买产品。这可以通过付费订阅或者简单地要求用户注册成为会员来实现。你可以将整个商店设置为私密状态,或者仅为会员创建VIP产品。

有多种原因你可能需要创建一个仅供会员访问的商店:

  • 你需要一个私密区域来销售批发商品。
  • 你只想向付费会员销售产品。
  • 你希望提供仅供会员享受的特殊折扣和福利。
  • 你希望为不同的会员等级提供不同的产品。
  • 你希望为会员提供额外的独家产品。
  • 你可以更好地管理库存,确保高需求产品优先提供给最忠诚的客户。

以下是我们将要介绍的创建仅供会员访问的WooCommerce商店的步骤:

  1. 开始一个仅供会员访问的WooCommerce商店
  2. 选择WooCommerce会员插件
  3. 设置你的会员在线商店
  4. 添加会员支付方式
  5. 为你的商店创建订阅计划
  6. 将你的WooCommerce商店设置为私密
  7. 为你的商店添加注册和登录表单
  8. 发展你的仅供会员访问的在线商店

第1步:开始一个仅供会员访问的WooCommerce商店

要从头开始创建一个私密的仅供会员访问的WooCommerce商店,你需要以下几样东西:

  • 域名:这将是你的在线商店的地址(如:example.com)。
  • WordPress托管账户:网站文件将存储在这里。
  • SSL证书:这可以安全地在线接受付款。
  • 电子商务插件:用于销售产品和创建商店。
  • 会员插件:用于控制在线商店的隐私设置。

通常,网络托管费用为每月7.99美元,域名费用为每年14.99美元,SSL证书费用约为每年69.99美元。这对于刚开始一个新在线商店的你来说可能是一个较大的投资。

幸运的是,Bluehost为我们的读者提供了60%的大折扣,并赠送免费域名和SSL证书。只需点击以下按钮,折扣将自动应用。

第2步:选择一个WooCommerce会员插件

一旦你的WooCommerce商店设置好了,你需要通过会员等级来限制用户的访问权限。你可以将整个商店设置为私密,或仅对特定产品和产品类别进行限制。如果你想创建一个带有访问控制、订阅计划、多级订阅、内置支付选项等功能的会员专享在线商店,那么你需要一个功能丰富的会员插件,如MemberPress。

MemberPress是市场上最好的WordPress会员插件,能够轻松创建一个私密商店、接受支付、根据等级限制产品访问等。它拥有创建仅供会员访问的在线商店所需的所有功能,并与所有你需要的工具集成,帮助你发展在线商店。

第3步:设置你的仅供会员访问的在线商店

我们将使用MemberPress来设置仅供会员访问的WooCommerce商店。首先,你需要安装并激活MemberPress插件。激活后,导航到MemberPress » 设置,点击“许可证”菜单选项,输入你的许可证密钥,然后点击“激活许可证密钥”按钮。这些信息可以在你的MemberPress账户中找到。

第4步:为你的会员商店添加支付方式

接下来,你需要添加支付网关,以便在会员网站上接受付款。你还可以创建一个免费的会员等级,允许用户在不付款的情况下注册。选择“支付”选项卡,然后点击“添加支付方式”按钮,从下拉菜单中选择你的支付方式并连接到不同的支付处理器。

第5步:为你的WooCommerce商店创建订阅计划

现在,你需要创建一个订阅计划,以便新会员可以订阅并访问你的商店。你可以创建不同价格选项和不同产品访问权的计划。要创建新的会员计划,导航到MemberPress » Memberships,然后点击“添加新”按钮。输入计划名称和详细信息,在“会员条款”部分设置价格、付款类型、付款周期和计划的有效期。

第6步:将你的WooCommerce商店设置为私密

现在,你可以通过MemberPress强大的功能根据会员等级限制访问WooCommerce商店。例如,你可以将整个商店设置为仅供会员访问,创建仅供会员的产品,甚至限制整个产品类别的访问。导航到MemberPress » 规则,然后点击“添加新”按钮。

第7步:为你的商店添加注册和登录表单

现在你的会员商店已经设置好了,你可以为用户提供额外的方式来登录他们的账户,方便他们访问商店。最简单的方法是将登录表单添加到WordPress的小部件区域。导航到外观 » 小部件,点击“加号”图标,搜索“MemberPress登录”,然后点击区块,将登录表单添加到边栏小部件,使其上线。

第8步:发展你的仅供会员访问的在线商店

现在你已经有了一个私密的仅供会员访问的WooCommerce商店,是时候看看如何增加商店的访客量和发展业务了。使用WooCommerce和MemberPress,你可以使用各种强大的工具来增加流量、优化商店等。

  • MonsterInsights:最佳的WordPress分析解决方案,允许设置WooCommerce转化追踪。
  • SeedProd:最佳的WordPress页面构建插件,用于创建自定义产品页面、购物车页面、结账页面等。
  • OptinMonster:最佳的转化优化和潜在客户生成插件,轻松创建WooCommerce弹窗,将访客转化为付费客户。
  • All in One SEO:最佳的WordPress SEO插件,无需技术技能优化你的网站和在线商店。
  • FunnelKit Automations:最佳的营销自动化插件,通过定向电子邮件序列培养潜在客户、恢复被遗弃的购物车和与会员互动。

如果你在寻找更多插件,可以查看我们推荐的最佳WooCommerce插件。

希望这篇文章能帮助你了解如何创建一个仅供会员访问的WooCommerce商店。你还可以查看我们的指南,了解如何创建免费商务电子邮件地址以及专家推荐的最佳小企业即时聊天软件。

Read More
WordPress 教学

如何从WordPress中移除密码重置/更改选项

如何从WordPress中移除密码重置/更改选项

默认情况下,WordPress允许用户通过提供电子邮件地址来重置或更改密码。有时,您可能希望禁用此功能以防止黑客尝试进入您的网站。在本文中,我们将向您展示如何从WordPress中移除密码重置/更改选项。

为什么要从WordPress中移除密码重置/更改选项?

如果您允许用户在您的WordPress站点上注册,那么密码重置选项允许用户找回丢失的密码。通常情况下,您不想更改这一点。然而,在某些使用场景中,您可能希望为特定用户或用户角色移除此选项。

例如,您可能为某人创建了一个临时账户或一个演示站点,用户可以使用演示用户名和密码登录。此外,拥有密码重置选项也给了黑客另一种尝试进入您网站的方法。如果您特别关注WordPress的安全性,您可能希望移除用户自行重置密码的选项。

方法1:使用LoginPress禁用密码重置/更改选项

禁用密码重置/更改选项最简单的方法是使用LoginPress。这是一个免费的WordPress插件,允许您自定义登录页面。

步骤1:安装和激活LoginPress

首先,您需要安装和激活LoginPress。更多详细信息,请参阅我们关于如何安装WordPress插件的教程。

步骤2:自定义设置

接下来,从您的WordPress仪表盘进入LoginPress » 设置页面。在设置页面,您有很多选项来自定义您的登录页面。许多其他选项卡是付费功能,但设置选项对免费用户开放。

您可能需要开启“强制密码重置”选项。一旦您切换该选项,您需要设置一个天数,在此之后用户将被强制再次更改他们的密码。对于WordPress安全性,建议每90天更改一次密码。同时,您可以选择希望强制执行该密码重置规则的用户角色。

下方,您还可以设置用户在会话过期前可以访问您WordPress后端的分钟数。此外,您还可以在用户注册表单中添加自定义密码字段和其他设置。

选择所有您希望自定义的选项后,点击“保存更改”按钮。

步骤3:禁用“忘记密码”选项

从这里,您需要进入LoginPress » 自定义器。这将带你进入一个内建的编辑器,在那里您可以轻松自定义WordPress登录页面的任何方面。要移除“忘记密码?”消息,您需要转到表单底部选项卡。可以通过点击“忘记密码?”旁边的铅笔图标到达表单底部选项卡。

然后,您需要关闭“启用页脚文本”选项。这样将从登录页面移除“注册”和“忘记密码?”选项。

该插件提供了许多其他很酷的功能。例如,您可以更改按钮颜色和文字颜色、添加Logo,甚至更改背景颜色。只需点击您希望更改的任意位置的铅笔图标,或通过左侧面板导航。

完成WordPress登录页面的自定义后,点击左上角的“发布”按钮以最终确认更改。

最后,您需要从WordPress仪表盘登出。然后,再次尝试登录,以确认忘记密码选项不再出现。您现在已经成功地从WordPress中移除了密码重置/更改选项。

方法2:使用WPCode手动禁用密码重置选项

这需要您向WordPress站点添加代码。某些教程会告诉您直接编辑文件,但我们不推荐这样做。即使是最小的错误也可能导致WordPress错误,甚至使您的站点无法访问。因此,我们推荐使用像WPCode这样的代码片段插件。

这个流行的插件允许你在无须编辑主题functions.php文件的情况下在WordPress中添加自定义代码,因此不用担心弄坏您的网站。您可以使用WPCode的免费版本进行本教程。然而,若升级到高级版本,您将可以访问更多预制片段和高级功能,包括代码生成器、版本历史和智能条件逻辑。

首先,您需要安装和激活WPCode插件。更多信息请参阅我们关于如何安装WordPress插件的指南。然后,您需要进入代码片段 » + 添加片段。由于没有预制的禁用密码重置选项的片段,您需要添加自定义代码。

点击‘添加自定义代码’栏然后点击‘使用片段’。

首先,您需要给自定义片段一个名称,以便以后需要更改时可以参照它。接下来,对于代码类型,从下拉菜单中选择‘PHP片段’选项。

然后,您需要将以下代码复制并粘贴到代码预览文本编辑器中:

<?php
/*
 * 插件名称:禁用密码重置
 * 描述:禁用密码重置功能。只有拥有管理员角色的用户可以从管理员区域更改密码。
 * 版本:1.0
 * 作者:WPressize Me
 * 作者 URI:http://wpressize.me
 */

class Password_Reset_Removed
{

  function __construct()
  {
    add_filter( 'show_password_fields', array( $this, 'disable' ) );
    add_filter( 'allow_password_reset', array( $this, 'disable' ) );
    add_filter( 'gettext',              array( $this, 'remove' ) );
  }

  function disable()
  {
    if ( is_admin() ) {
      $userdata = wp_get_current_user();
      $user = new WP_User($userdata->ID);
      if ( !empty( $user->roles ) && is_array( $user->roles ) && $user->roles[0] == 'administrator' )
        return true;
    }
    return false;
  }

  function remove($text)
  {
    return str_replace( array('忘记密码?', '忘记密码'), '', trim($text, '?') );
  }
}

$pass_reset_removed = new Password_Reset_Removed();
?>

从这里,您只需要把顶部的选项从‘未激活’切换为‘激活’。然后,点击‘保存片段’以最终确认更改。

完成所有设置。现在您可以登出WordPress管理区域,以检查密码重置选项是否已经移除。

希望本文帮助您了解如何从WordPress中移除密码重置/更改选项。您可能还想查看我们的终极指南,学习如何加速WordPress性能或最常见的WordPress错误及其修复方法列表。如果您喜欢本文,请订阅我们的YouTube频道以获取WordPress视频教程。您也可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何在 WordPress 中突出顯示選單項目

為什麼在 WordPress 中突出顯示選單項目?

導航選單是指向您網站重要區域的連結列表,通常以橫條的形式出現在每個 WordPress 網站頁面的頁頭。通過在導航選單中突出顯示一個選單項目,您可以輕鬆地將使用者的注意力引導至您最重要的行動呼籲。例如,如果您希望使用者訪問定價頁面或某篇特定文章,那麼您可以在導航選單中突出顯示該項目,這樣可以增加該頁面的流量並提升銷售量。

方法 1:使用完整網站編輯器(Full Site Editor)突出顯示選單項目

如果您使用的是區塊啟用的主題,那麼您將擁有完整網站編輯器(FSE)而不是較舊的主題自訂器。您也可以在其中輕鬆地突出顯示當前的選單項目。首先,從 WordPress 管理儀表板前往“外觀 » 編輯器”頁面。這將把您引導至完整網站編輯器。

接著,雙擊要突出顯示的選單項目,然後點擊頂部的“設定”圖標。這會立即在區塊面板中打開該選單項目的設定。現在,向下滾動到“進階”標籤,點擊旁邊的箭頭圖標以展開它。這會打開一個“額外 CSS 類別”字段,您需要在其中寫入 highlighted-menu

接下來,點擊頁面頂部的“保存”按鈕以存儲您的更改。之後,您需要向主題添加一點 CSS 代碼以達成突出效果。您可以選擇修復缺失的主題自訂器,或者使用代碼片段插件來添加 CSS 代碼。

如何使用 WPCode 添加 CSS 片段

要將 CSS 添加到 WordPress,我們推薦使用 WPCode,因為它是市場上最佳的 WordPress 代碼片段插件,可以安全且簡單地添加自訂代碼。首先,您需要安裝並啟用 WPCode 插件。更多說明請參考我們的逐步指南如何安裝 WordPress 插件。

注意:WPCode 也有免費版本,但您需要該插件的高級計畫才能解鎖“CSS 片段”選項。

在激活後,從 WordPress 管理面板導航到“代碼片段 » + 添加片段”頁面。這裡,將滑鼠懸停在“添加您的自訂代碼(新片段)”選項上,然後點擊下面的“使用片段”按鈕。這會帶您到“創建自訂片段”頁面,您可以首先為您的片段選擇一個名稱。之後,從屏幕右上角的下拉選單選擇“CSS 片段”作為代碼類型。

接下來,將以下 CSS 代碼複製並粘貼到“代碼預覽”框中:

/* 突出顯示的選單 */ .highlighted-menu { background: #d3d3d3; border-radius: 35px; padding: 0px 20px; line-height: 50px; }

粘貼完畢後,向下滾動到“插入方式”區域。在這裡,選擇“自動插入”模式,以便代碼可以在您的整個網站上自動執行。現在,前往頁面頂部並將開關從“非活動”切換到“活動”。然後,簡單點擊“保存片段”按鈕以存儲您的設定。

您現在已成功使用完整網站編輯器在 WordPress 中突出顯示了選單項目。這是添加 CSS 代碼後選單項目的外觀。

如何在區塊主題中使用主題自訂器

如果您希望使用主題自訂器並使用 FSE 主題,則只需將以下 URL 複製並粘貼到您的瀏覽器中。請確保將“example.com”替換為您自己的網站域名:

https://example.com/wp-admin/customize.php

這會打開區塊主題的主題自訂器,您需要在其中展開“額外 CSS”標籤。從這裡,將以下 CSS 片段複製並粘貼到“額外 CSS”框中:

/* 突出顯示的選單 */ .highlighted-menu { background: #FFB6C1; border-radius: 35px; padding: 0px 20px; line-height: 50px; }

之後,簡單點擊頁面頂部的“發布”按鈕以存儲您的設定。

方法 2:使用主題自訂器突出顯示選單項目

如果您使用的是較舊的 WordPress 主題,那麼預設會啟用主題自訂器。在主題自訂器中突出顯示選單項目是一個相當簡單的過程。首先,從 WordPress 儀表板導航到“外觀 » 自訂”以啟動主題自訂器。打開後,點擊左側側邊欄的“選單”標籤。在這裡,點擊右上角的齒輪圖標以顯示進階屬性。現在,勾選“CSS 類別”框。

接著,向下滾動到“選單”部分。如果您有多個 WordPress 選單,簡單點擊包含您想要突出的選單項目的選單。這將打開一個新標籤,您可以選擇要突出顯示的選單項目。它可以是“聯絡我們”,如我們的範例,或是您的定價頁面或網上商店的連結。簡單點擊您的選單項目以展開一些設定。在這裡,點擊“CSS 類別”框。您只需在該字段中寫入 highlighted-menu 您可以將此 CSS 類別添加到多個選單項目,所有這些項目都會被突出顯示。

接著,簡單前往主題自訂器中的“額外 CSS”標籤。之後,將以下 CSS 代碼複製並粘貼到“額外 CSS”框中:

/* 突出顯示的選單 */ .highlighted-menu { background: #FFB6C1; border-radius: 35px; padding: 0px 20px; line-height: 50px; }

恭喜!您已成功突出顯示了一個選單項目。

注意:您的主題可能沒有在主題自訂器中提供“額外 CSS”字段。如果沒有,請檢查主題設定以瞭解如何添加自訂 CSS。如果找不到,您可能需要聯繫開發者或使用 WPCode 添加代碼。

最後,不要忘記點擊頁面頂部的“發布”按鈕以存儲您的設定。

自訂您的選單項目突出

現在您已經突出顯示選單項目,您可以調整 CSS 代碼來根據喜好自訂選單項目。例如,您可以更改選單項目的背景顏色。簡單查找您剛剛粘貼的 CSS 片段中的以下代碼:

background: #FFB6C1;

找到後,您可以簡單替換粉紅色的顏色代碼號碼為您喜歡的任何顏色的十六進通信號碼:

background: #7FFFD4;

以上是水綠色的十六進制代碼。您可以參考我們的指南,輕鬆添加自訂 CSS,以獲取更多有關如何自訂突出顯示的選單項目的想法。當您對自己的選擇滿意後,簡單點擊主題自訂器中的“發布”按鈕或在 WPCode 中點擊“保存片段”以保存您的更改。

我們希望這篇文章有助於您學習如何在 WordPress 中突出顯示選單項目。您可能還想查看我們的初學者指南,了解如何為 WordPress 導航選單進行樣式設計或我們專家挑選的必備 WordPress 插件以幫助您的網站成長。

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

Read More
WordPress 插件

如何在 WordPress 中建立 Dropbox 上傳表單

為什麼使用 Dropbox 來上傳表單附件

有時候,您可能需要使用網站上的表單來讓用戶上傳附件。例如,求職網站可能需要文件上傳選項來上傳履歷或工作樣本。

客戶反饋表單可能需要圖片上傳選項,以便用戶能夠傳送截圖。或者,一個攝影比賽網站可能需要用戶上傳參賽作品。

當您收到文件時,您可以將這些文件儲存在您的 WordPress 網站中,它們將被添加到 wp-content 資料夾。

然而,如果您預期會收到大量的提交且它們並不與您的實際網站文件相關,那麼將它們單獨保存是一個好主意。

上傳表單附件到 Dropbox 有以下幾個優點:

  • 您可以將表單上傳的條目與 WordPress 文件分開保存。
  • Dropbox 讓您更容易與任何人共享這些文件,並且不需要讓他們訪問您的網站。
  • 您可以輕鬆地從 Dropbox 儀表板瀏覽和管理表單附件。
  • 如果您不再需要這些文件,您可以下載、存檔和刪除它們。

話雖如此,讓我們來看看如何在 WordPress 中製作一個帶有上傳文件選項的表單來上傳到 Dropbox。

在 WordPress 建立 Dropbox 上傳表單

在 WordPress 中製作 Dropbox 表單的最簡單方法是使用 WPForms。這是最好的聯絡表單插件,提供預製模板、拖放式表單建構器和高級整合。

首先,您需要安裝並激活 WPForms 插件。更多詳情,您應該查看我們的文章《如何安裝 WordPress 插件》。

注意:WPForms 是由 WPBeginner 同一團隊開發的付費插件,您需要至少訂閱其「專業計劃」來獲取我們將在本教程中使用的 Zapier 附加插件。您也可以免費使用 WPForms 輕量版。

激活後,您需要前往 WPForms » 設定頁面,並輸入您的許可證密鑰。您可以在 WPForms 帳戶區域中輕鬆找到許可證密鑰。

接下來,您需要訪問 WordPress 管理區域中的 WPForms » 添加新建頁面,從這裡您可以添加新的 WordPress Dropbox 上傳表單。

這將帶您進入 WPForms 表單建構頁面。在頂部為您的表單提供一個名稱,然後選擇「簡單聯絡表單」模板作為起點。

WPForms 將載入帶有常用表單欄位的表單模板。您可以點擊任意欄位進行編輯,並拖動欄位來重新排列它們或將新欄位添加到表單中。

接下來,您需要點擊左側列中的「Fancy fields」部分下的「文件上傳」欄位。

這將把文件上傳欄位添加到您的表單中。點擊「儲存」按鈕來保存您的表單,您的文件上傳表單已經準備就緒。

整合 Zapier 與 WPForms

接下來,您需要將您的表單連接到您的 Dropbox 帳戶。我們將使用一個叫 Zapier 的服務來完成這個操作。Zapier 允許您在不編寫任何代碼的情況下,將不同的應用程式連接到您的網站。在這種情況下,我們將使用它來建立 WPForms 和 Dropbox 之間的連接。

WPForms 帶有一個叫做「Zapier Addon」的附加插件,您可以使用它來整合超過 1500 個流行應用程式,包括 Dropbox。

要訪問此附加插件,您需要前往 WPForms » 附加插件頁面。在那裡,您需要找到 Zapier 附加插件並點擊「安裝附加插件」按鈕,它會自動啟用該附加插件。

接下來,您需要前往 WordPress 管理區域的 WPForms » 設定 » 整合頁面,在那裡您需要複製「Zapier API 密鑰」,這將用於將您的 WordPress 網站與 Zapier 連接。

複製後,您應該訪問 Zapier 網站並登入您的 Zapier 帳戶,點擊「建立 Zap」按鈕以繼續。接下來,Zapier 會要求您選擇一個觸發器。有很多應用可供選擇,請搜索「WPForms」並選擇它作為觸發器應用。

之後,您需要選擇「新表單條目」作為 WPForms 應用的觸發事件。這將在每次表單提交時建立一個觸發器。

接下來,您需要選擇一個 WPForms 帳戶。您可以點擊「登錄」按鈕來將您的 Zapier 帳戶與您網站上的 WPForms 插件連接。

現在將打開一個新窗口。要將 Zapier 與您的網站連接,您需要添加您的網站 URL 和之前複製的 Zapier API 密鑰。

輸入這些詳細資訊後,點擊「是的,繼續」按鈕。這將顯示 WPForms 帳戶,點擊「繼續」按鈕。

接下來,在「表單」下拉選單中,您需要選擇先前創建的文件上傳表單。完成後,點擊「繼續」按鈕。

在進入下一步之前,Zapier 將要求您測試新的文件上傳表單,以確保所有設定都正常工作。您可以訪問 WordPress 管理區域的 WPForms » 所有表單頁面,並點擊文件上傳表單下方的「預覽」連結。

為了讓這個測試順利進行,您應該上傳一個文件,並在信息部分添加虛擬文本。提交測試條目,然後返回您的 Zapier 帳戶,點擊「測試觸發器」按鈕。

注意:您可以在「查找數據」部分檢查測試條目。如果測試成功,它將跳至下一步,您可以將表單與 Dropbox 整合。

連接 WPForms 與 Dropbox

首先,您需要訪問您的 Dropbox 帳戶並創建一個新的 Dropbox 上傳資料夾。您可以將此資料夾命名為「WPForms 上傳」或任何名稱。所有您的文件附件將自動上傳到此資料夾。

接下來,您需要返回您的 Zapier 帳戶。在「行動」部分中,您需要搜索「Dropbox」應用並點擊它。它會要求您為 Dropbox 創建一個行動,選擇「上傳文件」選項並點擊「繼續」按鈕。

之後,您需要點擊「登入」按鈕,這樣,您可以選擇您的 Dropbox 帳戶並將其與 Zapier 連接。

接下來,您需要從下拉選單中選擇您的 Dropbox 帳戶,選擇完帳戶後,簡單點擊「繼續」按鈕。

現在,您需要配置 Dropbox 文件設定。它會要求您提供兩個選項:

  • 您希望保存文件附件的 Dropbox 資料夾
  • WPForms 文件上傳欄位

您可以向下滾動以查看更多高級設定,簡單點擊「繼續」按鈕。

完成設置後,您可以進行測試配置,點擊「測試並繼續」按鈕。

測試成功後,您需要發布您的 Zap,簡單點擊「發布 Zap」按鈕。

最後,會彈出一個窗口,您可以點擊「發布並開啟」按鈕。

您的帶有文件上傳選項的線上表單已經可以添加到您的網站。

在 WordPress 中添加 Dropbox 上傳表單

要在 WordPress 中添加 Dropbox 上傳表單,您可以編輯任何想要顯示表單的頁面或文章。簡單將 WPForms 區塊添加到內容編輯器並選擇您之前創建的表單。

在 WPForms 區塊中,從下拉選單中選擇您的 Dropbox 文件上傳表單。WPForms 將在內容編輯器中載入表單的即時預覽。

現在,您可以訪問您的網站查看表單運行情況。您也可以通過上傳文件並填寫表單來測試表單。

希望這篇文章能幫助您學會如何在 WordPress 中創建 Dropbox 上傳表單。您可能還希望查看我們的指南《如何在 WordPress 中舉辦抽獎活動以提高用戶參與度》以及我們的專家精選《最佳 Dropbox 插件》。

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

Read More
WordPress 教学

如何更改WordPress JPEG图片压缩

为什么要更改WordPress的JPEG图片压缩?

每次你上传JPEG图片到你的WordPress网站,系统会自动将图片压缩到90%的质量。在WordPress 4.5之前,这个数字曾降低到82%以改善移动用户的站点性能。

如果你是一名摄影师,希望在网站上展示高质量的图片,那么你可以关闭WordPress的图片压缩。

如何禁用WordPress的图片压缩

你只需要将以下代码粘贴到主题的functions.php文件中,或者使用像WPCode这样的代码片段插件来实现(推荐)。

如果你之前没有这样做过,可以查看我们关于如何向WordPress网站添加自定义代码的指南。

首先,你需要安装WPCode Free Plugin插件。激活后,进入WordPress后台的Code Snippets » + Add Snippet。然后将鼠标悬停在‘Add Custom Code’模板上,并点击‘Use Snippet’按钮。

这将带你到一个新的屏幕,在这里你可以创建自定义片段。需要给这个片段添加一个标题,比如‘Disable Image Compression in WordPress’。

然后,从Code Type下拉菜单中选择‘PHP Snippet’,在‘Code Preview’窗格中粘贴以下代码片段:

add_filter('jpeg_quality', function($arg){return 100;});

将值设置为100,这样WordPress会以最高质量压缩图片。最后,点击屏幕顶部的开关,将其从‘Inactive’切换到‘Active’,然后点击‘Save Snippet’按钮。

恭喜!你已经禁用了WordPress站点的JPEG压缩。

如果你不是摄影师或艺术家,可能不会看到很大的质量差异。但对于那些每天处理高质量图片的人来说,质量差异显而易见。

如何增加WordPress的图片压缩

保持默认的压缩质量有明显的性能优势,但如果你愿意,可以将数值从100更改为80或更低,以进一步压缩图片并节省空间。

只需像上一个方法一样创建一个新的WPCode片段,然后粘贴以下代码:

add_filter('jpeg_quality', function($arg){return 75;});

将片段设置为激活并保存,JPEG图片将被压缩到更小的文件大小。虽然图片质量会降低,但可以节省服务器上的空间。

小贴士

当你进行这些图片质量更改时,也要确保重新生成缩略图。

希望这篇文章帮助你了解如何更改WordPress的JPEG图片压缩。你可能还想查看我们关于如何在WordPress中创建联系表单或者我们精选的最佳Instagram WordPress插件的指南。

Read More