JS动画. 如何管理社交图标

本指南将引导您了解如何添加社交 media 按钮到你的 sidebar or footer in 网站模板.

如果你想添加更多的社交图标，你可以通过几个简单的步骤来做到这一点. 在我们的例子中，让我们添加第四个按钮 Linkedin.

1. 首先，搜索元素以便通过使用查找它的类 Firebug 工具，可以启用与右键单击屏幕上的选择 检查元素 从下拉菜单中:

   

2. 然后登录你的 cPanel，寻找 文件管理器 网站内容存储在哪里.

3. 为了添加一个新的社交分享图标，你需要打开一个合适的 .html file. 中可以看到文件名 browser bar. 在我们的情况下，我们需要 index.html:

   

4. 搜索 footer area 并复制一块 html 例如，用于Facebook的代码，然后将其粘贴在列表的上方或下方. 替换标题 Facebook with Linkedin:

   

5. 最后一步是改变 Fontawesome 图标，用于Facebook. 打开以下连结: 完整的字体Awesome图标参考. 在那里，您可以看到所有图标及其类的列表. 我们需要复制 类名 我们感兴趣的图标和粘贴它，而不是Facebook类. 它将是 fa-linkedin for us:

6. Replace fa-facebook with fa-linkedin. 以同样的方式，您可以轻松地替换默认值 # sign with any URL you need; save changes and refresh your website:

   

请记住，您必须对每个索引重复相同的操作.html 文件可用(索引-1).html, index-5.html, etc.).

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