如何在Yola上创建博客

在这个简短的教程中，我们将向您展示几个简单的步骤，让您可以使用Yola创建博客。写博客是最好的方法之一为您的网站带来有机流量，任何企业都有可能从中受益。

在你的Yola网站上添加一个博客是快速和简单的。放轻松，坐好，我们来教你怎么做。

Yola是什么，你能用它来写博客吗?

约拉是一个整洁的网站建设者，包括电子商务功能。它已经在市场上出现了20多年，这意味着大量宝贵的经验和用户反馈已经使这个平台尽可能高效。

这个网站建设者提供了各种工具，使它更容易为您建立和提高您的在线存在。然而，有一样东西是缺失的——内置博客功能．

以前有办法解决这个问题。这个平台允许你通过一个小部件将你的Yola网站连接到Tumblr博客上，但这已经不可能了，至少如果你使用的是新的约拉Sitebuilder +编辑器。

但即使是这样，将Tumblr与Yola网站连接起来也远非理想。在商业环境中，Tumblr绝不是一个专业的博客解决方案。企业需要自己专门的空间和独立的博客来充分利用博客。

今天，Yola完全没有博客选项，这很遗憾。不管你的公司有多大，一个严肃的业务都需要一个现代化的博客解决方案，包含所有的工具。

DropInBlog完全符合这种描述。它为您提供了所有必要的工具。你将能够传播你的业务，提高你的网站的受欢迎程度，并产生更多的线索。更棒的是易于与Yola集成．

在Yola上写博客的先决条件

将DropInBlog添加到Yola只需要复制和粘贴几行代码。要做到这一点，你需要一个DropInBlog帐户和一个银或金Yola订阅．不幸的是，在Yola免费版和青铜版中添加定制代码是不可能的，因为我们通过嵌入代码集成了DropInBlog，所以至少要有一个银版订阅(每月14美元)。

至于DropInBlog，你可以免费试驾，充分利用14天免费试用．然后你就能亲眼看到它是多么方便和强大。

创建一个博客页面

现在你已经设置了你的DropInBlog和Yola账户，你已经准备好开始一个新的博客章节。

你要做的第一件事是创建一个新页面约拉。您可以通过单击来完成此操作页面在导航栏的左侧，就在Yola标志的旁边。当你点击圆形加号图标，你会看到这些选项:

我们认为将页面命名为“博客”最适合我们的新页面，但您可以根据自己的意愿命名。您可以保持“显示在导航中”和“空页”选项不变。

Yola还有一系列模板可供使用。您可以选择其中之一，也可以暂时将页面留空。页面设计可以在后面的阶段进行编辑。为了本教程的目的，我们将保持简单，从空白页开始。

添加HTML块

添加新页面后，可以通过单击页面按钮，您就可以通过添加一个块来开始构建您的博客页面了。块只是不同类型内容的容器。

点击加号按钮将带您到一个页面，在这里您可以选择要添加的块类型HTML嵌入选项因为这就是我们在这里所做的:嵌入HTML代码。

这是我们目前得到的:

请记住，您可以通过单击上图所示的箭头来向上或向下移动一个块。

添加嵌入代码

我们已经有了一个良好的开端，并且已经准备好进行下一步:添加嵌入代码。

添加完块后，单击页面然后是你博客页面的设置:

向下滚动，直到看到“Before

标签”部分。在这里您将添加来自DropInBlog的第一个HTML代码片段。

在您的浏览器中，打开一个新选项卡，登录到您的DropInBlog帐户，然后单击代码和布局．复制来自的代码步骤1并将其粘贴到关闭主体标记部分，如下图所示。

步骤1代码如下所示:

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

单击保存更改提交．

在我们继续讨论之前，有一件事要注意。您的DropinBlog ID将是您帐户的唯一ID，包含数字和大写字母的组合。在这张图中，x只是为了说明。

在你的页面上显示博客文章

现在，返回到您的博客页面并选择自定义HTML．

回到代码和布局DropInBlog页面，复制来自的代码步骤2，粘贴到你的Yola博客页面，然后单击提交．

这是第2步代码的样子:

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

为了完成这个过程，您需要发布您的站点。单击发布按钮在右上角，你会看到这条来自Yola的消息:

根据我们的研究，谷歌将索引您的Yola网站，即使有yolasite.com域名。然而，我们总是推荐一个自定义域名，特别是对于企业。

在你发布了你的网站之后，你可以点击弹出的链接，或者从仪表板上查看你的实时网站的外观。很明显，你收到的链接不会和上面图片中显示的完全一样。

复制您的博客地址到您的DropInBlog帐户

还有最后一件事要做。复制你的博客网址：

复制完成后，再次返回DropInBlog帐户，单击设置导航菜单中，和粘贴URL如下图所示:

向下滚动到保存所有更改按钮，点击它，就是这样。你已经完成了!看，我们告诉过你这是个简单快速的过程，不是吗?：）

现在，您的DropInBlog帐户完全连接到您的Yola帐户。当你在DropInBlog上添加新帖子时，你会看到它们发布在Yola上。你有一个很酷的网站和一个惊人的博客——你正在通往伟大的路上。

与Yola一起使用DropInBlog的设计技巧

Yola提供了大量精心设计的模板。无论你选择哪种模板，DropInBlog都会自动匹配你的Yola页面的布局。除了SEO分析仪，这是一个突出的功能，继承模板样式的能力是DropInBlog最有价值的资产之一。

如果你想要更好地控制你的博客的外观和感觉，你总是可以的添加自己的自定义样式．这个过程和我们整合DropinBlog的过程完全一样。您只需要添加一个新的HTML嵌入块到您的博客页面，并编写一些CSS，但这一次，您需要将CSS代码放在其中> <时尚> < /风格标签。

例如，如果你想改变背景颜色，你可以添加这样的东西:<时尚>身体{background - color: # 999;} > < /风格．自定义CSS可以让你的博客看起来完全按照你想要的方式。

此外，DropInBlog可以让你直接添加自定义CSS到你的DropInBlog帐户。要做到这一点，你只需要去代码和布局页面。下先进的，你会发现自定义CSS部分，您可以在其中添加自定义样式。

假设你想给你的页面添加一些页边距;你可以通过在Custom CSS部分添加以下CSS规则来实现:.dib-post-wrap {margin: 0 3em;}

虽然这只是你可以做的两个例子，但自定义CSS代码的样式化可能性确实是无穷无尽的。

常见问题