Divi 主题默认只有 4 个可能的社交媒体图标： Facebook、Twitter、Google+ 和 RSS。
这可以通过在您的子主题中的 include/social_icons.php 中进行一些编码来扩展为另一个可能的 10： Pinterest、LinkedIn、Tumblr、Skype、Instagram、Flikr、MySpace、Dribble、YouTube 和 Vimeo。
我需要添加一个 TripAdvisor 图标，遗憾的是它不在那个扩展列表中。..
【问题讨论】：
以防其他人在试图弄清楚为什么他们的tripadvisor图标不再工作时发现了这一点。 事实证明，tripadvisor 要求 font awesome 从库中删除tripadvisor 图标。 他们为什么会这样做，我不知道，但我与 Tripadvisor 客户服务有过一些非常不愉快的交易，所以他们会这样做并不奇怪。
【讨论】：
我使用 iconsdb.com 创建了两个大小和颜色都合适的图标。在右上角添加颜色的十六进制代码（我选择了 7E7E7E 和 A0A0A0），点击 Go，然后在 Search for Icons 中输入 tripadvisor ，然后点击tripadvisor图标进入下载页面。
编辑：iconsdb.com 似乎不再有 Tripadvisor 图标。但是，如果您在 Google 上搜索“Tripadvisor icon SVG”，您仍然可以找到很多版本。
为两者选择 36*36px 的 .PNG 自定义尺寸，然后在 Photoshop 中裁剪到 26px 高。
将图标上传到服务器后，打开子主题的包含文件夹中的 social_icons.php 文件。就在之前
</ul>
标签靠近文件末尾，添加如下代码：
<li class="et-social-icon et-social-tripadvisor"><a href="YOUR TRIPADVISOR REVIEWS URL" class="icon"><span><?php esc_html_e( 'tripadvisor', 'Divi' ); ?></span></a></li>
然后将以下内容添加到您的子主题中的 style.css（或使用 Divi Booster 为整个站点添加此自定义 CSS）...
.et-social-tripadvisor a {
display: block;
margin-left: 11px;
}
.et-social-tripadvisor a:hover img {
opacity: 0;
}
.et-social-tripadvisor a:hover {
background: rgba(0, 0, 0, 0) url("<PATH TO YOUR HOVER STATE ICON>") no-repeat scroll 0 0 / 100% auto;
display: block;
}
.et-social-tripadvisor a.icon::before {
content: url("<PATH TO YOUR NORMAL STATE ICON>");
}
【讨论】：
我认为这种方法更好，因为图像大小可以自动调整，并且不需要预先制作两个状态图标或添加额外的 css：（总而言之，更容易、更干净、更高效）
在</ul>之前复制这段代码：
<li class="et-social-icon">
<a href="https://www.google.es" class="icon">
<i class="fab fa-tripadvisor"></i>
</a>
</li>
（将https://www.google.es更改为您的旅行顾问的网址）
然后进入仪表板去Divi>主题选项>集成。在“博客头代码”上复制以下内容：
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
保存更改，刷新您的主页。
享受吧！
【讨论】：