WordPress Cherry 3.x. 如何用短代码代替图像图标
2015年4月22日
本教程将展示如何添加更多使用短代码实现的图标 WordPress:
-
图像图标被添加到 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"]
-
下一步是在服务器上上传一个新的图标图像. 图标位于 wp-content /主题/ themeXXXXX /图像 服务器上的文件夹. 连接到服务器 FTP or open 文件管理器在cPanel 上传新图片. 确保新图标具有相同的格式, resolution 和合适的索引号. 例如,模板中有10个图标,则应调用新图标 icon11 因此:
-
现在您需要添加一个新图标到 shortcode. Shortcode 插入到页面/帖子中 樱桃短码按钮 哪个可以在页面/帖子的顶部找到 editor 在WordPress管理面板. 控件中出现新的图标 shortcode layout,你应该把它们加到 shortcode script. 在大多数情况下,图标被添加到 services_box shortcode. Open the wp-content / plugins /樱桃-plugin/管理/短码/短码 服务器上的文件夹. 找到并打开 my_service_box.js file. 从文件中复制代码.
-
将代码粘贴到 wp-content /主题/ themeXXXXX / js / my_script.js 服务器上的文件. 将它插入到文件的底部.
-
完成后,将图标编号添加到代码中:
selectValues(“不”:, 'icon1', 'icon2', 'icon3', 'icon4', 'icon5', 'icon6', 'icon7', 'icon8', 'icon9', 'icon10', 'icon11', 'icon12'],
-
在文件中保存更改并进行检查 shortcode layout 在WordPress管理面板:
-
使用以下命令刷新你的网页 Ctrl/Cmd+F5 要查看前端的变化:
请随时查看下面的详细视频教程: