如何在可教博客上创建一个博客

ZoranZoran
8分钟阅读

博客是最强大的,同时也是最经济的方式来吸引新的访问者到你的网站,并将他们转化为学生。在本教程中,我们将指导您通过简单的步骤创建一个可教的博客。这是一个快速简单的过程,所以系好安全带,享受这段旅程吧。

什么是可教的,你能用它写博客吗?

在线学习正在缓慢而坚定地改变现代教育格局。可教的是推动这场革命的力量之一。它是一个很受欢迎的平台,可以让你创建、销售和推广在线课程和教练服务。“可教”是创办教育企业并将其转变为教育帝国的理想选择。

直到最近,你还可以在te可教网站上创建一个博客,但现在已经不一样了。

一方面,令人遗憾的是,“可教”不包括像博客一样重要的功能。另一方面,当涉及到商业环境中的博客时,内置的博客很少达到标准;嗯,大部分都是。

但是,当你可以添加一个一流的专门的博客工具,如DropInBlog到你的Teachable网站时,不再提供博客并不是一个巨大的损失。

在这里,我们将向您展示如何将DropInBlog与可教学集成。开始你的博客之旅只需要几分钟,对学习新事物的热情,以及复制和粘贴几行代码的能力。很简单,对吧?在此过程中,您将了解嵌入代码以及它们如何扩展站点的容量。那么,让我们开始吧!

先决条件

你需要两件事来创建一个博客与教学DropInBlog帐户和(至少)a可教的基本帐户。

te可基本计划允许您添加自定义HTML块片段,这就是如何在te可基础上创建博客。不要让华丽的术语打击你,这个功能只是让你从DropInBlog复制那几行代码,并将它们粘贴到你的教学网站。

对于您的DropInBlog帐户,没有任何特殊要求。你可以享受写博客的好处14天免费试用

创建一个新的可教学页面

添加一个新的页面到你的网站是创建一个博客在教学的第一步。要做到这一点,您需要单击网站然后页面在左侧的管理侧栏中。这将显示所有现有页面以及新建页面按钮。

可教的仪表板

接下来,单击新页面,可教学将立即创建和显示您的页面。单击设置侧边栏顶部的轮子图标将显示如下内容:

可教学页面设置

我们高亮了你要填写的区域页面标题,您可以看到我们已经为页面命名博客.然而,你不需要使用博客作为你的页面标题,你可以命名你的任何你认为合适的。考虑到我们新创建页面的目的,我们只是认为博客是最合适的。

在这里,在设置下,你也可以做其他的改变,比如去掉页面的页眉和页脚,添加页面描述等等。

设置好页面标题后,单击发布.在弹出窗口中,你可以更改页面URL若要显示页面标题,请单击发布再一次。

发布页面更改

为了确保一切按计划进行,您可以检查新创建的页面是否列在仪表板中。

博客页面仪表板

现在您的新页面已经设置好并准备好了,是时候进行下一步了。

添加DropInBlog嵌入代码

这是有趣的部分,准备好了吗?

从可教的仪表板,通过单击编辑图标打开您的博客页面。在左侧栏中,您将看到这个选项添加新块.单击它,选择自定义HTML,然后按添加

添加自定义html

在新的浏览器选项卡或窗口中打开DropInBlog.登录您的帐号,单击代码和布局在导航栏中。在这里可以找到嵌入代码。您需要复制两段代码。下面的代码片段步骤1,它看起来是这样的:

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

我们说“像这样的东西”是因为你不会在代码中看到所有这些x。相反,你将看到的将是你自己唯一的DropInBlog ID,它是数字和大写字母的混合。

这是步骤2代码:

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

复制来自的代码步骤1而且步骤2.然后去你的可教的博客页面,以及粘贴将这两个代码片段放到左边的HTML代码侧栏中。它看起来是这样的:

粘贴嵌入代码可教

粘贴完DropInBlog代码片段后,单击发布、然后预览看看你所做的改变。

预览博客可教

很酷,对吧?

在您的DropInBlog帐户中设置您的博客URL

你已经很接近准备好用teeable写博客了。然而,在写你的第一篇文章之前,还有一件事要做。您需要在DropInBlog帐户中输入您的教学博客URL。这是最后一步,允许您完全连接您的DropInBlog帐户到您的教学帐户。

在教学上,打开你的网站页面列表.找到你的博客页面,单击预览选项,在一个新选项卡中打开你的博客,然后从导航栏复制URL

复制博客网址

现在,回到DropInBlog再次导航到设置.你会看到一个有大量自定义选项的页面;此时,惟一需要设置的是博客网址.单击此字段并粘贴你之前复制的博客页面链接。注意,你唯一的博客URL可能与你在这里看到的完全不同。

现在,点击保存所有更改.就这样,你完成了!

粘贴博客网址

祝贺你,你已经成功地集成了DropInBlog与教学。你可以创建教育内容,把你的商品卖给人们,通过你的博客告诉他们你的产品和你的品牌。

使用DropInBlog与可教的技巧

现在你已经创建了一个博客,并学会了如何向你的教学网站添加自定义HTML块,你可以通过在DropInBlog上试验其他可用的选项来充分利用它。您可以将自己的自定义代码块直接添加到您的博客页面,并随心所欲地更改样式。

当你打开DropInBlog代码和布局页面,在高级下,你会发现自定义CSS选项。在这里,你可以通过DropInBlog帐户调整你的博客样式。如果您无法通过可教学帐户修改CSS,这可以非常方便。

如何创建一个博客与教学

DropInBlog继承了你的网站使用的设计模板的风格,但如果你想自定义你的博客,这是你要做的。

例如,如果你的模板页面是全宽的,你想要添加一些空白到你的博客,你可以通过添加以下CSS到DropInBlog:.dib-post-wrap{边距:0 3em;}.只需记住保存更改即可。

另一方面,从教学,你可以改变样式相同的方式添加嵌入代码从DropInBlog:添加一个新的自定义HTML块到你的博客页面,写你的CSS代码之间<时尚>…> < /风格标签,发布,仅此而已。

除此之外,您还可以添加最近的帖子以及DropInBlog中的其他小部件。正如你已经猜到的,你可以在代码和布局页面的小部件代码部分中找到这些代码,就在自定义CSS的正下方。你可以将它粘贴到你网站的任何地方,并将最近的文章数量设置为你喜欢的任何数量,这样人们就可以在你网站的任何地方看到和访问你最近的博客文章。

如果你需要帮助或有任何问题,请联系我们;我们就在这等着帮忙。

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

免费试用