WordPress. 如何改变材质设计图标

本教程将向您展示如何进行更改 材料设计 icons in WordPress模板.

WordPress. 如何改变材质设计图标

材料设计 是全套的吗 材料设计 图标用于网站上易于扩展的矢量图形. 它被Templateog体育首页用于某些WordPress模板.com. 让我们检查一下编辑它的方法. 有两种方法 update the icons:

1. 使用短码;
2. Using CSS.

我们检查一下这两个变量. 第一种方法展示了如何 update 材料设计 icons 使用短码.

1. 开放的WordPress Dashboard 然后导航到 Pages > All Pages> Home. Locate shortcode 线条与材料设计图标参考:

   

2. 现在我们开始 server File Manager and locate # # # #”wp-content /主题/主题/材料/材料设计.css’ file there. 打开它来检查内容. 你会在那里找到每个图标的几个变体. 搜索与新图标对应的CSS类，并从文件中复制其标题:

   

3. 将其(而不是默认的)粘贴到 shortcode 在纸上划线 update changes. Update 更改页面并检查站点的前端.  现在出现新图标.

第二种方法展示了如何 update 材料设计 icons using CSS.

1. 右键单击鼠标并使用 “检查元素” 工具来定位要编辑的图标的CSS类. 复制CSS类 对于箭头.

2. 回到WordPress Dashboard 然后导航到 Appearance > Editor> style.css file. 粘贴图标的CSS类，并确保它有“content”行值.

3. 回到 # # # #”wp-content /主题/主题/材料/材料设计.css’ 文件并搜索您想要使用的值，而不是默认值.

4. 将新的内容值粘贴到样式中.css file. 记得使用 ‘!important’ 正确应用CSS修改. 最终的CSS类应该如下所示:

   .block_3  .service-box2:{后
     内容:“\ e11d” !important;
     }

5. Update the style.CSS文件一旦完成修改. 刷新主页查看结果.

请随时查看下面的详细视频教程:

WordPress. 如何改变材质设计图标