如何在Duda上添加博客

戴夫戴夫
4分钟阅读

在本指南中,我们将向您展示如何通过复制和粘贴几行代码,将一个功能齐全的博客添加到您的Duda网站。



Duda网站建设者是伟大的建设丰富和复杂的网站无需编写代码。它的拖放编辑器让你对你的网站设计有极大的控制,但它并不能真正帮助你专注于你的博客写作。此外,你可能不希望所有的博客贡献者都能访问你的整个网站后端。

通过使用DropInBlog使用您现有的Duda网站,您可以有效地从网站中提取博客。你的内容创作者可以专注于写博客,而你可以专注于网站的结构和布局。

先决条件

要开始,你需要创建一个DropInBlog帐户,你可以免费使用14天的审判.你还需要一个现有的杜达网站

创建博客页面

导航到Duda网站构建器,选择侧边栏中的页面,并点击新页面按钮以创建新的空白页。

或者,您也可以使用单个页面设置复制现有页面。这使您不必从头开始创建整个页面。

在Duda中创建新页面和重复页面选项

命名新创建的页面;我要用"博客"这个富有想象力的名字

你也需要这样做设置页面URL.控件中的页面项上的齿轮图标可以做到这一点页面边栏,并为标题字段键入值页面的URL.同样,我要设置我的页面URL到“博客”。

在Duda中编辑页面URL字段

连接您的帐户&整合博客文章

在Duda构建器中打开新创建的博客页面并点击小部件在主侧栏中。定位超文本标记语言小部件并将其拖放到新创建的页面上。一旦小部件被删除,HTML内容编辑区域会自动打开。

在Duda中拖放HTML内容小部件

接下来,打开一个新的浏览器窗口,转到你的DropInBlog账户。选择来自主导航的代码和布局.在博客代码步骤中,复制中所示的代码步骤1而且步骤2,它看起来是这样的:

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

切换回Duda网站构建器,并将此代码粘贴到HTML内容弹出文本区域。点击更新保存更改

更新变化

接下来的步骤将是发布新页面而且设置博客页面的URL在DropInBlog。

发布新博客

现在开始,点击发布在杜达的右上角。在那之后,Duda会发布你的网站变化,并给你一个链接到你的网站。复制页面地址链接回到DropInBlog。

在DropInBlog中,选择设置从主导航.定位博客网址字段,并添加您完整的Duda博客页面URL。这将是你的网站域名,紧随其后的是你的页面段。例如,我的网站URL和页面蛞蝓是:http://duda-website.multiscreensite.com/blog

一定要点击保存所有更改在DropInBlog设置中。

保存在DropinBlog

祝贺你,你所有的辛苦工作现在完成了!现在是时候导航到你的新博客页面,测试你闪亮的、功能齐全的新博客了!✨

新博客

使用Duda的技巧

你新创建的博客会自动采用你网站的风格,并与你的品牌相匹配。但是,您可以使用页面上的另一个HTML Content小部件在Duda中添加自定义样式并添加自定义CSS。但是记住,当使用HTML Content小部件时,你需要像这样用样式标签包装CSS:<时尚>…> < /风格

常见问题

Duda允许你创建和发布你的博客文章。然而,Duda不会给你最优的搜索引擎优化的内容。如果不添加插件或扩展,它就无法提供足够的功能。beplay体育客户端官方下载幸运的是,DropinBlog可以很容易地与你的Duda网站集成,它包括一个优秀的SEO分析工具

总之

一旦你的DropInBlog账户与Duda集成,你就不需要使用Duda来添加新的博客文章了。您现在可以登录DropInBlog创建新的帖子,它们将自动发布在您的duda创建的网站上!

如果你想要把DropInBlog连接到你的Duda网站,请保持联系.我们非常乐意帮忙。

博客快乐!

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

免费试用