Question

我在这里非常简单地挣扎，想知道是否有人可以提供帮助，因为我只有基本的代码知识。

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

要单独更改颜色，您需要在＆＃34; a＆＃34;中添加一个类。标记中的元素。在＆＃39; widget-social.php＆＃39;第64行和第139行之间的部分。为每个元素添加一个类（＆＃34; facebook＆＃34;，＆＃34; twitter＆＃34;等）并使用类似的东西：

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文件提供建议，以包含＆＃39; a＆＃39;元件？

提前感谢您的帮助！

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图标的蓝色。您可以将颜色更改为您需要的任何颜色。

如何将课程添加到＆＃39; a＆＃39; php标记中的元素

1 个答案: