作者: tianbao

  • 如何使用插件在您的WordPress网站创建文件管理器

    如何使用插件在您的WordPress网站创建文件管理器

    WordPress文件管理器是一个插件,使用户能够从WordPress仪表盘执行文件管理任务。您可以从一个位置访问WordPress网站文件,而不是登录到您的cPanel文件传输协议 (FTP)客户端

    WordPress文件管理器具有用户复制、移动、上传和删除文件所需的所有基本功能。其中许多插件还具有直观的用户界面,以便于导航。

    本文将分享Top5 WordPress文件管理器插件的建议,以帮助您选择合适的。我们还将介绍如何使用文件管理器上传文件的步骤。

    什么是WordPress文件管理器?

    WordPress文件管理器是一个插件,可帮助用户轻松处理WordPress文件管理。有了它,网站所有者可以管理他们的网站文件并直接上传,而无需访问他们的虚拟主机的控制面板或FTP客户端。

    5个最佳WordPress文件管理器插件

    WordPress提供各种插件,包括文件管理器,以向您的WordPress网站添加特性和功能。

    在我们提出建议之前,在选择WordPress文件管理器插件时请考虑以下方面:

    • 功能– 确保插件为用户提供管理文件和文件夹的基本功能。检查它们是否提供更高级的功能(例如数据库或代码编辑器)也很重要。
    • 兼容性– 检查文件管理器的最后更新版本。我们推荐一个在过去三个月内收到更新的插件。确保该插件也与最新版本的WordPress兼容。
    • 可靠性——确保插件列在WordPress插件的官方目录中。我们还建议检查插件是否有正面的客户评论。

    现在您知道在选择文件管理器之前要注意什么,这里是我们推荐的五个文件管理器插件。

    1.File Manager

    File Manager

    WP File Manager提供直观的用户界面,具有清晰的结构窗格和显示。

    该插件可免费下载和使用,但您需要购买许可证才能访问其高级功能,例如私人文件夹创建和不同用户角色的控制文件操作。如果您有一个团队管理多个网站,这些将非常有用。

    但是,请注意WP文件管理器插件最近遇到了安全问题,因此请务必定期执行WordPress安全检查

    2.Advanced File Manager

    Advanced File Manager

    Advanced File Manager具有简单直观的用户界面,可帮助您轻松执行基本的文件管理操作。

    此插件的付费版本提供高级功能,例如登录和未登录用户的简码。这使您可以在前端网页中插入文件管理器,以便用户可以直接下载和上传文件。

    3. FileBird

    FileBird

    FileBird通过将媒体文件分类到文件夹中来帮助用户组织和管理他们的WordPress媒体库。

    该插件可免费下载和使用,但它提供了额外功能的高级计划,例如多页面构建器和六个月的支持。FileBird也有一个免费的演示,所以用户可以在不先安装它的情况下试用文件管理器。

    4.Real Media Manager

    Real Media Manager

    Real Media Manager提供了一个简单而优雅的用户界面,带有一个树形结构的侧边栏,可以更好地管理 WordPress 媒体库。同时,搜索栏功能有助于快速定位特定文件。

    此文件管理器提供免费演示供用户在下载和使用插件之前试用。

    5.Filester

    Filester

    Filester是一个免费的插件,提供完整的文件管理功能。用户界面清晰简洁,易于操作。

    Filester允许您编辑WordPress配置文件,因为它具有内置的高级代码编辑器。它还具有用户权限设置功能,您可以在其中管理和访问根目录中的文件。

    如何使用WordPress文件管理器传输文件和文档

    在本节中,我们将介绍安装和使用不同WordPress文件管理器插件的步骤。

    1.安装并激活插件

    可以从WordPress仪表盘、WordPress插件的官方目录或通过手动安装来安装WordPress插件。

    以下步骤将向您展示如何从WordPress仪表盘安装File Manager(以此为例):

    1. 登录到您的WordPress仪表盘并转到Plugins -> Add New
    2. 在搜索栏中搜索“WP File Manager” 。
    3. 单击立即安装按钮开始安装。
    4. 安装过程完成后,单击激活按钮。

    2.上传文件

    WP File Manager插件提供了多种上传不同文件类型的方法,包括媒体文件、文本文件、zip 文件和文件夹。我们将详细介绍三种方法。

    手动上传

    在这里,我们使用WP File Manager手动上传WordPress站点文件。

    1. 访问WordPress仪表盘并导航到WP File Manager插件。

    WP File Manager插件

    2. 单击工具栏上的Upload Files图标,将出现一个弹出窗口。

    WP File Manager插件管理文件

    3. 有两个选项 – 选择文件和选择文件夹。单击Select Files

    使用插件上传文件

    4. 选择您要上传的所有文件。然后,单击Open以开始上传过程。

    上传媒体库中的文件

    在本节中,我们使用FileBird将文件上传到媒体库。

    1. 从您的WordPress管理仪表盘中,转到Media -> Library

    FileBird插件上传到媒体库

    2. 通过选择New Folder按钮、命名文件夹并单击Save来创建一个新文件夹。

    FileBird插件文件夹管理

    3. 接下来,单击Add New按钮。

    FileBird插件添加新媒体

    4. 通过单击Choose folder旁边的下拉列表来指定文件目标。然后,单击“Select Files按钮。

    FileBird插件上传文件

    5. 从本地计算机中选择文件,然后单击Open以上传它们。

    通过拖放上传文件

    上传文件和文件夹的另一种简单方法是使用文件管理器的拖放功能。我们将使用FileBird插件作为示例。

    1. 打开WordPress仪表盘并导航到Media -> Library

    FileBird插件拖放上传文件

    2. 接下来,从本地计算机访问文件并选择它们。

    3. 按住鼠标左键将文件从本地文件夹拖到文件管理器中。然后,通过释放按钮将它们放到上传。

    FileBird插件拖放演示

    小结

    WordPress文件管理器是有用的工具,可帮助站点所有者处理各种文件管理任务,而无需控制面板或FTP访问。这些插件还提供了大量附加功能,方便有特定需求的用户使用——例如,管理多个网站。

    回顾一下,本文提供了五个顶级文件管理器插件的建议,以帮助您确定哪一个最适合您的需求。此外,我们还回顾了激活文件管理器插件的步骤以及将文件上传到文件管理器的三种方法。

  • WordPress博客添加谷歌统计代码教程

    将Google Analytics添加到WordPress的4种简单方法(使用插件与手动添加代码)

    许多WordPress用户在将Google Analytics连接到他们的WordPress网站时遇到了困难,他们错过了收集用户数据的机会。

    幸运的是,有多种方法可用于将Google Analytics添加到WordPress。一旦您知道自己在做什么,这些技术就相当简单,并且可以在各种情况下证明是有用的。

    在这篇文章中,我们将讨论Google Analytics的作用以及它对您网站的重要性。然后我们将分享四种可以将其与WordPress连接以开始跟踪活动的方法。

    1. Google Analytics介绍
    2. 为什么分析对您的WordPress网站很重要
    3. 如何将Google Analytics添加到WordPress

    Google Analytics介绍

    在您开始将Google Analytics连接到您的WordPress网站之前,最好了解它是什么以及它是如何工作的。简而言之,该平台监控您网站的活动并为您提供关键数据以帮助您改进它:

    Google Analytics主页

    Google Analytics主页

    通过使用插入您网站每个页面标题的代码片段,Google Analytics(分析)收集了各种各样的信息,这些信息可分为五类:

    • 实时: 显示在您查看报告的特定时刻您网站上发生的事情。
    • 受众: 包括有关谁正在访问您的网站的信息,包括人口统计数据。
    • 获取: 解释您的网站如何获取流量。
    • 行为: 显示访问者在您的网站上所做的事情,包括按钮点击以及您的哪些页面最受欢迎。
    • 转化: 与Google Analytics(分析)目标结合使用的高级报告,用于跟踪电子邮件列表订阅或电子商务销售等活动。

    您可能会在Google Analytics(分析)报告中找到的特定信息示例包括:

    • 在任何给定时刻您网站上的活跃用户数。
    • 随着时间的推移有多少人访问您的网站。
    • 访问者的年龄、性别和位置。
    • 您的访问者来自哪里(例如,自然搜索、社交媒体等)。
    • 访问者查看了哪些页面以及查看了多长时间。
    • 跳出率、点击率和转化率

    您可以在Google Analytics(分析)仪表板中查看和学习很多内容。这可以帮助您以多种方式改进您的网站。

    为什么分析对您的WordPress网站很重要

    如果您知道如何充分利用它们,那么分析对您网站的许多不同方面都很有价值。与任何类型的网站相关的四个关键领域包括:

    • 内容营销策略。通过考虑您最受欢迎的帖子、页面、产品或其他内容,您可以确定访问者最喜欢什么。增加网页浏览量和流量是创建更多最能与您的受众产生共鸣的内容类型的问题(这里是如何开始进行关键字研究以及如何针对SEO优化WordPress)。
    • 入站营销。了解您的流量来自哪里可以告诉您哪些营销策略有效,哪些营销策略正在下降。然后,您可以将大部分精力和预算集中在产生最多结果的方法上。
    • 受众细分。了解您的受众是有效与他们沟通以鼓励转化的关键。通过分析,您可以为有针对性的营销创建子组。
    • 用户体验 (UX) 审计。用户行为流可以揭示您的导航或网站设计的问题。查明表现不佳的内容和跳出率高的页面可能会帮助您改善问题区域。

    如果您经营的是电子商务网站,则转化报告还有助于跟踪销售和收入。

    如您所见,重要的并不总是数字本身。如何应用从Google Analytics获得的知识才是价值所在。解决问题点并为您的网站应用最佳营销技术可以增加流量、转化率和收入。

    如何将Google Analytics添加到WordPress(4种可能的方法)

    如果您正在尝试收集有关您的用户的数据,您可以通过以下不同方式将Google Analytics连接到您的WordPress网站。

    在每种情况下,我们都假设您已经设置了Google Analytics(分析)帐户。如果您不这样做,请先创建一个 ,然后再回来进行下一步。

    1. 使用Google Analytics WordPress插件
    2. 使用代码手动连接Google Analytics和WordPress
    3. 将Google Analytics和WordPress与Google Tag Manager集成
    4. 出于性能原因在本地同步Google Analytics

    1. 使用Google Analytics WordPress插件

    大多数WordPress用户将Google Analytics添加到其网站的最简单方法是使用Google Analytics WordPress插件。这种方法使您不必编辑网站的代码。

    为此,我们推荐三个插件:

    使用Site Kit by Google安装Google Analytics

    如果您想将Google Analytics添加到您的WordPress网站,Google为您提供了一个简单而强大的插件:Site Kit by Google

    Site Kit by Google插件

    Site Kit by Google插件

    这个免费插件只需点击几下即可将Google Analytics连接到您的WordPress网站,但这还不是全部。除了分析之外,此插件还从Google提供的其他服务中提取数据,例如Google Search Console、Google AdSense和PageSpeed Insights ,允许您基于Google作为数据源构建一个漂亮的仪表板。

    以下是如何开始:

    安装并激活Site Kit by Google插件,然后单击“Start Setup”按钮。

    设置WordPress插件Google Site Kit 

    设置WordPress插件Google Site Kit

    完成后,您需要将WordPress网站连接到您的Analytics帐户。

    正如您所料,您需要执行几个步骤来验证您是域的所有者,授予Google访问其数据的权限,并设置您想要添加到WordPress的每项服务。

    Google Site Kit设置成功

    Google Site Kit设置成功

    与您的Google帐户成功连接后,您将能够查看来自Google Analytics的数据以及直接在您的WordPress仪表盘中激活的所有其他服务。这是它的外观:

    Google Site Kit信息中心

    Google Site Kit信息中心

    所有这些数据将始终可以直接在左侧边栏中的WordPress中访问。

    如果这个插件对你来说太多了,并且想让事情主要集中在谷歌分析上,你可以使用下一个插件。

    使用GA Google Analytics安装Google Analytics

    Jeff Starr的免费GA Google Analytics插件拥有超过400,000次活跃安装和五星级评级:

    WordPress插件-GA Google Analytics

    WordPress插件-GA Google Analytics

    安装并激活Google Analytics WordPress插件后,您只需在其设置中添加您的Google Analytics 跟踪ID 。要检索您的跟踪 ID,请转到您的Google Analytics(分析)帐户,然后单击侧栏中的Admin

    Google Analytics(分析)管理标签

    Google Analytics(分析)管理标签

    Property下,选择Tracking Info,然后单击Tracking Code

    访问属性信息下的Google Analytics跟踪代码

    访问属性信息下的Google Analytics跟踪代码

    您的跟踪ID将以UA开头并位于此部分的顶部:

    访问Google Analytics跟踪ID

    访问Google Analytics跟踪ID

    在您的WordPress仪表板中,导航到Settings > Google Analytics。向下滚动到Plugin Settings并在相关字段中添加您的跟踪代码:

    GA Google Analytics WordPress插件设置页面

    GA Google Analytics WordPress插件设置页面

    此插件还允许您选择是否要将跟踪代码放置在页眉和页脚中、添加自定义跟踪代码、强制SSL、禁用对管理员用户的跟踪以及其他一些有用的选项。

    根据您的需要进行调整后,向下滚动并单击“保存更改”按钮。Google Analytics现在应该在您的WordPress网站上处于活动状态。

    使用MonsterInsights安装Google Analytics

    MonsterInsights根据您的需求提供多种不同的方案。 注册MonsterInsights,选择适合您的方案(付费),然后下载插件。 如果您刚开始并且不需要太强大的功能,您还可以使用MonsterInsights Lite(免费版本)开始使用MonsterInsights。 为此,请转到WordPress仪表板右侧的插件,然后转到安装插件(Add New)。 在搜索栏中搜索MonsterInsights,找到对应的插件,请单击“立即安装(Install Now)”,然后单击“激活(Active)”。

    将Google Analytics统计代码添加到WordPress的多方法插图11

    下载并激活插件后,单击“Insights”,然后单击“Settings(设置)”,通过单击“Authenticate with your Google account(使用Google帐户进行身份验证)”按钮,在您的网站上对Google Analytics进行身份验证。

    将Google Analytics统计代码添加到WordPress的多方法插图12

    然后,系统会再次提示您chose/sign(选择/登录)您的Google帐户。 选择Google帐户后,系统会弹出一个窗口,要求获取MonsterInsights管理帐户的权限。 单击Accept(接受)。

    将Google Analytics统计代码添加到WordPress的多方法插图13

    最后,您所要做的就是选择您的网站并单击“Complete Authentication(完成身份验证)”。

    将Google Analytics统计代码添加到WordPress的多方法插图14

    现在,您可以通过单击“Insights”,然后单击“Reports”,从WordPress仪表盘内轻松查看有关网站流量和分析的报告。 所有报告看起来都很棒,而且非常容易理解。

    将Google Analytics统计代码添加到WordPress的多方法插图15

    2. 使用代码手动连接Google Analytics和WordPress

    如果您不想使用插件, 通过您的functions.php文件将Google Analytics跟踪代码直接添加到您的WordPress主题也相当简单。

    如果您采用手动方式,则必须使用子主题,这样您的跟踪代码就不会在每次更新WordPress主题时被覆盖。但是,在进行任何更改之前,最好先进行备份

    一旦您的子主题处于活动状态,您需要在header.php文件中的结束</head>标记之前粘贴您的Google Analytics(分析)跟踪代码。

    要查找您的Google Analytics跟踪代码,请转到您的帐户并访问您的跟踪信息,如我们在之前的方法中所述。然后,您可以从Google Site Tag下的框中复制脚本:

    复制Google Site Tag代码

    复制Google Site Tag代码

    要将其添加到您的WordPress站点,请转到外观 > 主题文件编辑器。如果您的子主题从其父主题继承模板文件,您将不会在此处看到header.php。您可以在文件列表中单击父主题的名称来访问它:

    子主题的WordPress主题编辑器

    子主题的WordPress主题编辑器

    找到并选择header.php后,将Google Analytics跟踪代码粘贴到编辑器中的</head> 标记之前:

    在WordPress中编辑header.php文件

    在WordPress中编辑header.php文件

    然后,确保单击更新文件按钮。Google Analytics跟踪代码现已添加到WordPress。

    3. 将谷歌分析和WordPress与谷歌标签管理器集成

    您可以用来将Google Analytics添加到WordPress的另一种方法是使用Google Tag Manager。这实际上适用于包含用于各种目的的脚本的站点,而不仅仅是分析。

    Google Tag Manager是一个标签管理系统。它允许您快速轻松地更新您的网站或移动应用程序上的标签和代码片段,例如那些用于流量分析营销优化的标签和代码片段。

    您可以从跟踪代码管理器用户界面添加和更新脚本,而不是在WordPress中编辑站点代码。这可以减少错误并使您在配置标签时不必让开发人员参与进来。

    最简单的方法是使用免费的Google Tag Manager WordPress插件。它目前拥有超过300,000次活跃安装和五星级评级:

    Google Tag Manager for WordPress插件

    Google Tag Manager for WordPress插件

     您可以从WordPress插件库下载Google Tag Manager插件,也可以在WordPress仪表盘中的插件>安装插件下搜索它。然后,您需要注册一个Google跟踪代码管理器帐户并创建您的第一个容器。

    完成上述步骤后,您可以从Google跟踪代码管理器控制面板复制容器ID,方法是导航到Admin选项卡并查找以GTM开头的一系列字符:

    在Google跟踪代码管理器中查找容器ID

    在Google跟踪代码管理器中查找容器ID

    然后返回您的WordPress网站,并将您的Google Tag Manager ID粘贴到插件设置页面上的相关字段中。您可以通过导航到Settings > Google Tag Manager到达那里:

    将容器ID添加到Google跟踪代码管理器插件

    将容器ID添加到Google跟踪代码管理器插件

    您在Google Tag Manager中设置的任何标签(包括用于Google Analytics的标签)现在都可以通过插件在您的WordPress网站上运行。

    4. 出于性能原因在本地同步Google Analytics

    您可以使用的最后一种方法是在您自己的服务器上本地同步Google Analytics脚本。请注意,此方法不受Google支持

    但是,您可能有几个原因想要这样做。首先,在本地同步Google Analytics可以减少您的外部HTTP请求。此外,您将完全控制文件的缓存,因此您可以使用自己的服务器的缓存标头

    这对于提高网站性能很重要。如果您使用Google PageSpeed Insights,您可能会看到针对您的Google Analytics脚本的“使用有效的缓存策略服务静态资产”警告

    谷歌分析警告示例

    谷歌分析警告示例

    问题在于,默认情况下,Google Analytics有两个小时的缓存时间,如您在上面的警告中所见。这很可能是因为如果Google最终需要修改某些内容,它希望所有用户都能尽快访问这些更改。

    通过在您自己的服务器上托管Google Analytics脚本,您可以更改缓存时间以提高性能

    使用Complete Analytics Optimization Suite在本地同步Google Analytics

    首先,我们建议使用Complete Analytics Optimization Suite (CAOS),这是一个由Daan van den Bergh创建和开发的免费插件。它目前拥有超过20,000次活跃安装,并获得五星级评级:

    CAOS | 在本地托管Google Analytics WordPress插件

    CAOS | 在本地托管Google Analytics WordPress插件

     您可以从WordPress插件库下载它,或者在WordPress仪表盘中的插件 > 安装插件下搜索它。

    CAOS允许您在本地托管您的Google Analytics JavaScript文件 (analytics.js) 并使用wp_cron()保持更新。其他功能使您能够:

    • 匿名访问者的IP地址。
    • 设置调整后的跳出率。
    • 更改Google Analytics脚本的位置(页眉或页脚)。

    在使用之前,您需要停用已安装的任何分析插件。

    当您安装CAOS并输入您的Google Analytics跟踪ID时,该插件会将Google Analytics的必要代码添加到您的WordPress网站。然后它会下载analytics.js文件并将其保存到您的服务器,并使用wp_cron()中的预定脚本对其进行更新。

    我们建议将脚本设置为在页脚中加载,方法是转到Settings > Optimize Analytics并选择Position of tracking code下的Footer选项:

    在本地同步Google Analytics的设置

  • 创建高度可分享博客图像的3个技巧

    添加图像到社交媒体帖子可以增加流量并激励访客参与分享。这不仅适用于Twitter,Instagram和Pinterest;博客也可以利用图像为网站引流。

    《2018年社交媒体营销行业报告》中提到研究人员发现,32%的营销人员认为图像是其业务最重要的内容类型,博客则占27%。它们为博客和企业提供了无穷的价值和投资回报率,由于他们所吸引的兴趣,他们被过度利用。。

    Buffer发现附有图片的推文获得转发数量比没有图片的推文的转发数量多150%。网民在他们的社交网络上滚动浏览无穷无尽的内容,图像可以打破单调的文本。图像很重要,因为它们可以激励访客产生大量的转发并吸引人们的注意力,这也是博客营销的主要目标之一。

    以下是创建博客图像的三个技巧,可以大幅度提升博文的转发次数。

    创建高度可分享博客图像的3个技巧插图

    img via unsplash

    1.符合SEO规则

    如果您不对搜索进行优化,就像在内容营销中执行其他操作一样,您不要指望您的博客图像能够获得任何吸引力。这通常是被忽视的东西,因为很多人都没有意识到优化图像SEO有多大的价值。

    您需要优化一些事项:

    • 文件名:图像文件命名很重要,适当标记所有图像。
    • Alt文本:如果图片由于一些原因没有加载,则会显示此文本,并且应包含博客文章的目标关键字。搜索引擎会抓取此文本,因此图像描述也很重要。
    • 标题:便于用户更简单的了解图像的核心内容,提升用户体验。
    • 格式:最常见的是JPG,PNG和GIF。对于照片,请使用JPG。对于需要更高分辨率的图形或图像,请使用PNG,对于较小的图像尺寸,请使用GIF。

    2. 优化大文件

    您需要确保图片大小不会影响网页加载速度。访问者希望能够无障碍地浏览您的网站时,获得无缝的用户体验(UX)。

    谷歌研究显示,如果用户加载时间超过3秒,则会有53%的用户放弃网站。网页速度也是Google算法对网站内容进行排名的重要因素。如果您无法满足客户的期望,那么您留存用户。

    使用Google PageSpeed Insights(国内网络需要梯子)可检测您的网站加载速度并且发现网站加载中存在的问题,针对性地改善这些问题,提升网站的用户体验。

    使用JPEGMiniTinyJPG等图像优化器可以显着减小文件大小并加快加载时间。

    通过这一步,您可以更高效地展示博客图像,并将它们分享到不同的平台和社交媒体。尽量不要将你的博客文章与图像混在一起,因为它看起来很杂乱,不易于易浏览。

    3. 启用社交分享

    想象一下,如果为访问者分享您的图片或者文章提供便利,您可以为您的博客带来多少流量。如果只需点击按钮即可将图像分享到他们的社交媒体,将激励用户作出分享动作,因为它不需要耗费用户太多的时间。

    为您的图片和博客帖子添加社交分享按钮。在显著的位置展现分享按钮,而不是淹没在页面上的文本中。 Social WarfareWP Social Sharing都是流行的免费社交分享插件。这两个插件都是轻量级的,不会加重你的网站负荷。这两种插件都支持主流社交网络和展示位置选项,因此您可以选择它们的显示方式。

    利用A/B测试,您可以测试社交分享按钮的不同变体,以查看哪些带来更高的转化率和积极的结果。一组访问者将看到A类社交分享按钮的变体,另一组将看到B类。结果基于哪些按钮获得更多点击。分析按钮的颜色,位置,以找出带来更多流量的因素。

    小结

    创建可分享的博客图像意味着优化SEO,插入社交分享按钮,以便访问者轻松参与,并简化图像优化过程。当互联网上充斥着雄心勃勃的博主和企业主试图将其放在首位时,要获得牵引力并不容易。但是,如果您重新思考如何使您的内容 – 尤其是图像 – 可以分享,那么您就可以为推动流量和提升博客参与度打开一扇新的大门。(via themetrust 闪电博编译,基于需要文章有一定的删减)

  • 如何搭建一个会员制的WordPress博客网站

    许多博客通过联盟营销,赞助和广告等方式每月产生数千美金收入。但是,重要的是要注意,博客只是一种内容营销形式,可以用来吸引客户加入您的业务。它本身不是一项业务。谷歌算法的一次改变或赞助商的失败可能对作为博客构建的业务造成严重破坏。更聪明的做法是创建某种产品并使用您的博客来增加流量,而会员网站其中的一种方法。

    如果您的活动博客可以看到流量和收入的一致流量,则会员网站可能是您的最佳选择。它允许您通过在博客周围形成社区并将其转变为品牌,将最活跃的读者转变为付费客户。最重要的是,它将允许您生成可预测数量的所谓“每月常规收入”或“MRR”。让我们进入这篇文章并讨论为什么这很重要。

    什么是会员网站?

    会员网站是一种订阅服务,提供内容,商品和/或服务,以换取通常每月或每年的付款。 内容通常涉及独家书面内容,播客和视频内容。 商品可以是商品,如服装和马克杯,也可以是在线课程。 服务可以是与您的利基相关的任何类型的服务,但它也可以表示咨询和独家聊天等。

    如前所述,付款通常按月或按年进行。 但是,一些会员网站每三个月或每六个月向订阅者收费。

    为什么你要将博客升级为会员网站

    有很多方法将博客流量变现。您可以利用联盟营销赚钱,拉赞助或者软文,或者投放广告。但是,没有什么能比提供自己的产品更直接更有保证。当然,您可以发布自己的图书或启动在线课程,但是当您提供一次性产品时,很难预测您的业务将产生多少收入。

    会员网站允许您获得每月固定性收入,您或者您的企业将按月或按年收到可预测的金额(或者通常您决定向订户收费)。这种类型的收入为您的业务提供了更高的可靠性,因为它可以按照您可以计划实施和完成。一次性产品在推出后不会产生太大的影响,除非您花费更多的时间继续对其进行再销售。

    会员网站也是博客的补充。博客由许多内容组成,但其中两个是内容和社区。后者取决于您运行博客的方式。会员网站允许您为您的博客创造收入,同时通过提供优质版本为您提供增强内容和社区的方法。我们将在下一节中详细讨论这个问题。

    将博客变成会员网站的方法

    您可以通过多种方式将博客转变为会员网站,但我们将在本文中专注于五种方法。 确定要构建哪种类型的成员资格网站是创建网站的重要步骤。 它会影响您添加到会员模型的层以及您添加到每个层的优惠。 它还会帮助您决定选择哪个会员插件,甚至可能会影响您获得报酬的方式。

    以下是我们将在本节中介绍的会员类型:

    • 综合会员All-in-One
    • VIP专享Paywalls
    • 产品定制Products
    • 付费教程Courses
    • 付费社区Communities

    综合会员All-in-One

    Paid Memberships Pro - Features

    这种类型的会员网站结合了我们将在本节中讨论的所有或至少大多数会员类型。 它提供了一切,从VIP付费会员限定内容到会员制定制产品服务。

    虽然以合理的订阅费率向您的订阅者提供更多内容可能看起来毫无疑问,但如果您决定使用此会员模式,请务必谨慎。 提供优质内容,特别是几种类型的优质内容,论坛,课程,商品以及您提出的任何其他内容都会占用您的日程安排。 如果你不能自己处理,你需要花更多的钱来外包一些任务。

    你可能也会比观众想要的更多。 例如,如果您的受众只对您的课程感兴趣,那么您可能会浪费您的时间和金钱来制作付费文章,播客专题节目,商品等,但到头来发现您的用户却完全不感兴趣。

    VIP专享Paywalls

    WordPress Paywall

    VIP专享是您设置了内容访问限制,特定类型内容的访问需要权限。 要查看内容,用户必须是VIP付费会员并登录会员帐户。 这种类型的会员资格在博客和内容创作者中很受欢迎。 这是因为它与您已创建的内容高度互补,使其对您的受众更具吸引力。

    保持博客活跃可能是一个繁琐且昂贵的项目,随着博客行业的发展速度,通常没有足够的时间深入研究某些主题或提供各种类型的内容。 付费专区为您的网站提供了创建更加雄心勃勃的内容所需的资金,同时还可以增加您的业务收入。

    产品定制Products

    ThemeTrust

    这种类型的会员网站在拥有创建自己产品的资源,人才和技能的博客中很受欢迎。您不仅要创建自己的产品销售其他人赚钱,还要围绕它们构建订阅。这使您可以持续产生收入,而无需不断创建新产品或内容。

    很多WordPress相关的网站都使用这种会员模式。 比如闪电博,也是WordPress业务这种方式运作。虽然我们不提供会员级别,但我们未来也会针对部分主题收取订阅费。通过购买我们的主题,您将成为闪电博的成员,只要您的订阅处于活动状态,您就可以享受主题更新以及对我们支持论坛的独家访问权限。当然,目前闪电博提供的大部分主题和插件还是免费的。

    一些WordPress商家的运营方式与此不同,您可以选择单独购买每个主题或加入主题俱乐部。主题俱乐部可让您访问开发人员的所有主题集。您每年都会收取支持和更新费用,但终身会员资格通常也会以更高的价格提供。

    付费教程Courses

    LearnDash - Courses

    围绕课程建立的会员网站类似于围绕产品构建的网站。 唯一的区别是您的网站的一部分将用于托管某种课程软件(除非您决定使用第三方平台),而另一部分将用于托管仅限学生的论坛,如果您愿意。

    课程为博客提供了精彩的产品,提供旨在教授和告知读者的教学内容。 因为读者倾向于使用您在博客上提供的内容进行投资,所以将他们对知识的渴望提升到一个新的水平(一门课程)就很自然了。

    课程通常作为一次性产品提供,学生可以进行一次性付款,完成他们购买的课程,而不会返回您的网站。 但是,大多数课程应用程序允许您对课程的持续订阅收费,如果您创建了足够的课程,您还可以按照订阅费将所有课程捆绑在一起。

    国内提供此类会员类型的知名网站:网易学院,荔枝微课,腾讯课堂,混沌大学,有道精品课……

    付费社区Communities

    BuddyPress - Online Community

    这是我们要介绍的最后一种会员网站。 如果您有一个活跃的博客,其中有高度敬意的受众群体,您可能需要考虑通过在您的网站上实施社区功能来开始简单。 这通常意味着实施一个论坛,成员可以在这个论坛上与您的利基相关的主题与您的作家/社区管理者进行交谈。 您还可以在您的站点上集成社交网络功能,以便成员可以构建自己的配置文件并私下互相发送消息。

    决定会员模型

    您最终使用的会员模式将取决于您希望您的会员网站具有的功能以及您能够投入的资源量。 例如,提供一些东西可能是吸引新成员的好方法,但如果您没有足够的资源来完善每个功能,那么您可能会遇到乏善可陈的会员体验。

    考虑您的预算以及可以将时间投入到您的业务成员方面的团队成员数量。 确定您是否可以聘请社区经理或外包某些任务。 完成后,请考虑您希望为订阅者提供的额外费用。 你想给他们一个私人论坛吗? 一两个课程? 高级内容?

    弄清楚所有这些将帮助您做出决定。

    选择WordPress会员插件

    一旦您知道要在您的网站上提供的会员模型类型,您就可以选择一个WordPress会员插件来为其提供支持。 WordPress会员插件为您实现会员和社区功能,因此您不需要自己开发代码。 我们将讨论一些针对我们在上一节中提到的会员网站类型的会员插件。

    1. Ultimate Membership Pro

    Ultimate Membership Pro

    此插件非常适合优质内容。 它允许您将内容锁定,访客需开通VIP会员后可访问。 同时还提供社区和社交网络功能。

    BUY

    2. Paid Memberships Pro

    Paid Memberships Pro

    对于有兴趣建立综合性会员网站的博客来说,这是一个很好的选择。 这是因为这个插件允许您建立一个会员网站,其中包含VIP会员,在线社区,目录和列表,甚至课程。

    BUY

    3. MemberPress

    MemberPress

    对于需要VIP会员和付费社区方案的博客,MemberPress是一个很好的选择。 此插件还允许您将限定内容到订阅者。 如果您需要更多功能,它甚至可以提供数十种集成。

    BUY

    4. Restrict Content Pro

    Restrict Content Pro

    Restrict Content Pro是您可以使用的最佳解决方案之一,如果您只想在您的网站上添加付费专区。 如果您需要更多功能,也可以使用附加组件。

    BUY

    5. Simple Membership

    Simple Membership

    这是一个免费的插件,对于希望以简单的方式限制登录或付费会员的内容的博客来说,这是一个很好的选择。

    DOWNLOAD

    6. Memberful

    Memberful

    这是另一个免费插件。 这是一个博客的解决方案,希望限制付费专区背后的内容,同时通过会员制bbPress论坛创建优质社区。

    DOWNLOAD

    7. LearnPress

    LearnPress

    这是一个课件插件,允许您在WordPress网站上构建和托管在线课程。 它还有附加组件,允许您围绕课程建立社区。

    DOWNLOAD

    8. LearnDash

    LearnDash

    LearnDash是一个高级课件插件,具有许多与LearnPress相同的功能,包括免费集成。

    BUY

    9. Teachable (not a plugin)

    Teachable

    这是第三方课件应用程序。 您将在Teachable的平台而不是您自己的网站上构建和托管您的课程。 对于想要建立在线课程但又不想学习如何在他们自己的网站上集成这些功能的博客来说,这是一个很好的选择。

    VISIT

    小结

    确定要构建的会员网站类型以及WordPress会员插件后,您可以开始构建会员级别。 如果您正在构建一个简单的付费专区和私人论坛,那么您只需使用一个会员级别即可。 但是,如果您计划添加更多功能,则可能需要创建两个或三个会员级别,以便您的读者可以选择。

    在此之后,剩下的就是决定每层,每月,每年以及您想要提供的其他付款频率。 您还需要决定如何获得报酬。 这取决于您选择的会员插件,但目前的标准是PayPal和Stripe。

    我们希望这篇文章能够让您更轻松地将博客变成会员网站。

  • 如何获取微信和支付宝收款二维码?

    近期我们对原来的网站赞助打赏WP插件(现更名为:打赏/点赞/分享组件)的功能进行了扩展,在原来的打赏功能基础上,增加文章点赞和社交分享功能,并且支持两种样式可选。有兴趣的朋友可以下载安装。

    另外,我们发现在上一个版本中,有的博主不知道如何获取微信和支付宝的收款二维码,又或者上传的尺寸奇奇怪怪的(必须上传1:1比例的图片),下面针对这个写个简单的教程,方便用户设置插件。

    微信收款二维码获取

    Step 1 -打开你的微信APP,点击右下角的“我”-选择“支付”;

    如何获取微信和支付宝收款二维码?插图

    Step 2 -进入微信支付管理界面后,选择“收付款”;

    如何获取微信和支付宝收款二维码?插图1

    Step 3 -点击“保存收款码”,即可将微信收款二维码保存到手机相册。

    如何获取微信和支付宝收款二维码?插图2

    Step 4 -最后,将微信收款二维码传到你的电脑,使用图片编辑工具将二维码部分裁剪出来即可(即将二维码的框框部分,必须裁剪为正方形)。

    支付宝收款二维码获取

    Step 1 -打开你的支付宝APP,点击“收钱”;

    如何获取微信和支付宝收款二维码?插图3

    Step 2 -点击“保存图片”将你的支付宝收款二维码保存到手机相册;

    如何获取微信和支付宝收款二维码?插图4

    Step 3 -最后,将支付宝收款二维码传到你的电脑,使用图片编辑工具将二维码部分裁剪出来即可(即将二维码的框框部分,必须裁剪为正方形)。

     

  • 如何通过Gravatar设置WordPress博客头像

    如何通过Gravatar设置WordPress博客头像插图
    默认情况下WordPress博客头像图片均取自于Gravatar(除非你所使用WordPress主题增加了用户头像管理功能)。如果你(包括博主或者读者)还没有设置专属于WordPress博客系统的头像,下面我们一起来设置一个。

    为什么要设置自己专属的WordPress头像,其一作为博主,没有专属的头像多少会影响您网站的可信度;其二作为读者,你也不想留言的时候老看到自己的头像是默认头像吧。

    WordPress插件市场也提供各种WordPress自定义头像插件,但我不建议你因为这样的一个小需求,去安装一个插件,因为它可能会导致页面显示速度变慢。因此,在本文中,我将向您展示如何使用免费工具Gravatar创建你的专属头像。在开始之前,请提前准备你认为很酷的头像图片(最佳尺寸为512*512px)。

    关于Gravatar

    Gravatar是WordPress.com提供的免费头像显示服务。

    如果您注册Gravatar并设置头像,则会显示在WordPess中显示你所设置的头像(与你注册Gravatar时使用的Email地址关联)。

    Gravatar头像是否显示取决于WordPress主题,一般情况下都会显示,除非主题使用另外的方法定义头像。

    使用Gravatar创建一个WordPress头像

    首先,访问Gravatar官方网站

    如何通过Gravatar设置WordPress博客头像插图1
    进入Gravatar网站后,点击页面的蓝色按钮“”Create Your Own Gravatar””。
    如何通过Gravatar设置WordPress博客头像插图2

    页面将跳转到“使用 WordPress.com 帐户注册 Gravatar”,你只需要注册一个新的账户或者使用已有的WordPress账户登陆。

    如何通过Gravatar设置WordPress博客头像插图3

    如果您没有WordPress.com帐户

    如果您还没有WordPress.com帐户,请输入您的电子邮件地址,用户名和密码,然后单击“创建账户”。提交后,提示等待一分钟,然后显示“我们向您发送确认电子邮件!”页面。

    如何通过Gravatar设置WordPress博客头像插图4

    登陆你刚才的注册邮箱,你将会收到一封发自wordpress账号激活邮件(如果没收到,看看是否进了垃圾箱),点击“激活账号”,即可激活的WordPress账号。

    如何通过Gravatar设置WordPress博客头像插图5

    接下来的步骤,就跟有WordPress账号的一样了,如下所示:

    如果您有WordPress.com帐户

    获得你的WordPress账号后,再次访问https://en.gravatar.com/connect/,会直接跳转到Gravatar头像管理页面。

    如果刚才你不是新注册WordPress账号,而是使用老的WordPress账号登陆,则需要选择“已有wordpress.com账号”,输入账号密码登陆。

    添加头像到Gravatar

    访问Gravatar管理页面后,单击文本链接“Add one by clicking here!”

    如何通过Gravatar设置WordPress博客头像插图6

    提供四种头像图片上传方式,这里以本地上传方式为例;

    Gravatar-new-uplaod-image

    单击“Choose File”按钮上载文件大小为1 MB或更小的图像(注意:最佳尺寸为512*512px,虽然支持裁剪,但上传正方形的图像更便捷),然后单击“下一步”。

    如何通过Gravatar设置WordPress博客头像插图8

    如果你是按照我上面的建议上传512*512px或者其他正方形比例的图像,则跟着这一步你完全都不需裁剪,否则你需要将图像裁剪为正方形,最后点击“Crop Image”;

    如何通过Gravatar设置WordPress博客头像插图9

    下一步是选择头像评级,建议使用默认选择“G(适合所有​​人的图像)”。

    除了G以外的评级为

    • PG:带有粗鲁的手势,挑逗性衣服和暴力图像(适用于13岁以上的人)
    • R …包含暴力,裸体,吸毒的图像(适用于18岁以上的成年人)
    • X …包含如性交图像和令人极其不安的血腥图像

    如果你选择了这三个评级,你的头像……就是没有头像,所以不要选择此类评级。

    如何通过Gravatar设置WordPress博客头像插图10

    选择评级后,点击“Set Rating”。即完成了Gravatar中的头像设置。

    检查WordPress上的头像显示

    如何检查WordPress上的头像显示?我们知道Gravatar设置的头像主要在WordPress的两个地方

    • 文章下的简介
    • 评论字段

    当然显示位置取决于WordPress主题。部分WordPress主题在个人资料也显示图像。

    如果WordPress网站属于你个人所有,你还可以登陆WordPress仪表盘,通过“用户-我的个人资料”查看头像情况。

    Gravatar头像不生效?

    在某些情况下,您已设置了头像,但头像在您的WordPress个人资料或评论并没有生效。可能是以下因素导致:

    注册的电子邮件地址不同-如果在Gravatar中注册的电子邮件地址和WordPress中设置的电子邮件地址不同,则无法显示Gravatar的头像。

    设置了头像隐藏-如果你在WordPress仪表盘的“设置-讨论”中将头像显示的确认勾取消了,则头像也是不会显示的。

    如何通过Gravatar设置WordPress博客头像插图11

    Gravatar头像需要一定时间更新-如果你是才设置的Gravatar头像,则需要等10分服务器来更新数据。

    服务器及浏览器缓存-使用WordPress缓存插件时,由于缓存,可能无法显示头像。你可以尝试强制删除浏览器缓存数据,刷新页面来获取头像数据。

    如何删除Gravatar的头像

    删除当前使用的图像

    如果我不再使用Gravatar上的头像,如何删除在Gravatar中设置的头像。进入你的Gravatar管理页面,点击“1.Pick email to modify”下的“Remove image”。

    如何通过Gravatar设置WordPress博客头像插图12
    弹窗提示是否要从此电子邮件地址中删除Gravatar图像?单击“OK”,即可以删除当前设置的头像。

    删除上传的头像数据

    点击“2.Pick new image”要删除的头像下方的“ × ” ,显示在“ 2.选择新图像”下。

    如何通过Gravatar设置WordPress博客头像插图13

    弹窗提示“您要永久删除此Gravatar吗?”单击“确定”即可删除该图像数据。

  • WordPress维护模式 – 故障排除和自定义页面教程

    当您在WordPress网站上进行更新时,WordPress会进入维护模式并向网站访客展示一个临时页面,例如更新插件,主题或核心。 这是为了避免在更新修补文件时出现任何破损或不同步的内容。 但是,这有几个问题。 首先,有时您的WordPress网站可能会陷入维护模式。 这基本上会使用整个站点瘫痪,直到您手动修复它。 第二个是默认维护页面/消息没有样式,看起来太不友好了,并且在向访问者和客户发送消息时受到限制。 或者我们可以采取更佳友好的方式。 今天我们将探讨解决这些问题的一些解决方法。

    WordPress维护模式是一个很好的内核小功能,在3.0版本正式引入。 每当您更新插件,主题或WordPress安装时,都会向访问者显示以下消息,直到更新操作完成。

    WordPress维护模式 – 故障排除和自定义页面教程插图

    WordPress维护模式默认页面

    在更新和安装过程中,某些后端进程会在短时间内停止(通常只需几秒钟,具体取决于更新的数量和大小)。 WordPress利用  wp_maintenance() 函数在您的站点上创建一个临时的.maintenance文件,其中包含您在上面看到的警报。 更新完成后,文件将自动删除,您的网站将恢复正常。

    默认情况下,WordPress在维护模式下返回503 HTTP状态代码(服务不可用。)。 这基本上告诉Google你在页面上工作或出了什么问题,他们会稍后再回来查看。 这是您要为SEO显示的标题响应,因为如果您的网站暂时关闭,它不会损害您的排名。 Yoast发布了一篇关于503状态HTTP头在SEO方面的重要性的文章,大家可以阅读了解下。

    WordPress用户遇到的一个常见问题是他们的网站可能会陷入维护模式。 这可能非常可怕,因为这也会影响管理员和后端。 突然间,您无法登录到您的WordPress网站,并且您的网站基本上已关闭,只能看到临时维护通知信息。

    这种情况通常在发生冲突时发生,在这种情况下.maintenance文件可能会认为仍有待处理的操作和/或需要完成的更新。 这会导致文件保留,并且永远不会自行删除。 什么原因导致冲突? 根据我们的经验,如果用户以非常快的速度手动点击许多不同插件上的“立即更新”,我们就会看到这种情况发生。 默认情况下,WordPress会按顺序错开更新,但如果连接中甚至有一个ms的延迟,则可能会导致突然冲突,从而触发维护模式一直卡在那里。

    为确保不会发生这种情况,您可以在WordPress得插件管理列表(已安装的插件)上方点击“可用更新”,然后从批量操作下拉列表中选择“更新”。 然后单击“应用”。这将按顺序更新,就不太可能发生更新冲突。

    WordPress维护模式 – 故障排除和自定义页面教程插图1

    批量更新插件

    防止这种情况发生的另一个建议是及时更新插件。 不要等待过长的时间才去尝试更新插件的新版本,出于安全的考虑我们也应该尽可能地对已安装的插件执行更新。 如果真的同时有30多个插件(只是大个比方)需要更新,最好逐个更新它们,以确保您的网站没有任何中断。

    如何快速退出WordPress维护模式

    如果您的WordPress网站目前卡在维护模式,您只需删除已创建的.maintenance文件,网站即可恢复正常。。

    Step 1 -第一步是通过FTP/SFTP登录您的WordPress网站服务器。

    Step 2导航到WordPress站点和/或公共HTML文件夹的根目录, 这是通常包含wp-config.php文件的文件夹。 然后,找到并删除.maintenance文件。

    wordpress-maintenance-mode-file

    WordPress维护模式临时文件.maintenance

    删除后,您可以在浏览器中刷新您的网站,您的网站应该恢复正常。如果还是不能够正常访问,建议您清除WordPress站点上的缓存,参考阅读文章《如何清除/刷新DNS缓存(Windows,Mac,Linux)》。

    您可以通过多种方式扩展WordPress维护模式,例如手动启用它或自定义页面以使其更加友好。 您还可以向访问者和/或客户展示更多消息,以便他们再次光临你的网站。 请记住,您在网站上获得的流量越多,维护模式的消息传递和样式就越重要,因为越多人会更有可能看到它。

    除了运行更新之外,您可能希望改进维护模式页面的另一个原因是,您可能正在手动将更改迁移到生产。 我们始终建议首先在开发站点上进行测试,但有时您可能需要在生产站点上临时展示维护页面一两个小时。

    使用代码手动启用WordPress维护模式

    您可以通过将以下内容放在functions.php文件中来手动启用WordPress维护模式。 或者更好的是,使用WordPress子主题来完成它。

    // 启用WordPress维护模式
    function wp_maintenance_mode(){
    if(!current_user_can(‘edit_themes’) || !is_user_logged_in()){
    wp_die(‘<h1 style=”color:red”>网站更新维护中</h1><br />十分抱歉,我们的网站正在维护更新中。马上恢复正常,请喝口水回来再试!’);
    }
    }
    add_action(‘get_header’, ‘wp_maintenance_mode’);
    // 启用WordPress维护模式
    function wp_maintenance_mode(){
    if(!current_user_can(‘edit_themes’) || !is_user_logged_in()){
    wp_die(‘<h1 style=”color:red”>网站更新维护中</h1><br />十分抱歉,我们的网站正在维护更新中。马上恢复正常,请喝口水回来再试!’);
    }
    }
    add_action(‘get_header’, ‘wp_maintenance_mode’);
    // 启用WordPress维护模式
    function wp_maintenance_mode(){
        if(!current_user_can('edit_themes') || !is_user_logged_in()){
            wp_die('<h1 style="color:red">网站更新维护中</h1><br />十分抱歉,我们的网站正在维护更新中。马上恢复正常,请喝口水回来再试!');
        }
    }
    add_action('get_header', 'wp_maintenance_mode');

    这将将会对未登录的用户访问网站时展示临时维护的通知消息。但管理员仍然可以访问仪表板,因为它正在使用内置的is_user_logged_in() 函数。

    WordPress维护模式 – 故障排除和自定义页面教程插图3

    WordPress维护模式提示信息自定义(代码方式)

    但是,上面的页面不可自定义(它也是动态生成的),但有些站长可能想将其设置为与网站的品牌和外观相匹配。老外 Hongkiat 提供的方案值得大家参考,您可以创建自定义页面。 您需要做的就是创建一个文件,将其命名为maintenance.php,然后将其放在/wp-content/文件夹中。 然后,使用CSS样式定义页面外观,甚至可以从头开始创建整个页面。

    这样,当您更新WordPress核心,主题或插件时,它将使用新文件和您的自定义。 已经在/wp-includes/中的load.php文件中定义了对此文件的检查,因此您无需执行任何额外操作。 它看起来像这样:

    if ( file_exists( WP_CONTENT_DIR . ‘/maintenance.php’ ) ) {
    require_once( WP_CONTENT_DIR . ‘/maintenance.php’ );
    die();
    }
    if ( file_exists( WP_CONTENT_DIR . ‘/maintenance.php’ ) ) {
    require_once( WP_CONTENT_DIR . ‘/maintenance.php’ );
    die();
    }
    if ( file_exists( WP_CONTENT_DIR . '/maintenance.php' ) ) {
     require_once( WP_CONTENT_DIR . '/maintenance.php' );
     die();
     }

    使用WordPress维护模式插件

    如果您不熟悉编辑代码或需要更多内容,您还可以通过使用一些免费和高级插件来实现更高阶的WordPress维护模式提示页面。

    1. WP Maintenance Mode

    WP Maintenance Mode是为您的WordPress网站提供快速简便的维护模式通知的下载量最高的插件之一。 它完全免费,由知名的网页设计博客Designmodo的团队开发。 使用该插件你可以在你的WordPress处于维护模式时向访客展示一个非常友好的界面,如下方截图所示。 它适用于Multisite,但重要的是要注意它可能与部分缓存插件不兼容。

    wp-maintenance-mode-wordpress-plugin-2

    WordPress维护页面插件-WP Maintenance Mode

    该插件目前拥有超过60万个激活安装,并且获得4星评分(5星满分)。 您可以从WordPress插件市场下载WP Maintenance Mode,或者在WordPress仪表板“插件”-“安装插件”下搜索安装。 它的一些附加功能包括:

    • 能够更改颜色,文本和背景
    • 订阅表格,联系表格和倒计时
    • 包含的目标网页模板
    • 适用于任何WordPress主题
    • SEO选项-503 HTTP标头响应
    • 您可以从维护中排除URL,如果您更改了WordPress登录URL,这尤其方便

    2. Coming Soon Page & Maintenance Mode by SeedProd

    Coming Soon Page & Maintenance Mode插件(好Q叉长的名字)由SeedProd 开发并于2011年推出。它在WordPress社区中享有盛誉,因为它是即将推出页面和WP维护模式页面支持良好的插件。 

    coming-soon-page-and-maintenance-wordpress-plugin-1

    WordPress维护页面插件-Coming Soon Page & Maintenance Mode

    它目前有超过70万个有效激活安装,并获得了5星满分好评。 您可以从WordPress插件市场下载Coming Soon Page & Maintenance Mode,或者在WordPress仪表板“插件”-“安装插件”下搜索安装。它的一些附加功能包括:

    • 适用于任何WordPress主题并采用响应式设计
    • 支持自定义外观
    • 支持添加CSS和HTML
    • 多站点和BuddyPress支持

    3. Slim Maintenance Mode

    Slim Maintenance Mode插件完全符合您的想法。 该插件所实现的实质就是我们前面介绍的代码实现自定义WordPress维护模式页面。 只需激活插件,在维护模式下只有管理员才能看到该网站。 如果你想要一些免费,快速和轻量级的插件,这个插件无疑是最佳选择。

    Slim-Maintenance-Mode

    WordPress维护页面插件-Slim Maintenance Mode

    该插件相对比较小众一些,目前的安装量远不如前面几个插件,但目前的得到不错的好评。您可以从WordPress插件市场下载Slim Maintenance Mode,或者在WordPress仪表板“插件”-“安装插件”下搜索安装。 它的一些附加功能包括:

    • 小巧,简单,轻便
    • 无需担心额外设置,只需激活启用即可
    • 适用于任何WordPress主题
    • 后端消息提醒您知道它处于活动状态
    • 503 HTTP标头响应
    • 兼容主流缓存插件

    4.Maintenance Mode

    Maintenance Mode是由Lukas Juhas开发的WordPress插件,是轻量级插件和默认包含的WordPress维护模式的核心。 该插件是完全免费的,使用wp_die() 函数,并可以通过启用WYSIWYG编辑器优化页面。

    maintenance-mode-wordpress-plugin

    WordPress维护页面插件-Maintenance Mode

    它目前有超过5万+个安装,并且获得5星评分。 您可以从WordPress插件市场下载Maintenance Mode,或者在WordPress仪表板“插件”-“安装插件”下搜索安装。 它的一些附加功能包括:

    • 简单易用,轻量代码设计
    • 利用本机WYSIWYG获取文本和自定义代码
    • 支持用户角色(管理员可看网站,用户对应的是维护模式通知页面)
    • 503 HTTP标头响应

    5. Minimal Coming Soon & Maintenance Mode for WordPress

    Minimal Coming Soon & Maintenance Mode,又是一个针对WordPress维护模式开发的名字超长的WordPress插件, 由博客WP Loop的团队开发维护。

    minimal-coming-soon-and-maintenance-mode-for-wordpress-plugin-1

    WordPress维护页面插件-Minimal Coming Soon & Maintenance Mode

    它目前有超过5万+个安装,5星满分好评。 您可以从WordPress插件主页下载Minimal Coming Soon & Maintenance Mode,或者在WordPress仪表板“插件”-“安装插件”下搜索安装。 它的一些附加功能包括:

    • 兼容所有WordPress主题和插件
    • 能够更改您看到的每个元素,包括背景颜色,封面图像,字体等。
    • 在激活之前预览维护页面
    • 兼容缓存插件
    • 支持自定义登录URL
    • 仅对未登录的用户可见
    • 支持Google Analytics
    • 谷歌字体

    6. Elementor

    您还可以使用Elementor之类的页面构建器插件来设计自己的WordPress维护模式页面和即将推出页面。 事实上,采用这种办法,你可以轻松地按照自己的想法定制这类页面。

    elementor-wordpress-page-builder

    WordPress页面创建插件- Elementor

    它目前拥有超过90万+个安装,且还是5星评分。 点击Elementor直接下载插件安装包,或者在WordPress仪表板“插件”-“安装插件”下搜索安装。 它的一些附加功能包括:

    • 100%可定制和设计
    • 提供登录,订阅,表单,倒计时,社交共享按钮和其他小部件
    • 访问角色控制
    • 支持维护模式和即将推出页面
    • 对搜索引擎友好的HTTP 200和HTTP 503状态码
    • 12个设计师精选设计的维护模式页面和即将推出页面模板

    7.利用ManageWP提供的WP维护模式

    ManageWP是一种从一个仪表板管理所有WordPress站点的服务,还包括维护模式选项。 它们有一些很棒的默认模板,轻松切换你喜欢的样式,且还可以编辑HTML。

    managewp-maintenance-mode

    ManageWP提供的维护模式功能

    小结

    如您所见,WordPress核心包含的WordPress维护模式非常实用。 但WP自带的维护模式提示页面实在有点反人类,你可以通过扩展和定制,以匹配你的WordPress网站设计风格,提升用户体验。 您也可以自定义维护提示消息,以便访问者和客户了解当前无法访问的原因。当然如果您陷入维护模式,通过我们前面的教程你也应该清楚如何快速恢复您的网站访问。

  • 如何实现WordPress博客支持SVG格式图像上传

    wordpress-svg-2

    SVG是一种基于XML的矢量图像,现在很多网站使用这种格式来显示网站Logo和图标。 它们在开发人员和设计人员中特别受欢迎的主要原因是它们是可缩放的图像格式,通常文件大小较小(有时相当大),完美适配视网膜屏幕。 默认情况下,WordPress不允许您上传SVG文件格式,主要是出于安全考虑。 今天我们将深入探讨WordPress安全启用SVG支持的方法,讨论浏览器支持,以及一些警告,如果您决定要切换到矢量图像格式。

    希望有一天SVG作为WordPress核心的一部分。

    什么是SVG?

    根据维基百科,SVG(可缩放矢量图形)是一种基于XML的矢量图像格式,用于支持交互性和动画的二维图形。 您甚至可以使用代码或文本编辑器来编辑它们。 SVG规范是自1999年以来由万维网联盟开发的开放标准。目前SVG仅占所有网站的3.4%,但正如您所见,采用率正在快速增长。 流行的网站,如谷歌,Reddit,Dropbox,ESPN,甚至我们在wbolt.com的网站都使用SVG。

    svg-usage-statistics

    SVG使用情况统计(2016年4月-2017年4月)

    SVG浏览器支持情况

    目前,所有主流浏览器和移动浏览器都支持SVG。 您可能遇到的唯一问题是,如果您仍然需要IE8的支持,当然我们不希望你继续支持这个浏览器。 IE8仅占0.36%的市场份额,并且微软也不再为该版本浏览提供更新支持。 有兴趣的朋友可以阅读国外博主Lubos撰写的关于《为什么开发人员应该停止支持IE8,IE9和IE10》的文章。 从商业角度来看,这可能并非总是可行,但他提出了一些非常好的观点。 如果由于某些特殊原因你仍然需要IE8支持,你可以为你的SVG定义一个备用图像(PNG或JPG),但我们今天不会基于此展开讨论。 以下是支持的浏览器列表:

    • Internet Explorer 9, 10, 11+ and Edge
    • Firefox 3+
    • Chrome 4+
    • Safari 3.2+
    • Opera 10+
    • iOS Safari 3.2+
    • Opera Mini (all)
    • Android Browser 4.4+

    svg-browser-support

    SVG浏览器支持情况

    SVGs的优势

    SVG是一种矢量格式,这意味着它们可以在浏览器和照片编辑工具中无限无损缩放。SVG为什么受图形和网页设计师欢迎,不言而喻。通常,当您尝试在Photoshop,Sketch或Paint等工具中编辑PNG或JPG时,会受限于原图的像素。使用SVG,你可以随心所欲地对图形文件进行缩放,并且像素完美(或者我们应该说矢量完美)。这就是为什么它们是用于视网膜屏幕的优秀图像格式的原因。

    谷歌索引SVG,如果你关心搜索引擎优化,这是一个好消息。链接到文件本身的SVG内容将被编入索引并显示在Google图像搜索中。注意:内联SVG,或者更确切地说仅由代码组成的SVG,通常不会被编入索引。

    SVG传统上(并非总是)文件大小小于PNG或JPG。通过使用SVG,您实际上可以加快WordPress网站的速度,因为您将减少整体页面大小。 国外博主Genki写了一篇很棒的文章,他比较了SVG与PNG和JPEG的大小。以下是他测试中的一些内容,他比较了三种不同的图像类型。

    JPG (经过优化后的大小: 81.4 KB)

    JPG-size-1

    JPG图像

    PNG (经过优化后的大小: 85.1 KB)

    PNG-size-1

    PNG图像

    SVG (经过优化后的大小: 6.1 KB)

    SVG-size-1

    SVG图像

    如您所见,与JPG相比,SVG的文件大小减少了92.51%。 与PNG相比,则减少92.83%。 这些文件大小差异非常可观。 然而,有一点需要注意,,SVG并非总是比JPG或PNG小,尤其是一些色彩丰富,细节复杂的图片。

    这就是为什么许多网站使用SVG来处理不太详细的图像,例如Logo,图标等,因为它们会看到文件大小的显着减少。 但是对于拥有大量细节的图像,例如您的博客文章“插图”,您可能更偏向使用PNG或JPG(当然也应该对这些格式图像进行优化),SVG格式并不适合细节丰富的图像。 许多网站使用混合方法,在有意义的情况下将两种文件类型结合使用。

    此外,值得注意的是Facebook和Twitter等社交媒体网络不支持SVG进行共享。 因此,如果您使用SVG作为特色图像,则必须使用Yoast SEO功能并为OG和meta标签上传PNG或JPG,甚至个人建议文章的特色图像直接不适用SVG格式。

    为什么SVG安全性很重要

    SVG不属于WordPress核心的原因在于还需要解决安全问题。 您可以回顾在2013年关于SVG作为WordPress核心(#24251)的激烈讨论。SVG是一个XML文件,它本身可能会导致各种漏洞(普通的图像格式则不会存在这样的问题)。 这些漏洞包括XML外部实体攻击(XXE),嵌套实体攻击和XSS攻击。

    Mario Heiderich发表了一篇有关SVG文件内容注入所带来的安全风险的深刻见解。 给出的一个例子是JavaScript嵌入在SVG中,它实际上设法在Skype上调用Mario。 那有点吓人! WordPress安全插件的作者SecuPress也谈到了在向WordPress添加SVG时要注意的问题,以及以正确的方式做到这一点的重要性。

    插件库中的许多SVG插件都使用以下代码,这些代码只允许将MIME类型SVG上载到WordPress媒体库。 这不是安全的方法! 所以不要去下载任何免费的SVG插件,或者复制粘贴这段代码来实现SVG上传支持。

    function cc_mime_types($mimes) {
    $mimes[‘svg’] = ‘image/svg+xml’;
    return $mimes;
    }
    add_filter(‘upload_mimes’, ‘cc_mime_types’);<code></code>
    function cc_mime_types($mimes) {
    $mimes[‘svg’] = ‘image/svg+xml’;
    return $mimes;
    }
    add_filter(‘upload_mimes’, ‘cc_mime_types’);<code></code>
    function cc_mime_types($mimes) { 
     $mimes['svg'] = 'image/svg+xml'; 
     return $mimes; 
    } 
    add_filter('upload_mimes', 'cc_mime_types');

    解决方案是需要对SVG进行清理。 清理基本上是清理代码或输入以避免安全问题(例如代码注入),代码冲突和错误。 这可能需要编码数据,过滤和验证字符串等等。这是Daryll Doyle的SVG-Sanitizer库发挥作用的地方,他称之为“试图在PHP中构建一个像样的SVG清理工具” 。你可以使用该开发者编写的DEMO来体验一把SVG代码清洗效果。

    svg-sanitizer-e1491611335724

    SVG sanitizer demo

    同样重要的是,您要考虑您网站上的哪些人有权上传SVG。 例如,如果您的WordPress网站支持多作者,则不知道其他人可能上传哪种SVG,从而暴露您的网站。 将SVG上传限制为管理员以及了解某些安全问题的人员可能比较稳妥。

    如何安全地为WordPress启用SVG支持

    Daryll开发了一个插件-WP SVG(也称为安全SVG),它在将SVG图像上传到您的WordPress媒体库时利用SVG-Sanitizer库。 该插件还允许您在媒体库中如普通图像查看SVG。 您可以从WordPress插件市场免费下载这个插件,或者在WordPress仪表板“添加新”插件下的中搜索它安装。

    wp-svg

    WP SVG 插件

    你可以通过wpsvg.com获取它的高级版本,允许您限制某些用户上传SVG和其他SVG优化。 在下面的这个例子中,我们仅以免费版本作为示例。

    在上传SVG之前,重要的是要了解它们的特点与图像略有不同。 从照片编辑工具导出SVG时,您需要将文本导出为曲线(或创建轮廓),否则,在各种浏览器中可能会略有不同。

    export-text-as-curves

    Affinity Designer – 将文本导出为曲线SVG

    安装插件后,没有任何需要你设置,只需在上传时清理SVG。 在下面的测试网站上,您可以看到使用SVG文件替换了我们的Logo,它在媒体库中可以正常查看。

    svg-in-media-library

    SVG在WordPress媒体库

    这也允许我们使用我们的主题控制面板将我们的WordPress标题中的Logo更改为SVG文件。 你可以在下面看到它确实提供了.SVG文件。 在视网膜屏幕上看起来完美无缺。

    SVG-in-wordpress-header

    SVG in WordPress header

    我们还有一个额外的调整。 在IE9-11中,桌面和移动设备尚未正确扩展SVG文件。 添加高度和宽度可以解决此问题。 这可能因主题而异,但在我们的测试网站上,我们只是修改了header.php文件并添加了这些自定义维度。 一些WordPress主题使用CSS来修改缩放,这不是出于性能原因,但由于它可能需要您添加其他代码来修复IE问题。

    modified-header-for-SVG

    为IE浏览器SVG扩展问题修改的header.php文件

    就是这样! 您现在已经安全地启用了WordPress的SVG支持。 此插件和/或方法未得到WordPress核心的认可或支持,因此使用风险自负。 但是,如果您已经上传了仅包含MIME类型代码段的SVG,那么请务必这样做。

    此外,如果您之前从未使用过SVG,请确保在服务器上为“image/svg+xml”文件类型启用GZIP。 这将确保它们被压缩并尽可能快地加载。 有时,sysadmins仅启用更标准的文件类型。 ·

    小结

    SVG在最近几年越发流行,只要是为了能够在高分辨率显示器下以较小体积展示高品质的图形! 我们建议将SVG,PNG和JPG结合使用以获得最佳性能,因为细节过于丰富的图像在SVG格式中表现不佳。 SVG非常适合Logo及网站图标,以确保它在每个屏幕上都具有完美的像素。 关于WordPress下支持SVG,你的想法是什么? 你在WordPress网站上使用过SVG吗?

  • 支付宝官方API接口申请及配置教程

    如果你的WordPress网站使用的是企业备案,希望接入支付宝官方支付接口,可以认真阅读以下教程完成闪电博主题的支付管理配置。

    注:支付宝即时到账只能以公司名义申请,个人名义并不成申请即时到账接口。

    支付宝电脑网站支付接口申请

    Step 1 -登录你的企业支付宝。打开支付宝网站,点击“我是支付宝商家”,已经申请过企业支付宝的可以直接登录,还未申请的先注册,关于企业支付宝的注册步骤就不多讲了,按提示操作,绑定企业银行卡号就可以了。

    Step 2 -登录成功后进入到“产品中心”如下图,选择自己需要的产品并签约,选择“电脑网站支付”,点击立即接入,填写资料提交签约即可。

    支付宝官方API接口申请及配置教程插图

     

    Step 3 -签约成功后,我们可以到“产品签约管理”(入口在产品中心页面右上角,支付宝头像下方)中查看,如下图,表示已签约成功

    20190702093654615461

    Step 4 -加下来我们需要进入蚂蚁金服的开放平台,然后“进入我的开发平台”,“开发中心”中的“网业&移动应用”,点击创建应用下方的“支付接入”,填写资料申请创建,

    支付宝官方API接口申请及配置教程插图2

    支付宝官方API接口申请及配置教程插图3

    Step 5 -应用创建成功后,自动进入应用详情页面,点击功能列表栏的“添加功能”,选择支付收到,勾选“电脑网站支付”,确定即可。

    支付宝官方API接口申请及配置教程插图4

    提示该功能需要签约,“确定”即可完成签约。

    Step 6 -接下来是开发设置的步骤(依然在你刚才申请的应用详情页面),也是最为关键测步骤,在开发设置栏找到“接口加密方式”,点击右侧的“设置”,弹出加密管理窗口。

    支付宝官方API接口申请及配置教程插图5

    (1)选择加密模式为公钥;

    (2)点击支付密钥生成器,进入支付宝RSA密钥工具帮助文档,依据说明进行配置;

    下载安装一键生成 RSA 密钥工具(下载文件以支付宝页面提供地址为准,windows版本工具请不要安装在含有空格的目录路径下,建议直接安装到任意盘的根目录,或者自定义一个名称不带空格的文件夹,比如C:alipaykeytool);

    以Windows版本RSA 密钥工具为例,安装完毕后进入工具,选择密钥长度为RSA2,密钥格式为PKCS1(非JAVA适用),然后点击“生成密钥”,工具会自动成为应用私钥、应用公钥(非常重要,分别保存下来,一会要用到);

    支付宝官方API接口申请及配置教程插图6

    (3)将应用公钥复制到Step 6步骤的填写公钥字符输入框,点击保存设置后,生成支付宝公钥(非常重要,保存下来)

    支付宝官方API接口申请及配置教程插图7

    主题支付管理配置

    进入安装了闪电博付费主题的WordPress后台,点击左侧的“支付管理”,选择“官方接口”,开启“支付宝收款设置”,填入上面所获取到的相关参数:

    • appid-上述步骤Step 4创建的应用id,在应用详情的左上方可以找到到或者应用列表也可以找到,一般是一串数字;
    • 支付宝公钥、应用公钥及应用私钥-均在上述步骤Step 6生成,填入即可。

    支付宝官方API接口申请及配置教程插图8