首先,在主题文件夹中创建一个新的文件夹,名为“social-media-icons”。
在这个文件夹中创建一个新的PHP文件,名为“social-media-icons.php”。
在这个文件中添加以下代码,用于在主题中显示社交媒体图标:
<?php
function social_media_icons() { ?>
<ul class="social-media-icons">
<li><a href="#" target="_blank"><i class="fab fa-facebook"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-instagram"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-linkedin"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-youtube"></i></a></li>
</ul>
<?php }
请注意,你需要使用适当的链接替换“#”。
<?php
if ( function_exists( 'social_media_icons' ) ) {
social_media_icons();
}
?>
.social-media-icons {
list-style: none;
margin: 0;
padding: 0;
}
.social-media-icons li {
display: inline-block;
margin-right: 10px;
}
.social-media-icons li:last-child {
margin-right: 0;
}
.social-media-icons a {
color: #000;
display: block;
font-size: 18px;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
}
.social-media-icons i {
margin-right: 0;
}
请注意,你可能需要修改样式以匹配你的主题。