如何使用WordPress和Elementor制作网站

并非每个人都具备定制网站的技术技能。 HTML、PHP 和 . 。.CSS但是，编程并不是自定义其外观的唯一方法。 事实上，使用WordPress和Elementor创建一个网站只需要很少的努力。

WordPress是最灵活和最通用的产品之一。 内容管理系统 在互联网上。 Elementor 是一个功能丰富的编辑系统，使开发变得轻而易举。 将两者结合起来，您就拥有一个任何人都可以创建自己梦想网站的平台。

在本教程中，我们将向您展示如何使用 Elementor 创建 WordPress 网站。 从今天开始设计伟大的东西，开始为明天构建。

WordPress和托管设置

您需要的第一件事是虚拟主机和域名。 这是网站的基础。 将其视为您需要购买的一种数字房地产形式，以建造“房屋”或“企业”。

转到 绿色极客WordPress托管页面 ，然后点按“开始使用”。 然后按照下一页上的说明设置您的帐户。 您可以注册一个新的免费域名或转移您已经拥有的域名。

一旦你设置了你的 GreenGeeks 帐户，您将能够： c面板此仪表板附带了各种工具来帮助您取得成功。[ソフトアプリインストーラー]滚动到屏幕底部，直到看到该部分。 点击“WordPress”图标， 安装 它在一个新的域中。

安装元素

现在您的主机和WordPress已经准备就绪，是时候安装了 元素. 转到WordPress插件部分，[新規追加]点击。

在右侧的文本框中搜索“元素”。

安装并激活“元素页面生成器”插件。

在元素中创建您的第一个页面

安装插件后，我们将继续创建第一个页面。[ページ]部分[新規追加]点击。

这将是我们的主页。 为页面指定标题“主页”，然后单击“保存草稿”按钮。 建议养成不断节省工作的习惯。 这减少了在发生某些事情时失去一切的机会。

点击 在元素中编辑 标题下方的按钮打开插件的编辑器。

使用预制模板在 Elementor 中创建主页

也许开始使用 Elementor 的最简单方法是使用预制模板。 这使您有机会了解设置并探索该工具在实时环境中可以执行的操作。

靠近屏幕中央[テンプレートの追加]按钮。

元素有多种模板可供选择。 有些是免费的，而另一些仅在插件的专业版中可用。 找到您喜欢的布局，然后单击“插入”按钮。

使元素模板全宽

将鼠标悬停在模板上时，将显示一个浅蓝色控制面板。 第一个图标是该部分的编辑器。 单击此图标可更改左侧面板视图并编辑模板。

点击左侧的[レイアウト]您可以使用的第一个选项是扩展您的设计。 您将看到一种可以单击和关闭的开关类型。 单击开关将布局更改为全宽。

更改主页上的文本

现在，您可以开始自定义主页的内容。 这是使用我们可以使用的各种工具完成的。 要编辑页面的元素，只需单击它们，左侧面板将变成该特定部分的编辑器。

您可以更改字体、颜色、大小，甚至更改每个标题标签在页面上的显示方式。

更改背景图像

自定义的另一个重要部分是更改 CKGROUND 图像。 您将希望在您的网站上获得更多喜欢。

返回部分编辑屏幕，[スタイル]点击。

删除那里的图像后，选择另一个。

在更改背景时，您有很多选择。 渐变，大小，甚至YouTube视频内容都可以在Elementor中使用。

更改颜色和字体

若要更改主页的颜色和字体，请单击要更改的元素，然后单击[スタイル]标签。 在这里，您可以使用颜色选取器或通过输入十六进制代码（如果可用）来更改文本的颜色。 您还可以从多种字体中进行选择。

选择字体外观时，最好有一个不包含太多颜色的设置调色板。 有太多事情要做的网站通常会分散注意力，并可能导致访问者几乎立即离开。

完成更改后，点击左下角的[保存]按钮。

元素保存页面后，单击左上角的菜单图标。

单击菜单列表中的页面设置选项。

[ステータス]下拉[公開済み]切换到 。

单击左下角的“X”图标退出编辑器并显示页面。

将页面设置为站点的主页

现在页面已创建并发布，是时候将其设置为主页了。 WordPress[設定]区域，单击[読書]点击。

[フロントページの表示]在选项下方，您将看到一个用于显示静态页面的单选按钮。 这告诉WordPress您想将特定页面用于网站的主屏幕。 单击静态页面旁边的单选按钮。

您现在可以更改首页和帖子页面上的选项。 现在，单击下拉窗口，然后单击您创建的“主页”页面。

滚动到设置页面底部，然后点按[変更を保存]按钮。

您的主页现在应该是您在 Elementor 中创建的主页。

创建其余网站页面

主页并不是唯一需要调整的部分。 还有一些事情需要调整，例如关于我们和我们的联系页面。 如果是这样，请按照步骤 3-9 操作，同时更改您创建的页面的每个标题。

重要的是要注意，您可能需要在WordPress中移动小部件，以便设计完美契合。 另外，请记住，某些主题有自己的设置，您可能需要调整它们以完美地适合您的整个网站。

例如，您可能有一些颜色要根据当前主题进行调整。 将该配色方案与您在 Elementor 中选择的配色方案相匹配将改善您网站的视觉流程。

立即定制您的网站

Elementor允许您控制WordPress自定义，而无需学习任何代码。 所有后台工作均由系统完成。 从创作 带来转化的着陆页 只需为您的网站创建一个优雅的外观，插件就可以处理这一切。 您需要添加的只是一点自己的想象力。

您过去在WordPress上使用过哪些编辑工具？ 您喜欢使用预先设计的模板还是从头开始创建的自定义布局？