如何创建一个WordPress的TinyMCE插件

如果您是WordPress开发人员,那么在某些时候您可能会遇到自定义或扩展WordPress可视化编辑器的情况。 例如,您可能希望将一个按钮添加到可视化编辑器的工具栏中,以允许您的客户端轻松插入文本框或调用动作按钮,而无需编写任何HTML代码。 在本文中,我们将向您展示如何在WordPress中创建一个TinyMCE插件。 要求 本教程面向高级用户。 如果您是初学者级别的用户,只需要扩展可视化编辑器,那么请查看TinyMCE Advanced插件,或者查看使用WordPress可视化编辑器的技巧。 对于本教程,您将需要基本的编码技巧,访问WordPress安装,您可以在其中进行测试。 在现场网站上开发插件是一个不好的做法。 代码中的一个小错误可能会使您的网站无法访问。 但是,如果你必须在一个实况网站上做,那么至少要先备份WordPress。 创建您的第一个TinyMCE插件 我们将开始创建一个WordPress插件来注册我们的定制TinyMCE工具栏按钮。 点击后,此按钮将允许用户添加一个自定义CSS类的链接。 本文最后将提供源代码,但在此之前,我们将逐步创建插件。 首先,你需要在中创建一个目录 的wp-content /插件 你的WordPress安装文件夹。 命名这个文件夹 TinyMCE的定制链路级 。 从这里开始,我们将开始添加我们的插件代码。 插件标题 在刚刚创建的插件目录中创建一个新文件并命名该文件 TinyMCE的定制链接,class.php 。 将此代码添加到文件并保存。 / **   *插件名称:TinyMCE自定义链接类   *插件URI:http://site.com   *版本:1.0   *作者:网站   *作者URI:http://www.site.com   *描述:一个简单的TinyMCE插件,在Visual Editor中添加一个自定义链接类   *许可证:GPL2   * / 这只是一个PHP注释,它告诉WordPress插件的名称,以及作者和描述。 在WordPress管理区域,通过进入Plugins> Installed Plugins,然后点击TinyMCE Custom Link Class插件旁边的激活来激活你的新插件: … Read more 如何创建一个WordPress的TinyMCE插件


如何从LiveJournal移动到WordPress

你想把你的LiveJournal网站切换到WordPress吗? 虽然LiveJournal是一个很好的地方发布您的日记条目,它是非常有限的,这就是为什么许多用户转移到WordPress。 最近我们的一位读者问我们是否可以创建一个从LiveJournal迁移到WordPress的分步指南。 在本文中,我们将向您展示如何将您的博客从LiveJorunal移至WordPress。 将LiveJournal移动到WordPress的问题 与其他平台不同,LiveJournal不允许您设置重定向。 这意味着访问您的旧LiveJournal网站的用户将不会自动重定向到您自己托管的WordPress.org网站。 您唯一的希望是删除您的LiveJournal帐户,并等待搜索引擎抓取并排名您的新网站。 即使您删除了旧的LiveJournal帐户,搜索引擎也会一直显示在结果中。 另一个问题是WordPress导入程序不会导入您的图像。 你可以从LiveJournal下载你的图片并手动上传,或者你可以按照我们的教程中的说明来操作如何在WordPress中导入外部图片。 为什么你应该从LiveJournal移动到WordPress? 首先,让我们清楚地说,当我们说WordPress的时候,我们是指自己托管的WordPress.org网站,而不是免费的WordPress.com博客。 请参阅我们的WordPress.com与WordPress.org网站的区别指南。 LiveJournal附带的功能,如受保护的帖子,朋友,社区等。但是,如何显示或控制你的日记是非常有限的。 基本的免费计划比付费计划更有限。 另一方面,WordPress允许您创建受密码保护的帖子(日记条目在WordPress中被称为帖子)。 它像LiveJournal一样嵌套注释。 它没有社区功能,但是您可以将您的WordPress网站连接到其他在线社区,甚至使用WordPress论坛插件运行您自己的网站。 WordPress是开源的和免费的(如在自由)。 你拥有你的内容,你可以随心所欲地做任何事情。 你可以自由地以任何你想要的方式来延长你的日记。 你甚至可以从你的WordPress网站赚钱。 还是不服气? 在你开始之前 现场 现场 一旦你注册了WordPress的托管和设置你的域名,下一步是 安装WordPress 在您的托管帐户。 我们有一个关于如何安装WordPress的一步一步的教程。 一旦你安装了WordPress,现在是时候把你的内容从LiveJournal转移到WordPress。 从LiveJournal导入内容到WordPress WordPress自带一个漂亮的导入工具,可以自动将您的LiveJournal条目,注释和标签导入到WordPress中。 只需访问 工具»导入 页面并点击LiveJournal。 WordPress现在将显示一个弹出窗口来安装LiveJournal导入器插件。 您可能会看到有关未使用您的WordPress版本进行测试的插件警告。 您可以放心地忽略这一点,然后点击立即安装按钮。 LiveJournal Importer插件现在将安装在您的WordPress网站上。 您需要点击激活插件并运行导入器链接。 您现在将看到LiveJournal导入器页面,您需要输入您的LiveJournal用户名和密码。 这使得您的WordPress网站可以访问LiveJournal上的内容。 如果您在LiveJournal网站上有密码保护的帖子,那么您将需要输入将在所有受保护帖子上使用的密码。 一旦你完成,点击“连接到LiveJournal和导入”按钮。 WordPress现在将开始导入您的内容。 这个过程分为不同的步骤,如果你有很多条目和评论,可能需要很长时间。 如果在导入过程中突然失败,则可以再次安全地重试。 进口商很聪明,可以避免重复输入。 进口商完成工作后,您将看到成功的消息。 您现在可以访问“帖子”部分查看您的所有帖子。 定制WordPress 大多数初学者想要尝试的第一个定制是WordPress主题。 … Read more 如何从LiveJournal移动到WordPress


如何在WordPress中显示用户注册日期

你想在WordPress中显示用户注册日期吗? 通常受欢迎的会员网站和论坛将个人资料上的用户注册日期显示为“自2015年以来的成员”。 在这篇文章中,我们将介绍如何在WordPress中显示用户注册日期。 您想在哪里以及如何显示用户注册日期? 有些人可能只想在用户页面的管理栏中显示用户的注册日期。 这会让您快速了解用户何时加入您的网站,并允许您按注册日期进行排序。 另一个使用场景是在“编辑个人资料”页面上显示用户的注册日期。 这将允许任何管理员和用户自己看到他们何时加入您的网站。 最后但可能是最受欢迎的使用场景是当您要在网站前端的公开个人资料上显示用户注册日期时。 让我们来看看如何做到这一切。 在管理员区域的用户页面上添加注册日期列 首先你需要做的是安装并激活管理列插件。 激活后,您需要访问 设置»管理员列 配置插件。 在“管理员”列标签下,点击用户,然后点击添加列按钮。 接下来,在类型下拉菜单中选择“注册”,然后点击商店更新按钮。 您现在可以访问用户屏幕,在这里您将看到一个标有“已注册”的新列,显示用户在您的WordPress网站上注册的日期。 看看你可以做什么其他的事情来添加和自定义WordPress的管理列。 在用户配置文件中显示注册日期字段 要在编辑个人资料页面上显示注册日期,您需要上传一个自定义插件到您的网站。 只需使用记事本等文本编辑器在计算机上创建一个新文件,并将其另存为 membersince.php 在你的桌面上。 接下来打开文件并在其中粘贴下面的代码。


如何用一个数据库备份恢复一个WordPress站点

我们总是建议我们的用户定期进行完整的WordPress备份。 但是如果你不知不觉地使用了一个只做数据库备份的免费插件呢? 在本文中,我们将向您展示如何仅使用数据库备份恢复WordPress网站。 这不会是一个完整的恢复,但我们会告诉你如何可以减少损害。 入门 为了本教程的缘故,我们假设您已将您的WordPress数据库备份在一个zip文件中。 如果你还没有,那么这里是如何手动创建一个WordPress数据库备份。 如果您正在从您的虚拟主机提供商的不良体验恢复,那么可能是找到一个更好的主机的时候。 我们已经挑选了一些最好的WordPress托管服务提供商。 这些是我们与自己的项目合作和信任的公司。 另请参阅:7个关键指标,当你应该切换你的WordPress主机。 准备恢复WordPress数据库备份 首先,您将需要创建一个新的数据库。 只需登录到您的cPanel帐户,并点击数据库部分下的MySQL数据库。 接下来,为您的数据库提供一个名称,然后单击创建数据库按钮。 现在您已经创建了一个数据库,您需要一个MySQL用户,他将被分配所有的权限来处理新创建的数据库。 在相同的MySQL数据库页面上,向下滚动到MySQL用户部分并添加一个新用户。 为您的数据库用户提供一个用户名和一个强密码,然后点击创建用户按钮。 接下来,您需要将此用户添加到MySQL数据库。 向下滚动到“将用户添加到数据库”部分,并从下拉菜单中选择用户以及数据库,然后单击添加按钮。 你的新数据库现在已经准备好了WordPress。 导入WordPress数据库备份 首先你需要访问cPanel的dashbaord。 在数据库部分下,你需要点击phpMyAdmin。 在接下来的步骤中,选择您之前在phpMyAdmin页面上创建的数据库,然后单击导入按钮。 现在你需要点击选择文件按钮来上传你的WordPress数据库备份文件。 只需点击页面底部的go按钮即可开始导入。 导入作业完成后,您将看到成功消息。 您已成功导入您的WordPress数据库。 现在下一步是使用你的新数据库安装WordPress。 恢复您的WordPress网站 要手动恢复WordPress,您需要在您的服务器上手动安装WordPress。 访问我们一步一步的WordPress安装教程,并跳转到“如何使用FTP安装WordPress”部分获取详细说明。 在安装过程中,到达“创建配置文件”步骤。 输入您之前创建的数据库名称和用户。 您现在将看到一个消息,即WordPress可以连接到您的数据库,并且您现在可以运行安装。 点击安装按钮现在将显示“已安装”信息。 这就是你现在可以继续登录到你的WordPress网站。 恢复故障排除 由于您没有旧的WordPress文件,因此会丢失一些东西。 其中一些可以容易地恢复,而另一些则会有点困难。 我们将一一浏览全部。 1.主题 只需安装旧的WordPress主题的全新副本。 如果您对主题文件进行了直接更改,则所有这些更改都将消失。 你将不得不通过主题选项来设置它以前的方式。 2.小​​工具 小工具在WordPress主题中起着重要的作用。 幸运的是,它们存储在你的WordPress数据库中,切换到旧的主题将会恢复你的一些小部件。 你可以随时去 外观»小工具 添加和重新排列侧边栏中的小部件。 一些WordPress插件带有自己的小部件。 为了使用这些小部件,您首先需要安装并激活这些插件。 3.永久链接 … Read more 如何用一个数据库备份恢复一个WordPress站点


如何轻松地在您的WordPress网站上显示代码

你想在你的WordPress网站上显示代码吗? 默认情况下,WordPress会过滤掉添加到博客文章,页面,小部件或注释中的原始代码。 在本文中,我们将向您展示如何在您的WordPress网站上轻松显示代码。 首先,您需要安装并激活Syntax Highlighter Evolved插件。 更多细节 激活后,您需要访问 设置»语法高亮 配置插件设置。 默认的插件设置应该适用于大多数网站。 但是,您应该查看所有设置并在必要时进行更改。 每个选项都有详细的说明来解释它的功能。 一旦完成,只需点击保存更改按钮来存储您的设置。 语法Highlighter Evolved使用简单的简码显示代码。 对于每种编程语言,您都需要将代码封装在该语言的简码中。 对于PHP,你可以像这样包装你的代码: [PHP] 回声“Hello World”; ?> [/ PHP] 它会像这样出现在你的文章中: 对于CSS,你会像这样包装你的代码: [CSS] .entry-title { font-family:“Open Sans”,arial,sans-serif; 字体大小:16px的; 颜色:#272727; } [/ CSS] 它会像这样出现在你的网站上: .entry-title { font-family:“Open Sans”,arial,sans-serif; 字体大小:16px的; 颜色:#272727; } 语法高亮将自动突出显示该特定语言的代码。 它也将添加行号并正确处理标签缩进。 您的用户将能够轻松地从您的WordPress网站复制和粘贴代码片段。 如何在不使用插件的情况下在WordPress中显示代码 许多博客不运行开发博客,所以他们不需要经常在其文章中添加示例代码片段。 在极少数情况下,您可以通过将代码编码为HTML实体来添加代码。 喜欢这个: >?回声“Hello World”; ? 将代码转换为HTML实体的问题是手动难以做到。 … Read more 如何轻松地在您的WordPress网站上显示代码


如何在WordPress评论中禁用URL的自动链接

你知道吗,当一个用户在他们的评论中添加一个纯文本的URL时,WordPress自动使其可点击。 最近,我们的一位读者问我们是否可以在WordPress注释中禁用文本URL的自动链接? 答案是肯定的。 在本文中,我们将向您展示如何在WordPress注释中禁用URL的自动链接。 为什么WordPress在注释中自动链接文本网址? WordPress会自动将文本网址转换为链接,以便在评论时轻松访问链接。 这种自动链接不存储在您的数据库中。 当网站在管理区的屏幕上显示时,WordPress会使网址可点击,以及文章下方的评论部分。 其中一些评论是真实的,评论者不知道如何在评论中添加链接。 但是许多垃圾评论还包含直接粘贴在评论文本中的纯文字URL。 禁用WordPress评论中的自动链接 只需将这一行代码添加到主题的functions.php文件或特定于站点的插件中即可。 remove_filter(’comment_text’,’make_clickable’,9); WordPress不会将纯文本URL存储为数据库中的链接。 相反,它会将其更改为可点击的链接。 此代码只是禁用使URL可点击的过滤器。 这会使纯文本网址在您帖子下方的管理员区域和评论部分中无法点击。 删除此代码将重新启用自动链接。 如果你将它添加到你的主题的functions.php文件,那么更新你的主题将覆盖你的函数文件。 另请注意,此代码仅适用于纯文本网址。 如果用户决定通过添加适当的HTML标签来创建一个链接,那么这些链接将显示为他们应该。 如果您想要完成关闭注释中的任何HTML,请参阅我们的关于如何在WordPress注释中禁用HTML的教程。 我们希望这篇文章帮助您禁用WordPress注释中URL的自动链接


如何在WordPress中添加Google Analytics事件跟踪

你想跟踪用户在你的网站上的活动吗? 您可以通过简单安装Google Analytics(分析)来跟踪浏览量,引荐来源,页面上花费的时间等等,但是为了获得更深入的见解,您需要使用事件跟踪。 在本文中,我们将向您展示如何在WordPress中添加Google Analytics事件跟踪。 什么是Google Analytics中的事件跟踪 事件跟踪使您可以测量您网站上的用户交互。 这些互动可以是点击按钮,播放视频,下载文件,提交表单等。 假设您向产品页面添加了一个视频,现在想知道您的转换效果如何。 事件跟踪允许您跟踪有多少用户播放了视频,因此您可以自己判断。 另一个例子是基于Ajax的表单提交。 如果您使用Gravity Forms或任何其他联系人表单插件,则表单提交不会导致新的综合浏览量。 使用事件跟踪,您可以看到用户如何与表单交互。 页面上包含的文件下载也是如此。 您可以跟踪有多少用户使用事件跟踪下载了一个文件,甚至是哪个按钮被点击最多。 事件跟踪不同于Google分析中的跟踪链接。 您可以使用Google Analytics跟踪WordPress中的链接,只需将UTM源添加到链接即可。 这些可衡量的操作可以让您看到用户在您的网站上的行为。 然后,您可以更改策略,添加可产生更多用户互动和互动的内容。 最终这意味着更多的销售和转换在您的网站上。 入门 开始之前,您需要在WordPress网站上设置并安装Google Analytics。 如果您不熟悉使用Google Analytics,那么您可以尝试我们的初学者指南,了解如何使用Google Analytics。 如果您已经在使用Google Analytics,那么您可以直接进入事件跟踪。 升级到Universal Analytics代码 目前在网站上实施了两种类型的Google Analytics(分析)。 谷歌正在通过要求网站管理员使用更新的“通用分析代码”来缓慢推出旧版代码。 如果您的Google Analytics代码如下所示: 然后,您已经在使用新的Universal Analytics代码。 没有必要的操作,你可以继续下一步。 如果您的代码不是这样的话,那么您可能正在使用较旧的Google Analytics代码。 你将需要升级,谷歌有一个详细的升级指导。 基本上,如果您没有在Google Analytics中使用高级跟踪功能,那么您只需从帐户的媒体资源设置中切换旧代码即可。 在Google Analytics中创建您的活动 首先,您需要在Google Analytics(分析)帐户中创建活动。 只需登录到您的Google Analytics信息中心,然后点击顶部的管理员链接即可。 如果您的分析帐户下有多个网站,请确保您正在查看要添加活动的网站的信息中心。 管理页面下有三列。 点击“查看”栏下的“目标”链接。 … Read more 如何在WordPress中添加Google Analytics事件跟踪


初学者指南如何在WordPress中添加Twitter卡

你想添加Twitter卡到你的WordPress网站? Twitter卡使您可以将富媒体连接到与您的内容链接的推文。 这与在Facebook上共享链接非常相​​似,该链接自动显示带有标题,摘要和页面内容缩略图的预览。 在本文中,我们将向您展示如何在WordPress中添加推特卡。 Twitter卡如何工作? 当您的推文链接到已启用推特卡的网站时,可以选择查看摘要。 每当其他用户点击推文,他们就会看到下面的截图一样的摘要。 您可以通过转到我们的Twitter页面查看实况示例。 使用推特卡最大的好处是通过内容归属来增加跟随你的推特帐户的人数。 通常人们不会给你正确的归属地, 我们特别注意到了一些受欢迎的内容策展人。 他们会通过@site或RT @site发送我们的文章。 这是他们的权利,但是当其他人将您的内容转发给他人的属性时,作为发布商的我们/您会特别错过。 例如,@syedbalkhi从@site转发一个帖子而没有归属,其他人转发@syedbalkhi。 那么查看这些转发的用户比@site更可能遵循@syedbalkhi。 通常情况下,内容策展人会这样做,以保持短促的推特长度,并确保转发自己的推文。 有了twitter卡,这个问题就解决了,因为你从每一条提到你的文章的推文中获得了你的网站的荣誉。 注意:我们不选择内容策展人。 这是一个140个字符限制的缺陷,Twitter正在帮助用Twitter卡修复它。 例如,当安妮啾啾我们的文章,她没有提到@网站。 但由于我们的推特卡整合,我们得到充分的信誉和曝光。 注意它是如何有一个单击按钮以及。 现在你已经知道了twitter卡的好处,让我们来看看如何在WordPress中实现。 如何在WordPress中添加Twitter卡 在WordPress中添加twitter卡有两种方法。 我们来看看他们两个。 方法1:Yoast SEO插件 如果您使用Yoast插件使用WordPress搜索引擎优化,那么您很幸运。 Yoast已经内置了twitter卡的整合功能,因此将其打开只需点击几下即可。 只需进入Yoast SEO设置页面的“社交”页面即可。 输入您的Twitter用户名并保存更改。 之后,点击Twitter标签。 在Twitter标签下,您需要选中添加Twitter卡元数据的框。 选择一个默认的卡类型来选择。 您可以选择以大图显示摘要或摘要。 接下来你需要做的是去 用户»我的个人资料 页。 您将在联系人信息下为您的Twitter用户名看到一个新的字段。 在那里输入你的twitter用户名。 如果您正在运行多作者网站,则建议您的作者在其个人资料中填写此部分。 通过这种方式,每个特定的作者也可以获得他们的工作信誉 看下面的例子: 这就是你已经成功添加Twitter卡元标记到您的WordPress网站。 这种方法是迄今为止最简单的方法。 由于我们在所有网站上使用Yoast的WordPress搜索引擎优化,我们正在使用这种方法。 方法2:硬编码自己 此方法需要将代码添加到您的主题或子主题文件。 只需打开header.php文件,并在之前添加此代码 标签。


如何在WordPress中显示MailChimp订阅者数量

你想显示你的MailChimp用户数? 最近有一位用户问我们如何在WordPress中显示他们的MailChimp用户数。 显示社交证据鼓励其他用户加入您的通讯。 在本文中,我们将向您展示如何在WordPress中显示您的MailChimp订阅人数。 MailChimp是一个最初学者友好的电子邮件营销服务提供商之一。 如果您还没有使用MailChimp,请查看我们的使用WordPress的MailChimp指南。 我们将展示两种不同的方法来显示MailChimp订阅者数量。 第一种方法更简单,需要你安装一个WordPress插件。 第二种方法更为先进,您将需要根据不同的源文件创建插件。 如果您不熟悉编辑代码片段,那么我们建议您使用第一种方法。 方法1:使用MailChimp Subscriber Chiclet插件 首先你需要做的是安装并激活MailChimp Subscriber Chiclet插件。 激活后,访问 设置»MailChimp Subscriber Chiclet 配置插件。 首先,您需要输入您的MailChimp API密钥。 如果您还没有创建一个,那么您可以登录到您的MailChimp帐户仪表板并获得一个。 输入您的API密钥后,点击Save Changes按钮。 然后,插件将从您的MailChimp帐户加载您的电子邮件列表。 选择您的电子邮件列表并配置插件设置。 完成后,只需从插件底部复制短代码,然后将其添加到要显示用户数的任意帖子,页面或文本小部件中。 方法2:使用MailChimp API获取订户数量 正如你会注意到,使用插件方法,您可以通过MailChimp徽标获得用户数量。 许多用户只想获得该号码,以便他们可以使用自己的电子邮件注册表单。 在这个方法中,我们将创建一个插件。 这个插件将使用MailChimp的API来获取用户数量。 您将能够使用简码在任何地方显示用户数。 步骤1: 首先您需要在桌面上创建一个文件夹,并将其命名为mc-subscriber-count。 第2步 在该文件夹内创建一个新文件,并将其命名为mc-subscriber-count.php并将其粘贴到其中。 重要: 不要忘记用您的实际MailChimp API密钥替换Your_MailChimp_API_Key。


如何在WordPress中嵌入Facebook视频

你想在WordPress中嵌入Facebook视频吗? 随着Facebook视频平台最近的流行,我们的一些用户问是否有可能在WordPress中嵌入Facebook视频。 在这篇文章中,我们将向您展示如何在WordPress中轻松嵌入Facebook视频。 为什么在WordPress添加Facebook视频? 我们告诉我们的用户,他们不应该上传视频到WordPress。 相反,我们建议您使用YouTube等视频分享网站。 而YouTube目前是全球最大的视频托管平台。 Facebook是最大的社交网络,他们的视频正在快速增长。 最近,Facebook推出了一个自动播放功能,这个功能让全世界的营销人员都为之倾倒,因为它增加了用户的参与度和整体覆盖面。 您还可以使用Facebook视频来增加Facebook页面上的喜好。 对于更加身临其境的社交体验,您可以添加Facebook页面插件,安装Facebook评论,并在WordPress站点中添加Facebook Like按钮。 话虽如此,让我们来看看如何在WordPress网站中嵌入Facebook视频。 在Facebook中嵌入Facebook视频 首先,您需要找到您要嵌入到WordPress网站上的视频。 接下来,右键点击配置文件或页面名称下方的日期以复制链接地址。 之后,访问Facebook嵌入式视频播放器网站并向下滚动到代码生成器部分。 您需要将您之前复制的URL粘贴到视频字段的URL中。 接下来,你需要点击获取代码按钮,这将弹出显示两个代码框。 代码的第一部分需要去你的网站的标题部分。 有多种方法可以在您的网站中添加此代码。 如果您可以编辑主题文件,那么您可以通过简单编辑将其添加到主题或子主题中 header.php文件 文件并粘贴它之后 标签。 或者,您可以安装并激活插页眉和页脚插件。 激活后,转到 设置»插入页眉和页脚 页面并将代码粘贴到 页脚 框。 点击保存按钮保存您的更改。 重要: 您只需添加一次代码的第一部分。 下次您添加Facebook视频时,您只需要复制并粘贴代码的第二部分。 现在返回到Facebook视频嵌入页面并复制代码的第二部分。 你可以添加这个代码在你的WordPress的帖子,页面,甚至一个小部件区域。 就这样。 你的Facebook视频将出现在你的WordPress博客中。