www.wpcitation.com/

Tag: 网站建设技巧

  • 打造个性化网站：Elementor编辑器与WoodMart主题的高级应用（05）

    打造个性化网站：Elementor编辑器与WoodMart主题的高级应用（05）

    上一期介绍了Elementor编辑器的基本介绍与WoodMart主题的搭配，今天我们将深入探讨如何使用Elementor编辑器与WoodMart主题进行更高级的网站设计自定义。无论您是设计新手还是寻求更精细化布局的经验者，本篇文章都将为您提供实用的步骤和技巧。

    步骤：网站前端→Edit with Elementor→滑动到页脚的前面（或者某个模块的添加也可以）

    图片[1]-361Sale WordPress Care

    如上图，一共有四个按键，分别是添加，模版文件，ai构建，主题模版选项

    一般用的最多的是第一个，第二个模版文件，除非你保存了某个模块，然后想要添加到某个位置，但这属于高阶设置了，一般新手用不上，第三个ai构建不建议用，第四个主题模版，根据主题的不一样，当然内容也不一样，上述显示的是WoodMart主题的

    图片[2]-361Sale WordPress Care

    我们点击添加会得到下面的选项

    图片[3]-361Sale WordPress Care

    上述显示的容器（Container）的样式选择，根据实际情况去选择

    图片[4]-361Sale WordPress Care
    图片[5]-361Sale WordPress Care

    他们有一个明显的区别是Grid（网格）是需要设置第一个才能设置第二个格子，Flexbox（弹性盒子）则不需要，但也会有一个区别，就是如果你添加弹性盒子开始只选择了整个，没有分开，选择两格或者三个，他不能选择，除非重新添加，但如果是网格就可以自己切换多个格式，大家根据实际情况去选择

    图片[6]-361Sale WordPress Care

    添加容器后，在容器（Container）的上方都会有三个按钮，分别是添加，编辑，关闭

    文章的前面说过，除了网页最下端的页脚能添加之外，任何容器的添加也是能添加容器的，

    第二个是编辑，关于容器（Container）的一些设置选项

    第三个就是关闭了，无需多说

    我们重点讲述第二个编辑，如下图

    图片[7]-361Sale WordPress Care

    其他的在上一篇的文章有介绍过就不说了，如上图，这个功能新手一般用不上，但如果想容器更美观或者调节多样性就必须会，其实翻译写的很明显了，所以很容易明白，红色框有一个项目，下面有一个方向，上图显示的往下，因为你添加容器选择的是就是向下的其他都是一些方位的显示，大家根据实际情况去调整

    风格也在上一篇介绍了，这里也就不多多说了

    今天讲述先进的其中一个没有讲到的功能

    图片[8]-361Sale WordPress Care

    如上图，为了大家更好的理解，我用中文的图片来说，应该会更好理解一些，基本中文都说明了选项，大家应该对“黏“比较困惑，因为翻译是不准确的，其实就这个容器你可以选择固定顶端或者底部，或者不固定的意思

    图片[9]-361Sale WordPress Care

    Transform：容器（Container）的一些特殊的效果，大家根据翻译去选择，一般是不用动的

    图片[10]-361Sale WordPress Care

    容器点添加，你就可以选择模块了，左边会有容器（Layout），以及基本功能（Basic），和Elementor PRO版（Pro）的功能

    每个主题的基本功能都是不一样的，如果你网站有其他的插件的话，也会在基本功能展示

    但基本的功能能满足你一个网站的基本的构建，可能会不够美观，和炫彩的效果，那样就需要Pro付费版的才能实现，需要添加什么模块，点击你需要的模块拖动到容器里面就行

    模块介绍：

    步骤：网站前端→Edit with Elementor→容器（Container）→Heading

    Heading：标题，理解为大标题，如下图，你可以设置标题文案（Title），以及链接（link）以及标题大小（HTML Tag）以及标题的方向（Alignment），标题颜色（Text Color），字体排版（Typography）大小或者字体风格，大小等等

    图片[11]-361Sale WordPress Care
    图片[12]-361Sale WordPress Care

    步骤：网站前端→Edit with Elementor→容器（Container）→Text Editor

    Text Editor：文本编辑器（如果文字多的话建议用这个，比如一些产品介绍，公司的介绍等等）如下图，文本内容，文本分列（Columns），可以理解为文本在整个容器占据多少，柱间隙（如果你没有设置文本分列，则不需要调整）

    图片[13]-361Sale WordPress Care
    图片[14]-361Sale WordPress Care
    图片[15]-361Sale WordPress Care

    如上图，还有一个文本编辑器风格，可以调整配色方案（Color scheme），文本的方向（Alignment），文本标题颜色（Text Color），文字排版（Tyроgraphy），内容对齐（Content align），内容宽度（Content width）

    步骤：网站前端→Edit with Elementor→容器（Container）→Text Editor

    image：图片展示

    Choose lmage：选择一张图片，你可以选择从网站媒体库或者本地上传

    Image Resolution：图片的分辨率大小，可以选择非常多的分辨率

    Caption：标题，可以展示也可以不展示

    Link：链接，可以展示自定义链接，或者媒体链接

    图片[16]-361Sale WordPress Care
    图片[17]-361Sale WordPress Care

    如上图，Alignment（图片位置）Width（图片宽度），Max width（图片最大宽度），Height（图片高度）Normal（默认状态），Hover（悬停状态，鼠标点击状态）两种不同状态可以分别调整，其他根据翻译理解就行

    图片[18]-361Sale WordPress Care

    步骤：容器（Container）→选择两列布局→图片选择网格的形式选择两列

    如上图，如果你想实现上图的效果，你则需要用到图片（image）的Advanced（先进的）高级功能，请注意是图片（image）的，而不是容器（Container）的，需要在下图的Margin（外框）设置数值偏移，但请断开链接的符号，如果不断开则四个方向是一起变动的，如上图，一个偏左下，一个偏右上，在相对应的方向设置数值就行了

    当然有一个简单的方法那就是做一张这种图片直接插入，会比我这种方法简单，大家根据需要选择

    图片[19]-361Sale WordPress Care

    步骤：网站前端→Edit with Elementor→容器（Container）→Button

    Button：按钮，可以跳转链接的按钮，是必不可少的一个功能，而且美观

    图片[20]-361Sale WordPress Care

    Type（类型），一般是默认的，你也可以选择其他的

    Text（按钮名称），根据实际情况写

    Link（链接）按钮跳转链接

    Icon（图标），你可以设置有图标或者没有图标的，看实际情况调整

    Button lD（按钮ID），一般不用设置的

    图片[21]-361Sale WordPress Care

    Position：按钮的方向

    Typography：按钮排版

    Text Color：文本颜色
    Background Type：背景类型
    Color：颜色

    Normal：默认
    Hover：悬停

    两种不同状态分别调整

    步骤：网站前端→Edit with Elementor→容器（Container）→Spacer

    Spacer：垫片。你可以理解为上下两个模糊或者容器的间隙

    图片[22]-361Sale WordPress Care

    步骤：网站前端→Edit with Elementor→容器（Container）→Divider

    Divider：分割线

    图片[23]-361Sale WordPress Care
    图片[24]-361Sale WordPress Care

    可以设置宽度和颜色，还有高度，他和垫片（Spacer）的区别就是功能会强大一点，垫片（Spacer）的功能只是间隙，如下图，分割线（Divider）效果会不一样

    图片[25]-361Sale WordPress Care

    更多的模块

    Video：视频插入

    Google Maps：地图插入

    icon：图标

    这些设置比较简单就不说了，大家根据翻译就能设置

    这期就讲述到，我们讲述了Elementor编辑器的基本功能和一些经验分享，通过今天的教程，我们希望您能够掌握Elementor编辑器与WoodMart主题的高级应用，从而打造出既美观又功能全面的网站。下一期，我们将介绍Elementor的付费版功能，敬请期待更多专业技巧和深入指导！

  • 如何利用WordPress的帖子与页面高效构建和管理网站内容

    如何利用WordPress的帖子与页面高效构建和管理网站内容

    WordPress是一个功能丰富的平台，它能够轻松搭建各种网站，比如个人博客、展示个人作品的在线作品集，甚至是进行商品交易的电子商务商店。在构建WordPress网站时，内容通常会被组织成两种主要形式：帖子（通常是短文或新闻）和页面（通常是静态信息或特定主题的详细介绍）。这样，无论你想创建哪种类型的网站，WordPress都能提供直观且高效的内容管理方式。

    图片[1]-361Sale WordPress Care

    一、WordPress 帖子与页面：及时性

    当你启动WordPress网站时，有些内容可能会长时间保持不变，比如“关于我们”的介绍、公司的历史和联系方式。这些通常会被添加到主菜单中，作为网站上的静态信息展示给访问者。这些页面内容不太会频繁更改，但它们仍然可以根据需要进行更新。比如，如果公司搬迁了新地址或者推出了新的服务，可以随时更新这些信息。

    与页面不同，帖子更加灵活和动态。它们适合发布那些需要定期更新的内容，比如公司的最新动态、实用指南或者对当前行业趋势的见解。帖子里的信息可能会随着时间的推移变得不再适用，特别是在快速发展的行业中。好消息是，可以轻松地更新帖子的内容，或者根据需要进行全面的更新和调整。

    总之，页面用于展示网站的静态信息，而帖子则用于发布需要定期更新的内容。

    图片[2]-361Sale WordPress Care

    二、WordPress帖子与页面：组织结构

    在比较WordPress中的帖子和页面时，它们在组织方式上的一个关键区别在于页面的层次结构。

    页面往往可以具有子页面，从而形成一个层次结构。比如，你可以为“关于”页面设置子页面，比如“关于我们”、“关于我们的团队”等，以更详细地展示公司的不同方面。这样，访问者可以更轻松地浏览和了解你网站的内容。

    • 公司
      • 历史
      • 使命和价值观
    • 团队
      • 我们的营销大师
      • 我们的 SEO 专家

    这种清晰的网站布局让访客能轻松找到他们所需的信息。例如，如果想了解更多关于公司和员工的资讯，他们一看就知道要去“关于我们”的页面查找。

    另外，通过使用类别和标签这样的分类方法，网站上的文章也能得到有序的整理。这样一来，读者就能轻松搜索到感兴趣的主题内容了。

    如果有关于数字营销的文章，可以根据以下类别对帖子进行排序：

    • 社交媒体
    • 电子邮件营销
    • SEO
    • 写文章

    还可以使用标签对不同类型的 WordPress 帖子进行分类，例如：

    • 操作指南
    • 技巧和窍门
    • 产品评论

    帖子还可以按作者分类，可以让作者查看特定作者的其他帖子。

    图片[3]-361Sale WordPress Care

    三、WordPress帖子与页面：交互性

    我们来聊聊WordPress网站中的交互性设计，特别是页面和帖子如何与访问者互动。

    首先，什么是交互性呢？简单来说，就是网站的内容能够“回应”或“与你互动”的功能。在WordPress中，帖子通常都默认允许读者发表评论。这样，当你读完一篇文章后，如果有任何问题或想法，都可以直接在下面留言，和作者或其他读者进行讨论。

    但如果你觉得默认的评论方式不够满足你的需求，不用担心！你可以通过安装各种评论插件来为读者提供更多选择。比如，有些插件允许你直接通过Facebook账户来发表评论，非常方便。

    那么，与帖子不同，WordPress页面默认是不带评论功能的。但这并不意味着页面就不能和访问者互动。你可以在页面上添加一些鼓励性的语言，比如邀请用户咨询报价或订阅新闻资讯，这样也能促进社会参与。

    另外，页面还可以包含很多其他交互式的元素。比如，你可以添加一个联系表单，让访问者能够直接联系你；或者添加一个民意调查或调查，收集用户的意见和反馈；还可以嵌入RSS订阅源，让访问者能够方便地获取你网站的最新内容。

    无论是WordPress的页面还是帖子，都有很多方式可以实现与访问者的互动，让网站变得更加生动有趣。

    图片[4]-361Sale WordPress Care

    四、什么时候使用WordPress帖子和页面？

    当我们考虑在WordPress上发布内容时，了解帖子（Posts）和页面（Pages）之间的区别至关重要，这样才能做出最佳选择。

    1. 什么时候应该使用WordPress帖子

    创建文章的频率会比创建页面的频率更高。

    有了一个在线商店或丰富的产品组合，通过发布帖子仍然是一个保持网站内容新鲜、吸引更多访客的好方法。比如，可以通过帖子分享你的工作进展、新品上架信息或其他有趣的内容，这不仅能吸引现有用户的关注，还能从搜索引擎那里引来更多的流量。接下来，让我们看看WordPress中帖子的其他一些常见用途示例：

    1. 分享行业新知：发布与业务或产品相关的最新行业新闻，让访客了解市场动态。
    2. 产品介绍：详细介绍新产品，包括功能、用途和购买方式，激发潜在客户的购买欲望。
    3. 教程与指南：提供与产品或服务相关的教程和指南，帮助用户更好地了解和使用它们。
    4. 优惠促销：发布限时优惠、折扣或促销活动信息，鼓励用户尽快下单。
    5. 客户故事与案例：分享客户的使用体验、成功案例，增加品牌的可信度和吸引力。
    6. 公司文化与动态：发布公司活动、团队介绍、公司文化等内容，让访客更深入地了解您的品牌。

    通过定期发布这些高质量的帖子，可以使你的网站保持活跃，吸引更多的访客，并提高转化率。

    还可以将文章添加到 WordPress 中的特定页面。这可确保文章内容井井有条且易于导航，从而增强用户体验。

    图片[5]-361Sale WordPress Care

    2. 什么时候应该使用WordPress页面

    每个WordPress网站的核心都是一个页面——那就是主页。但除了主页，还应该创建一些介绍业务或项目的关键信息的页面。以下是一些WordPress页面中流行的示例，用更通俗易懂的方式描述：

    1. 主页：这是网站的门面，通常显示最重要的信息，如品牌故事、主要产品或服务、联系方式等。
    2. 关于我们：这个页面告诉访客公司是谁，历史、价值观以及与众不同的地方。
    3. 服务或产品：详细描述提供的所有服务或产品，包括它们的特点、优势和价格。
    4. 联系我们：提供访客联系你的方式，如电子邮件地址、电话号码、地址和在线表单。
    5. 常见问题解答（FAQ）：列出并回答客户经常询问的问题，以减少他们的疑虑并快速提供所需信息。
    6. 博客或新闻：发布与业务相关的文章、新闻或行业洞察，以展示专业知识和最新动态。
    7. 案例研究或客户评价：分享成功案例和客户评价，证明您的产品或服务的质量和价值。
    8. 隐私政策：向访客解释您如何收集、使用和存储他们的个人信息。
    9. 条款和条件：列出使用网站、产品或服务时需要遵守的条款和条件。

    通过创建这些页面，可以为访客提供清晰、详细的信息，使他们更容易了解你的业务，并做出购买决策。

    五、结论

    在WordPress中，文章（Posts）和页面（Pages）是两种基本的内容类型，它们各自扮演着不同的角色。

    页面（Pages）主要是用来展示那些不会经常变动的信息，也就是所谓的“常青内容”。例如，你可以在页面上介绍公司的历史、团队成员、提供的服务、展示的产品以及联系方式。这些信息一旦设定好，就不需要频繁更新。

    而文章（Posts）则带有发布日期，并且更适合用来发布那些需要及时更新的内容。比如，你可以发布教程、新闻更新、产品评论等，让读者了解到最新的动态。

    当读者浏览这两种内容时，他们与网站的互动方式也会有所不同。文章通常会鼓励读者发表评论，分享他们的看法和想法。而页面则更多地包含一些静态元素，如联系表单或明确的行动召唤（CTA），比如“联系我们”、“订阅新闻”或“请求报价”等，引导访问者采取进一步的行动。

    简而言之，页面是展示静态信息的窗口，而文章则是与读者进行实时交流的平台。