wordpress侧边栏添加百度一下协助SEO优化
本帖最后由 Aoki 于 2024-7-12 14:13 编辑网站的SEO非常重要，如果SEO做不好，那一个网站只有我们自己看了，别人都看不到，所以，我们可以在网站的侧边栏加一个百度一下协助SEO优化功能，让用户协助我们做好SEO优化，下面看一下效果
使用方法
1 ： 添加小工具-自定义 HTML 代码首先在 wordpress 后台小工具中添加自定义 HTML代码
路径：WordPress 后台——外观——小工具——自定义 HTML——复制代码粘贴代码进去——首页-侧边栏<!--侧边栏开始-->
<div class="searchs">
<div class="tit"><strong>协助一下SEO.优化</strong></div>
<mip-form method="get" url="https://www.baidu.com/s" class="mip-element mip-layout-container">
<form action="https://www.baidu.com/s" method="GET" target="_blank">
<input type="text" name="wd" validatetarget="q" validatetype="must" placeholder="请输入搜索关键词" value="狐狸资源网">
<div target="q">关键词不能为空</div><input type="submit" value="百度搜索">
</form>
</mip-form>
</div>
<!--侧边栏百度一下结束 www.foxccs.com -->
2：在自定义 CSS 样式中添加下面代码：
/*百度一下协助SEO模块开始*/
.searchs {
background-color: #fff;
border: 1px solid #eaeaea;
padding: 15px;
overflow: hidden;
transition: all 0.3s;
border-radius: 4px;
position: relative;
margin: 0px 0px 15px 0px;
}
.mip-layout-container, .mip-layout-fixed-height {
margin: 0px 0px 0px 0px;
display: block;
position: relative;
}
mip-form form {
position: relative;
}
.searchs input {
border: #45B6F7 1px solid;
border-radius: 4px;
width: calc( 100% - 2px );
}
mip-form input, mip-form input, mip-form input, mip-form input, mip-form input, mip-form input, mip-form input {
padding-right: 30px;
}
.searchs input {
outline: none;
}
mip-form input, mip-form textarea, mip-form select {
border: 1px solid #f1f1f1;
padding: 6px;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
resize: none;
font-size: 16px;
}
mip-form div {
display: none;
color: #ec1f5c;
font-size: 12px;
text-align: left;
padding: 0 10% 0 3%;
}
.searchs input {
position: absolute;
right: 2px;
top: 2px;
background-color: #45B6F7;
color: #fff;
font-size: 13px;
margin: 1px;
height: 31px;
line-height: 31px;
padding: 0 10px;
font-family: "微软雅黑";
}
mip-form input {
border: 1px solid #f1f1f1;
border-radius: 5px;
color: #333;
background-color: #d8d7d7;
}
.searchs input {
outline: none;
}
.tit {
background-color: #FF5E52;
position: relative;
top: -15px;
display: inline-block;
color: #fff;
padding: 4px 15px;
font-size: 14px;
}
.tit strong {
font-weight: normal;
}
.tit {
background-color: #FF5E52;
position: relative;
top: -15px;
display: inline-block;
color: #fff;
padding: 4px 15px;
font-size: 14px;
}
/*百度一下协助SEO模块结束*/
滴~稀有卡，打卡成功！楼主辛苦了，祝楼主：身体健康🧡，打卡时间：2024年07月12日 15:28:14—— 来自：荷包蛋部落（HBD0.CN）一键打卡
页:
[1]