教你用Html+CSS给网站添加一个超好看的挂件

首先提供一个自用的挂件图片：https://www.52xzv.cn/tu02.webp，可以替换自己喜欢的图片，注意要透明背景

效果展示

教程

将图片上传到你的网站

将图片上传到你的网站媒体库或者直接将图片文件放在你的网站服务器上某个可访问的目录中。如果你使用的是WordPress，可以通过媒体库上传图片，并获得图片的URL。

在网站首页添加图片

打开你的网站首页的HTML文件（如果你使用的是WordPress，那么可能是主题的文件，如header.php或footer.php），在</body>标签的上面添加代码

如果只想在首页显示，可以用下面的判断语句把HTML代码包裹起来

<?php if (is_home()) { ?>
<!-- 代码放这里 -->
<?php } ?>

手机移动端不显示

<?php if (!wp_is_mobile()) { ?>
<!-- 代码放这里 -->
<?php } ?>

添加CSS

如果你的主题后台带有自定义CSS，可以放在里面，没有在主题的style.css样式表内添加css