Magento2如何管理CMS, Block, Wiget模块

Magento2如何管理CMS, Block, Wiget模块

一、建立CMS页面

步骤1.新增页面

  • 首先进入CONTENT > Element > Pages,然后按Add New Page

Magento2 (1)

  • 接着在Page Title处输入此页面的名称/标题

Magento2 (11)

  • 在CONTENT处输入你要的内容,Content Heading输入页面顶部的主标题,点击Show/Hide Editor按钮,用WYSIWYG编辑器编辑文本,可输入文字与插入图片

Magento2 (3)

  • 在Search Engine Optimisation处输入URL Key 与Meta Data

Magento2 (12)

  • 定义此页面在哪些网站介面上显示

Magento2 (19)

  • 于Design里的Layout下拉变可设计前台的设计

Magento2 (13)

  • 而在Custom Design Update的自定义设计页面栏位里,你可以在精确的期间里更改主题、设计和款式风格,可用来做节日促销或特价活动

Magento2 (7)

  • 完成编辑后,不要忘记按右上角的Save Page

这就是添加一个新页面的流程,现在此页面已准备好从你的商店导览进去,或导入其他页面,甚至可以将它用在首页。

 

二、建立BLOCK

1.登入管理后台,选择CONTENT > Blocks

Magento2 (29)

2.新增Block

Magento2 (23)

3.编辑好Block内容之后按下Save Block 退出,编辑的方式与pages相同

Magento2 (28)

将静态区块内容(static block)放到页面(cms page) 中

1.选择CONTENT > Pages

Magento2 (5)

2.新增页面或是选择要放置内容的页面、在这里我们选择home page

Magento2 (10)

3.展开Content 标签、按下Show / Hide Editor按钮

Magento2 (25)

4.按下Insert Widget…
Magento2 (24)

5.在Widget Type中选择CMS Static Block

Magento2 (20)

6.按下Select Block

Magento2 (15)

7.择择我们刚刚建立的静态区块

Magento2 (16)

8.选择Insert Widget 插入静态区块

Magento2 (2)

9.在所见即所得的编辑区里我们可看到一个cms block 的图示、表示成功插入一个静态区块。

Magento2 (27)

10.按下Save Page存档,我们完成了将静态区块(static block)的内容新增至页面(cms page) 中的动作了,底下图片就是我们刚刚所做的成果。

Magento2 (14)

 

 

 

 

三、建立Wiget

  • 在开始建立Widget之前、我们要先建立一个静态区块(CMS static block),步骤如前述

Magento2 (22)

接下来我们要开始使用小工具(Widget)建立网站内容:

建立Widget

1.登入管理后台,选择CONTENT > Widgets

Magento2 (4)

2.按下Add Widget

Magento2 (26)

3.在Settings区块设定Widget类型及之后要显示Widge内容的布景主题:

3-1. Type → 设定Widget类型为CMS Static Block

3-2. Design Theme → 选择之后要显示Widge内容的布景主题

3-3. 按下Contiune 继续。

Magento2 (15)

 

 

4.在Storefront Properties区块设定标题及将来要显示Widget的Store view还有显示的顺序。

4-1. Widget Title → Widget的标题,

4-2. Assign to Store Views →您可以直接设定为”All Store Views”或是指定特定的Store View。如果要选择多个,请按住Ctrl键并选择想要的选项。

4-3. Sort Order → 当一个显示容器里有二个以上的Widget时、这个栏位的数字会影响显示的顺序。

Magento2 (18)

设定Widget的显示页面及位置

  1. 在Layout Updates 区块按下Add Layout Update。并设定Widget的显示位置。
  2. Display On →设定哪些页面要显示Widget
  3. 接着选择要在页面中的哪个区块显示。
  4. 您还可以按下Add Layout Update 接着再新增一组显示位置的设定。

Magento2 (9)

设定Widget的显示内容

1.按下S​​elect Block

Magento2 (31)

2.选择要显示的CMS Static Block

Magento2 (6)

3.按下右上角Save 存档。

完成后跳出提示讯息要我们去清一下快取。

Magento2 (21)

跟着提示讯息上的连结、我们来到快取管理。选取无效的项目,接着按下Submit重整一下。

清完快取之后、我们就可以到前台来检视成果了。

Magento2 (17)

 

更改首页

若要更换首页,请操作以下步骤:

  1. 完成建立页面的步骤
  2. 在管理栏位下,选择Stores > Setting > Configuration
  3. 接着在General栏位底下选择Web
  4. 展开Default Pages部份,然后操作以下步骤:

Magento2 (1)

a.在CMS Home Page设置好你所希望的新页面

b.按Save config

5.结束设定后请不要忘记刷新Cache


上一篇:如何在Magento 2中生成Sitemap 下一篇:当商品库存较少、没有库存时,该如何配置你的Magento商品库存
  • 版权声明:内容来自互联网不代表本站观点,2018-05-20发表于 magento教程栏目。
  • 转载请注明: Magento2如何管理CMS, Block, Wiget模块| magento教程 +复制链接