如何在WildApricot上创建一个博客

ZoranZoran
10分钟阅读

在这个简短的教程中,您将学习如何在几个简单易懂的步骤中添加DropInBlog到WildApricot。

DropInBlog是一个功能齐全的博客解决方案,为当今的用户开发。它结合了最新的技术、简单的用户界面和优雅的设计,在日益动态的内容创作软件领域保持相关性。

在此之上,DropInBlog包括一个宝贵的本地SEO分析工具。这个工具的作用是帮助您在创建内容时遵循当前最佳的SEO实践。搜索引擎优化分析器,以及其余的DropInBlog功能,可以使这个博客应用程序成为一个不可或缺的资产,任何人都有兴beplay体育客户端官方下载趣建立一个强大的在线存在。

什么是野杏?

WildApricot是一个一体化的网络平台,可以让您创建和管理会员网站,标准网站,订阅,事件和捐赠。它的客户主要包括非营利组织、中小型协会和其他会员制组织。

WildApricot是移动友好的,通过允许您通过电子表格文件导入您的信息,从其他平台迁移非常容易。其他一些值得注意的功能包括:beplay体育客户端官方下载

  • 自动会员续签
  • 可定制的数据库
  • 电子邮件自动化
  • 电子邮件和网站模板
  • 直观的拖放编辑器

你能用WildApricot写博客吗?

WildApricot确实包含一个原生博客功能,它称之为“博客小工具”。如果您不确定这个术语的含义,用WildApricot的说法,gadget本质上是内容块。

要创建博客文章,您只需要将特殊的blog小工具添加到现有页面或创建一个专门为博客文章保留的全新页面。然而,正如你在下面的图片中所看到的,WildApricot Blog小工具并不是这个平台的强项之一。

WildApricot内置的博客小工具

这就是你添加Blog小部件所能得到的:创建帖子的能力,正如WildApricot所说,“为你的会员提供及时的更新和信息。”不用说,如果你想实施任何类型的内容营销策略,并通过博客促进你的事业或业务,你应该在其他地方寻找一个博客解决方案。

幸运的是,WildApricot让你与专门为博客制作的软件集成-就像DropInBlog -所以,我们将教你如何做到这一点:添加DropInBlog到WildApricot。

先决条件

WildApricot允许你在试用期内添加DropInBlog,顺便说一下,试用期将持续整整30天——这在世界各地的网站建设者中是很少见的。就定价计划而言,你可以从免费计划开始将DropInBlog与WildApricot集成。免费计划,显然,是最低级的WildApricot计划排除了许多特性beplay体育客户端官方下载但构建一个基本网站的能力和使用嵌入代码方法进行集成的目的似乎不在其中。beplay2官网体育下载

与WildApricot类似,你可以注册DropInBlog14天免费试用,你将完全具备在WildApricot上踢这个博客应用程序的轮胎。

现在,是时候进入本指南中最令人兴奋的部分:集成步骤。beplay2官网体育下载下一节将介绍集成流程的第一步:创建一个新页面。beplay2官网体育下载让我们开始吧!

创建一个新页面并配置它

创建/添加一个新的页面到你的WildApricot网站是你需要做的第一件事,当集成DropInBlog与WildApricot。要添加一个全新的页面,请登录到您的WildApricot帐户,并找到网站选项的左侧侧栏在您的管理指示板

WildApricot仪表盘网站

点击网站,您将进入WildApricot网站编辑器。在编辑器的左上角,您将找到添加页面选择。

WildApricot添加页面

当你点击添加页面,编辑会给你看页面设置.其中两个选项对我们特别重要:页面名称而且页面的URL.您可以给您的页面一个您认为合适的名称。我们把我们的博客叫做“博客”。如果您使用的页面名称为“Blog”,请确保在页面URL字段中也写上“Blog”。

WildApricot页面名称URL

在Page URL的正下方,您将看到页面模板选项。如果您愿意,可以更改模板,但这里我们将坚持使用默认的Standard模板。

现在,向下滚动,直到看到访问级别部分,并选择公共.这将允许所有网站访问者查看页面内容,即您的博客。完成后,单击保存在左上角保存您所做的更改。

wild杏访问级别公共

新创建的页面现在已经为下一步做好了准备。

编辑你的博客页面

如果一切顺利,您将能够在侧边栏的站点页面中看到新创建的博客页面。选择您的博客页面然后点击编辑按钮。

WildApricot博客页面编辑

接下来,你会看到三个选项:页面、小工具和布局。选择小工具,然后拿起自定义HTML内容块,拖动它,并将其放入页面的主体中,如下图所示。

wild杏小工具自定义HTML

复制代码从DropInBlog和粘贴到WildApricot

这是最重要的集成步骤。beplay2官网体育下载要开始执行它,请单击自定义HTML块。这将为您提供一组新的选项。在WildApricot编辑器的左侧,您将看到一个编辑代码按钮。

WildApricot编辑代码

当你点击编辑代码, WildApricot会在你面前显示一个大的HTML对话框。这是您需要从DropInBlog粘贴几行集成代码的地方。beplay2官网体育下载要复制代码,请在浏览器中打开一个新选项卡,然后登录你的DropInBlog帐户。单击代码和布局选项。

这将带您到以下页面:

DropInBlog代码step1和step2

这是您需要复制并粘贴到WildApricot的HTML对话框中的代码。更清楚的是,它是这样的:

步骤1:

< >脚本
var dib_id = 'XXXXXXXXXXXXXXXXXXXX';
> < /脚本
< script src = " https://io.www.dante-rossetti.com/js/embed.js " > < /脚本>

步骤2:

< div id = " dib-posts " > < / div >

不用说,您既不会看到上图中的蓝线,也不会看到代码第二行中单引号之间的所有X (var dib_id).相反,你将看到的是你自己唯一的DropInBlog ID(这就是为什么我们在这里没有显示我们的!)

现在回到WildApricot,将代码片段粘贴到HTML对话框中。

DropInBlog代码片段粘贴WildApricot代码

当你点击保存,你的博客文章将自动填充到页面中,你会看到如下内容:

DropInBlog在WildApricot上

单击保存按钮,如上图所示,然后就可以进行集成的最后一步了。beplay2官网体育下载

复制你的博客地址,并粘贴到DropInBlog

我们快到了;只要再多一些细节,你就会有DropInBlog与WildApricot完全集成。

保存更改后,单击公众的视野按钮。

WildApricot DropInBlog公开视图

这将向你展示你的博客在访问者眼中的形象。现在更重要的是,公共视图将允许您查看和复制您的博客URL。

WildApricot博客网址

选择博客URL复制它,去你的DropInBlog吧账户了。这一次,您需要一个与复制集成代码时不同的页面。beplay2官网体育下载点击设置导航栏和粘贴URL博客网址字段上的设置页面.这是当我们粘贴我们的博客URL时的样子:

DropInBlog设置粘贴URL

在您离开此页和DropInBlog之前,向下滚动,直到您看到保存所有更改按钮。点击它保存在DropInBlog的URL和-你已经完全整合了DropInBlog和WildApricot!现在你可以写博客,尽你所能地做你的内容营销,知道DropInBlog是你的后盾。

使用DropInBlog与WildApricot的技巧

添加自定义CSS

将DropInBlog添加到WildApricot站点后,您可能想要做的一件事是自定义CSS。自定义样式可以帮助你进一步改善你的博客和网站的外观,最好的事情是它们很容易添加。

有两种方法添加自定义CSS:

  • 在WildApricot上添加新的样式

从管理仪表板单击网站,然后CSS,并在代码编辑器中添加您的代码,如下图所示:

WildApricot自定义CSS

不要忘记保存您所做的更改。

  • 在DropInBlog上添加新样式

从DropInBlog管理面板转到代码和布局然后向下滚动到先进的代码和布局页面上的部分。点击自定义CSS,在指定的区域中编写代码,然后单击保存CSS

DropInBlog自定义CSS

添加最近的帖子小部件

除了添加自定义CSS,您还可以从DropInBlog添加Recent Posts小部件。正如它的名字所说,它显示你最近的博客文章。您可以选择帖子的数量以及它们将显示的位置(在您网站的哪个页面以及页面的确切位置)。

在我们看来,将这个小部件添加到站点的主页是一个非常好的主意。事实上,这正是我们在WildApricot中所做的:

WildApricot最近发布了DropInBlog

至于添加recent posts小部件的过程,它与我们在本教程中描述的集成过程极为相似。beplay2官网体育下载唯一的两个区别如下:

  1. 您不需要创建一个新页面.相反,您可以将来自DropInBlog的Recent Post小部件代码添加到WildApricot站点现有页面之一上的自定义HTML小部件。
  2. 代码是不一样的就像我们之前复制粘贴的一样。控件上的Recent Post小部件代码代码和布局页,在小部件的代码靠近底部的部分。它是这样的:

DropInBlog小部件最近的帖子

只需将这几行代码复制并粘贴到WildApricot页面上的Custom HTML小部件中,就可以添加Recent Posts小部件。

嗨而不是再见!

就是它了。我们的指南添加DropInBlog到您的WildApricot网站。尽管这是教程的结束部分,但我们更愿意把它看作是一个说嗨的机会,而不是再见,欢迎你加入我们的家庭,如果你决定使用DropInBlog!

我们在这里回答您与DropInBlog有关的任何问题,或了解更多关于该应用程序的信息。此外,如果您需要软件方面的任何帮助,我们会在这里为了你,我们很乐意帮忙。博客快乐!

开始在你的网站中嵌入博客吧现在

免费试用