如何将一个类添加到php标记中的'a'元素

Question

我在这里很困难，想知道是否有人可以提供帮助，因为我只有基本的代码知识。

我已经购买了wordpress主题，并且正在做一些更改。我想为社交媒体图标设置单独的颜色。为了做到这一点，这是主题开发人员的建议：

要单独更改颜色，您需要向标记中的“a”元素添加一个类。在“插件-social.php”线64和线139添加一个类之间的部分（“脸谱”，“推”等），以每个元素和使用这样的：

html .lol-social-widget li a.facebook { 
background-color: #fff; 
color: #000; 
} 

这里的来自widget-social.php的代码：

<div class="lol-social-widget">    
<ul> 
<?php if ($facebook != '') : ?> 
<li><a href="<?php echo esc_url($facebook); ?>" <?php echo $target; ?>><i class="fa fa-facebook"></i></a></li> 
<?php endif; ?> 
<?php if ($twitter != '') : ?> 
<li><a href="<?php echo esc_url($twitter); ?>" <?php echo $target; ?>><i class="fa fa-twitter"></i></a></li> 
<?php endif; ?> 

我在这里只包含了facebook和twitter元素。

是否有人能够提供有关如何修改php文件以包含'a'元素的建议？

在此先感谢您的帮助！

Answer 1

您必须在锚标签内添加类，如下所示。

<div class="lol-social-widget">    
<ul> 
<?php if ($facebook != '') : ?> 
<li><a class="facebook" href="<?php echo esc_url($facebook); ?>" <?php echo $target; ?>><i class="fa fa-facebook"></i></a></li> 
<?php endif; ?> 
<?php if ($twitter != '') : ?> 
<li><a class="twitter" href="<?php echo esc_url($twitter); ?>" <?php echo $target; ?>><i class="fa fa-twitter"></i></a></li> 
<?php endif; ?> 

然后使用以下样式更新style.css。

html .lol-social-widget li a.twitter{ 
background-color: #f00; //add the required color for twitter icon. 
color: #000; 
} 
html .lol-social-widget li a.facebook { 
background-color: #00f; //add the required color for facebook icon. 
color: #000; 
} 

然后，您将有Twitter图标的红色背景颜色和Facebook的蓝色图标。您可以将颜色更改为您需要的任何颜色。