WordPress Cherry 3.x. 如何用短代码代替图像图标

本教程将展示如何添加更多使用短代码实现的图标 WordPress:

1. 图像图标被添加到 shortcode with IDs. 基本上，图标很重要 shortcode 限量10件. 要添加更多图标，可以复制和粘贴 shortcode 插入页面并替换图标id like “icon10” 下一个索引号 “icon11”::

   [service_box title="title" icon="icon11" text="text" btn_text="text" btn_link="link" target="_self"]

2. 下一步是在服务器上上传一个新的图标图像. 图标位于 wp-content /主题/ themeXXXXX /图像 服务器上的文件夹. 连接到服务器 FTP or open 文件管理器在cPanel 上传新图片. 确保新图标具有相同的格式， resolution 和合适的索引号. 例如，模板中有10个图标，则应调用新图标 icon11 因此:

   

3. 现在您需要添加一个新图标到 shortcode. Shortcode 插入到页面/帖子中 樱桃短码按钮 哪个可以在页面/帖子的顶部找到 editor 在WordPress管理面板. 控件中出现新的图标 shortcode layout，你应该把它们加到 shortcode script. 在大多数情况下，图标被添加到 services_box shortcode. Open the wp-content / plugins /樱桃-plugin/管理/短码/短码 服务器上的文件夹. 找到并打开 my_service_box.js file. 从文件中复制代码.

4. 将代码粘贴到 wp-content /主题/ themeXXXXX / js / my_script.js 服务器上的文件. 将它插入到文件的底部.

5. 完成后，将图标编号添加到代码中:

   selectValues(“不”:, 'icon1', 'icon2', 'icon3', 'icon4', 'icon5', 'icon6', 'icon7', 'icon8', 'icon9', 'icon10', 'icon11', 'icon12'],

6. 在文件中保存更改并进行检查 shortcode layout 在WordPress管理面板:

   

7. 使用以下命令刷新你的网页 Ctrl/Cmd+F5 要查看前端的变化:

   

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