如何在卡片上创建博客

安娜安娜
5分钟阅读

在本指南中,我们将向你展示如何在你的博客中添加一个功能齐全的博客Carrd网站只需添加几行代码。

Carrd是一个创建优雅单页网站的好工具,但是如果你想在你的网站上添加一个博客呢?card为添加静态内容提供了很好的元素选择,通过集成DropInBlog,您可以扩展您的网站功能与功能齐全的博客。

先决条件

你需要创建一个DropInBlog帐户你可以免费试用14天。您还需要一个现有的card Pro标准(或更高)帐户和网站。

另一个先决条件是将您的博客添加到您的card网站的主页。这是因为card渲染子页面的方式不兼容。

在开始之前,请查看下面的视频,更好地了解这个过程。

添加嵌入元素

导航到“卡片”仪表板并选择要编辑的网站。为你的博客部分选择一个地方,然后直接点击上面的元素。

使用加号图标添加一个新元素,并从下拉列表中选择Embed。

添加嵌入元素-如何在卡片上创建一个博客

嵌入你的博客

一旦添加了Embed元素,将出现一个边栏,其中包含编辑新元素的选项。确保类型已设置为Code,并向下滚动侧边栏到Code文本区域。这里是我们将添加DropInBlog脚本的地方。

打开一个新的浏览器窗口,转到你的DropInBlog账户。选择来自主导航的代码和布局

在博客代码步骤中,复制步骤1和步骤2中显示的代码,看起来像这样:

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

< >脚本

var dib_id = 'XXXXXXXXXXXXXXXXXXX';

> < /脚本

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

切换回您的卡片网站,并将代码粘贴到代码文本区域。添加完代码后,点击文本区域下方的Done按钮。

在card中嵌入元素选项,并在代码文本区域中添加代码

接下来,再次返回DropInBlog并选择设置从主导航.定位博客URL字段,并添加您的卡片网站URL。点击保存DropInBlog设置中的所有更改,并切换回您的卡片网站。

如果你把你的博客放在一个“Section”(页面)上,请确保你的博客URL格式与该“Section”(页面)的完整URL一致。它应该看起来像这样:https://dropinblog.carrd.co/#blog

如果你正在使用“部分”(页面)为你的博客,我们也建议你清除“首页/默认标题”在你的DropInBlog设置SEO设置部分。

DropInBlog博客URL字段与“https://website.com/blog/”添加

发布丰富博客的网站

要发布这些新更改的网站,请单击右上角的save()图标。然后在侧边栏出现时单击Publish Changes。

在那之后,卡片会发布你的网站变化,并给你一个链接来查看你的网站。使用链接查看你闪亮的新博客!✨

最后的博客页面与博客文章显示在卡片网站

常见问题

是的,在card上创建一个博客是一个很好的主意,因为这是一个非常简单的方法来把你的card网站提升到一个新的水平。

card以允许您创建一个页面的网站而闻名,这些网站非常好看,但也非常简单。因此,添加一个像DropInBlog这样的博客功能可以真正提升你的网站,给你更多的空间与读者交流,带来流量。

当然!仅仅是在你的网站上添加一个博客就可以帮助你在谷歌上被索引,但这还不是全部。DropInBlog有一个叫做SEO分析器的智能工具,它可以给你即时的反馈,告诉你如何以可操作的技巧的形式优化你的内容。

例如,这些包括关键字密度、图像alt标签等。这样,您就不必担心或质疑您的内容是否已经优化到足以出现在serp上。

你可以在我们的文章DropInBlog和搜索排名中找到更多关于SEO分析器的深入信息。

使用信用卡的技巧

由于卡德的选择非常精心设计的主题和起点,你的博客将自动继承这些风格,看起来华丽的权利开箱!

但是,如果想添加一些自定义样式,可以使用标准CSS来调整表示。只需使用一个新的嵌入元素,并在标签中添加CSS,开始定制您的博客的设计。

如果你需要我帮你你的新卡博客设置或者对如何使用DropInBlog的任何功能有疑问,只要beplay体育客户端官方下载给我们留言.我们随时待命,等待着帮助您充分利用您的新卡博客。享受吧!

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

免费试用