分类： 7b2美化

7b2美化教程

7b2主题给WordPress接入ChatGPT插件

7b2给WordPress接入ChatGPT插件

接口轮询机制，最大限度解决单一账号易达请求上限的问题。
完善的会话机制，前台支持同时多会话切换，支持对任一消息进行重载，删除。
回收站功能，支持前端删除的消息和会话移动至回收站。
使用WordPress的账号体系，基本可与主题无缝配合。
支持 PHP >= 7.4 版本。
目前开发了WP-ChatGPT插件，满足PHP版本>=7.4即可使用。

2023年3月12日
WordPress 外链跳转插件外链跳转安全提示

WordPress 外链跳转插件外链跳转安全提示

一键实现 WordPress 外链跳转安全提示跳转效果类似知乎、CSDN，571免费资源也已经用上了，大家可以测试一下。
插件路径地址：https://你的域名/wp-content/plugins/cp-link-open

2023年1月7日
WordPress博客为文章内容页添加展开收缩功能
WordPress博客为文章内容页添加展开收缩功能

发现很多时候我们在WordPress上发布一些文章的时候里面都包含了很多的代码，又不喜欢把代码压缩起来而喜欢让代码格式化显示，但是格式化显示通常会让文章内容看起来很多，不便于访问者浏览，所以今天就介绍一种可以展开/收缩文章内容的功能。
教程如下：

1、在header.php中添加下面的代码，或者也可以单独写进一个js文件中然后在header.php中引入也可以。我是引入的。
```
<script type=\"text/javascript\">

 jQuery(document).ready(function(jQuery) {

 jQuery(\'.collapseButton\').click(function() {

 jQuery(this).parent().parent().find(\'.xContent\').slideToggle(\'slow\');

});

});

</script>
```
2、在function.php中加入下面的代码：
```
//展开收缩功能
function xcollapse($atts, $content = null){
 extract(shortcode_atts(array(\"title\"=>\"\"),$atts));
return \'<div style=\"margin: 0.5em 0;\">
<div class=\"xControl\">
<span class=\"xTitle\">\'.$title.\'</span>
<a href=\"javascript:void(0)\" class=\"collapseButton xButton\">展开/收缩</a>
<div style=\"clear: both;\"></div>
</div>
<div class=\"xContent\" style=\"display: none;\">\'.$content.\'</div>
</div>\';
}
add_shortcode(\'collapse\', \'xcollapse\');
```
3.可以优化一下代码，因为默认是靠左的，不好看，我们让他往中间一点显示，具体的距离可以自行调整。当然这一步忽略也是可以的。
在diy.css中添加以下代码：
```
.xControl {

 padding-left: 32px;

}
```
4、下面就可以在文章中通过插入短代码
```
[collapse title="标题"]需点击展开的内容[/collapse]
```
来使用此功能了。其中title是指添加一些提示内容，当然也可以省略title不写。
一方面可以优化WordPress主题内容页面的加载速度，另一方面可以有效提升用户体验。
2023年1月7日
WordPress美化_节日灯笼插件

WordPress美化_节日灯笼插件

过WP后台➡插件➡安装插件➡上传插件,添加上传插件,启用后回跳转到插件设置页面(或者WP后台➡设置➡节点装点),可以选择显示顶部左右灯笼,花瓣飘落,梅花枝等.\

2023年1月6日

WordPress网站首页添加好看的四格小工具教程

直接到网站根目录创建一个css文件(文件名:sige.css),文件名可自定义(注意文件名一致)

<link rel="stylesheet" href="你的网站/sige.css" type="text/css" >

然后在header.php模板最上方添加引入代码
也可自定义HTML里添加css代码最上方写入标签<style></style>,将css代码放入标签内即可！
css代码如下：

.hide_sm{display: flex;}

.container .col-1-4{float: left;box-sizing: border-box;margin-right: 7.3333px;width: 100%;}

.container .col-1-4:last-child{margin-right: 0;}

@media (min-width:768px){.container .col-1-4{width: 50%}}

@media (min-width:1024px){.container .col-1-4{width: 25%}}

@media (min-width:1024px){.ripro-dark .home-first{background: #232425;}}

@media (min-width:768px){.home-first .h-images:after{display: none}}

@media (min-width:768px){.home-first .h-images{display: box;display: -ms-flexbox;display: flex;width: 100%;justify-content: space-between}}

@media (min-width:1024px){.home-first .h-images{width: 25%}}

.home-first .h-images .item-tuwen{float: left;padding: 0 6.5px;width: 50%}

@media (min-width:1024px){.home-first .h-images .item-tuwen{float: none}}

@media (min-width:1024px){.home-first .h-images{display: block;box-sizing: border-box;padding: 0 7.3333px}.home-first .h-images .item-tuwen{padding: 0;width: auto}}

.home-first .item-tuwen{margin-bottom: 15px}

@media (min-width:768px){.home-first .item-tuwen{margin-bottom: 13px}}

.home-first .item-tuwen a{position: relative;display: block;overflow: hidden;border-radius: 3px}

.home-first .item-tuwen a .thumb{padding-top: 57%;transition: all .2s;transform-origin: center}

.home-first .item-tuwen a strong{position: absolute;right: 0;bottom: 0;left: 0;z-index: 10;display: block;padding: .4em .8em .6em;background-image: linear-gradient(to bottom,rgba(0,0,0,.2) 0,rgba(0,0,0,.6) 100%);background-repeat: repeat-x;box-shadow: 0 -7px 15px rgba(0,0,0,.2);color: #fff;letter-spacing: .5px;font-weight: 700;font-size: 9pt;line-height: 1.3}

@media (min-width:768px){.home-first .item-tuwen a strong{letter-spacing: 1px;font-size: 14px;line-height: 1.4}}

.home-first .hf-widget{box-sizing: border-box;padding: 14px 17px 0;background: #17161600;box-shadow: 0 34px 20px -24px rgba(220, 220, 220, 0.18);border-radius: 3px;}

.ripro-dark .home-first .hf-widget{border: 1px solid #2b2b2b;background: #232425;box-shadow: 8px 8px 9pt #212121;}

@media (min-width:768px){.home-first .hf-widget{overflow: hidden;height: 135px}}

@media (min-width:1024px){.home-first .hf-widget{margin-bottom: 0}}

.home-first .hf-widget [class*=" icon-"]:before,.home-first .hf-widget [class^=icon-]:before{margin: 0}

.home-first .hf-widget .hf-widget-title{margin-bottom: 14px;padding: 0 0 10px;border-bottom: 1px solid #f2f2f2;color: #383838;letter-spacing: 1px;font-weight: 700;font-size: 15px;line-height: 20px;margin-bottom: 10px;}

.ripro-dark .home-first .hf-widget .hf-widget-title{border-bottom: 1px solid #696969;}

.ripro-dark .home-first .hf-widget .hf-widget-title a{color: #ccc;}

.home-first .hf-widget .hf-widget-title>i{margin-right: 2px;color: #448aff;}

.ripro-dark .home-first .hf-widget .hf-widget-title>i{margin-right: 2px;color: #ffa363}

.home-first .hf-widget .hf-widget-title span{margin-left: 10px;color: #a7a7a7;font-weight: 400;font-size: 9pt;line-height: 20px}

@media (min-width:1024px){.home-first .hf-widget .hf-widget-title span{display: none}}

@media (min-width:1330px){.home-first .hf-widget .hf-widget-title span{display: inline}}

.home-first .hf-widget .hf-widget-title .pages{float: right;padding-top: 2px}

.home-first .hf-widget .hf-widget-title .pages .next,.home-first .hf-widget .hf-widget-title .pages .prev{float: left;margin: 0;padding: 0 2px;height: 1pc;border: 1px solid #eee;color: #ccc;font-size: 9px;line-height: 15px;cursor: pointer}

.home-first .hf-widget .hf-widget-title .pages .next:hover,.home-first .hf-widget .hf-widget-title .pages .prev:hover{color: #448aff}

.home-first .hf-widget .hf-widget-title .pages .prev{border-right: none}

.home-first .hf-widget .hf-tags{margin-bottom: -10px}

@media (min-width:768px){.home-first .hf-widget .hf-tags{overflow: hidden;height: 4pc}}

.home-first .hf-widget .hf-tags a{display: inline-block;margin: 0 5px 10px;padding: 0 5px;height: 22px;border-radius: 2px;background: #f9f9f9;color: #888;white-space: nowrap;font-size: 9pt;line-height: 22px;word-break: break-all}

.home-first .hf-widget .hf-tags a.style_orange,.home-first .hf-widget .hf-tags a:hover{background: #448aff;color: #fff;}

.ripro-dark .home-first .hf-widget .hf-tags a{background: #2c2e2f;}

.home-first .hf-widget-4 .hf-widget-content{color: #888;font-size: 14px}

.home-first .hf-widget-4 .hf-widget-content a{color: #888}

.home-first .hf-widget-4 .hf-widget-content a:hover{color: #448aff;}

.home-first .hf-widget-4 .hf-widget-content h3{overflow: hidden;height: 22px;font-weight: 400;font-size: 13px;line-height: 22px;margin: 0 0 10px;}

.home-first .hf-widget-4 .hf-widget-content em{float: right;padding: 0 5px;height: 22px;border-radius: 2px;background: #fff5ef;color: #ff5c00;font-style: normal;font-size: 9pt;line-height: 22px}

.home-first .hf-widget-4 .hf-widget-content ul li{margin-bottom: 5px}

.home-first .hf-widget-4 .hf-widget-content ul li:last-child{margin-bottom: 0}

.home-first .hf-widget-1 .hf-widget-content a{color: #888}

.ripro-dark .home-first .hf-widget-1 .hf-widget-content a{color: #ccc}

.home-first .hf-widget-1 .hf-widget-content a:hover{color: #69a1ff;}

.home-first .hf-widget-1 .hf-widget-content li{float: left;box-sizing: border-box;padding: 0 10px;width: 25%;text-align: center;font-size: 9pt}

.home-first .hf-widget-1 .hf-widget-content li .thumb{margin: 0 auto 4px;padding-top: 36px;width: 36px}

.home-first .hf-widget-1 .hf-widget-content li span{display: block; height: 16px; line-height: 16px; overflow: hidden;}

.home-first .hf-widget-1 .hf-widget-content .scroll-h{margin: 0 -10px;}

.home-first .scroll-h{position: relative;overflow: hidden;height: 56px;}

.home-first .scroll-h ul{list-style: none;position: absolute;top: 0;left: 0;width: 100%;transition: all .2s; margin:0;padding-left:0;}

.home-first .scroll-h ul:after,.home-first .scroll-h ul:before{clear: both;display: block;visibility: none;height: 0;content: "";line-height: 0}

.home-first .scroll-h .holdon{position: absolute;top: 0;left: 100%}

.home-first .scroll-h .holdon-prev{left: -100%}

.home-first .hf-widget-hot-cats .hhicon{display: inline-block;margin-bottom: 5px;width: 36px;height: 36px;border-radius: 100%;background: #e8fbff;color: #448aff;text-align: center;font-size: 20px;line-height: 36px;}

.ripro-dark .home-first .hf-widget-hot-cats .hhicon{background: #2c2e2f;color: #ffa363;}

.home-first .hf-widget-hot-cats .scroll-h li a{display: block}

.home-first .hf-widget-hot-cats .scroll-h li a:hover .hhicon{background: #448aff;color: #fff;}

.home-first .thumb{position: relative;display: block;overflow: hidden;padding-top: 66.7%;width: 100%;height: 0;background-color: transparent;background-position: center;background-size: cover;background-repeat: no-repeat;transition: all .2s}

.home-first i{font-weight: 300}

@media screen and (max-width:720px){.home-first .hf-widget-1 .hf-widget-content .scroll-h,.home-first .hf-widget-content{margin: 1pc -10px}}

@media (max-width: 768px){.sxweb {display:none;}}

.icon-b i{

display: inline-block;

margin-bottom: 5px;

width: 36px;

height: 36px;

border-radius: 100%;

background: #e8fbff;

color: #448aff;

text-align: center;

font-size: 20px;

line-height: 36px;

}

.icon-b i:hover{

background: #448aff;

color: #fff;

}

外观-小工具-自定义HTML添加如下代码

<div class="section">

<div class="home-first">

<div class="container hide_sm">

<div class="col-1-4">

<div class="hf-widget hf-widget-1 hf-widget-software">

<h3 class="hf-widget-title">

<i class="fa fa-cloud"></i>

<a href="#" target="_blank">推荐产品</a>

<span>云服务器等云产品推荐</span>

</h3>

<div class="hf-widget-content">

<div class="scroll-h">

<ul>

<li>

<a href="#" rel="external nofollow" target="_blank">

<i class="thumb " style="background-image:url(https://ae01.alicdn.com/kf/H026cdceabc1942e1b82b1eb2cd5b9e41P.png)"></i>

<span>阿里云</span></a>

</li>

<li>

<a href="#" target="_blank">

<i class="thumb " style="background-image:url(https://ae01.alicdn.com/kf/H006240f97bff40f5aea223eb51b33c3dq.png)"></i>

<span>腾讯云</span></a>

</li>

<li>

<a href="#" target="_blank">

<i class="thumb " style="background-image:url(https://ae01.alicdn.com/kf/H2da200a36ce2401595f8e03f8c750deeT.png)"></i>

<span>企业云</span></a>

</li>

<li>

<a href="#" target="_blank">

<i class="thumb " style="background-image:url(https://ae01.alicdn.com/kf/H128bb4d1c77d4f6f9032b934a6a234beD.png)"></i>

<span>香港云</span></a>

</li>

</ul>

</div>

</div>

</div>

</div>

<div class="col-1-4 sxweb">

<div class="hf-widget hf-widget-2">

<h3 class="hf-widget-title">

<i class="fa fa-tint"></i>

<a href="#" target="_blank">热门看点</a>

<span>精品内容推荐</span></h3>

<div class="hf-widget-content">

<div class="no-scroll hf-tags">

<a class="style_orange" href="http://www.lxh5068.com" target="_blank">

<span>手机壁纸</span></a>

<a class="" href="/topics/jc-fx" target="_blank">

<span>教程分享</span></a>

<a class="" href="/topics/wz-ym" target="_blank">

<span>源码分享</span></a>

<a class="" href="/topics/rj-android" target="_blank">

<span>Android软件</span></a>

<a class="" href="/topics/xw-zx" target="_blank">

<span>新闻资讯</span></a>

<a class="" href="/xb-zh" target="_blank">

<span>线报活动</span></a>

<a class="" href="/topics/meihua" target="_blank">

<span>美化代码</span></a>

</div>

</div>

</div>

</div>

<div class="col-1-4 sxweb">

<div class="hf-widget hf-widget-1 hf-widget-hot-cats">

<h3 class="hf-widget-title">

<i class="fa fa-dropbox"></i>

<a href="http://bbs.lxh5068.com/sort/huodong" target="_blank">热门专区</a>

<span>推荐设计热点</span></h3>

<div class="hf-widget-content">

<div class="icon-b">

<ul>

<li>

<a href="http://bbs.lxh5068.com/sort/zhide" target="_blank">

<i class="fa fa-thumbs-up" aria-hidden="true"></i>

<span>每日推荐</span></a>

</li>

<li>

<a href="http://bbs.lxh5068.com/sort/mianfeirj" target="_blank">

<i class="fa fa-cloud-download" aria-hidden="true"></i>

<span>软件下载</span></a>

</li>

<li>

<a href="http://bbs.lxh5068.com/sort/yuanma" target="_blank">

<i class="fa fa-graduation-cap"></i>

<span>源码教程</span></a>

</li>

<li>

<a href="http://bbs.lxh5068.com/sort/guanzhu" target="_blank">

<i class="fa fa-picture-o" aria-hidden="true"></i>

<span>福利美图</span></a>

</li>

</ul>

</div>

</div>

</div>

</div>

<div class="col-1-4 sxweb">

<div class="hf-widget hf-widget-4">

<h3 class="hf-widget-title">

<i class="fa fa-book"></i>

<a href="#" target="_blank">最新活动</a>

<span>免费会员享福利</span>

</h3>

<div class="hf-widget-content">

<div class="scroll-h">

<ul>

<li>

<h3>

<a href="#" target="_blank">

<i class="icon-time"></i>

<span>美化服务火热售卖中</span>

<em>网站美化</em></a>

</h3>

</li>

<li>

<h3>

<a href="#" target="_blank">

<i class="icon-time"></i>

<span>关于本站学分付费阅读获取内容说明</span>

<em>学分说明</em></a>

</h3>

</li>

</ul>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

2023年1月5日

7B2给文章列表增加角标【网格模式】

此方式只改了，其中一个文章列表样式（网格模式），其他的文章列表样式可按照同方法即可。不清楚的可以留言，也可以在圈子里发问题！

①.打开B2主题文件：/b2/Modules/Settings/Post.php 464处加入以下代码：

// 文章添加角标开始

 $post_meta = new_cmb2_box(array(

'id' => 'b2_post_onecad_jb',

'title' => __( '文章角标', 'b2' ),

'object_types' => array('post','document','page'),

'context' => 'normal',

'priority' => 'high',

'show_names' => true

));

 $post_meta->add_field(array(

 $g_name = b2_get_option('normal_custom','custom_announcement_name'),

'name' => sprintf(__('列表需要显示角标','b2'),$g_name),

'id' => 'b2_post_onecad_lb',

'type' => 'select',

'options'=>array(

0=>__('推荐','b2'),

1=>__('VIP','b2'),

2=>__('原创','b2'),

3=>__('免费','b2')

),

'default'=>0,

'desc'=> __('支持 HTML，尽量短小才好看。','b2')

));

 add_filter('post_side_settings', 'wporg_custom');

// 文章添加角标结束-https://www.ysu2.com

②.刷新缓存，在后台文章写作页面，即可看到角标设置项

③.在文章样式列表文件中b2/Modules/Templates/Modules/Posts.php 第108行下方增加：

 $b2_post_onecad_lb= get_post_meta($v['id'],'b2_post_onecad_lb',true);

if($b2_post_onecad_lb == ''){

 $meta_jiaobiao_html ='<span>'.$b2_post_onecad_lb.'</span>';

}else if($b2_post_onecad_lb ==0){

 $meta_jiaobiao_html ='<span class="tipss huodong b2-radius">推荐</span>';

}else if($b2_post_onecad_lb ==1){

 $meta_jiaobiao_html = '<span class="tipss remen b2-radius">VIP</span>';

}else if($b2_post_onecad_lb ==2){

 $meta_jiaobiao_html ='<span class="tipss jingping b2-radius">原创</span>';

}else if($b2_post_onecad_lb ==3){

 $meta_jiaobiao_html ='<span class="tipss tuijain b2-radius">免费</span>';

}

④.然后再同文件的第168行下方增加调用

'.$meta_jiaobiao_html.'

⑤下面就是CSS了，将下方的CSS代码复制到子主题style.css文件中即可

/*角标CSS-https://www.ysu2.com*/

.tipss {

 position: absolute;

 top: 10px;

 left: 10px;

 z-index: 1;

 width: 50px;

 height: 20px;

 color: #fff;

 line-height: 20px;

 text-align: center;

 font-size: 13px;

 z-index: 100;

}

.yellow {background-color: #ff6000;}

.huodong{background:#0693e3}

.remen{background:#fcb900}

.jingping{background:#cf2e2e}

.guanggao{background:#00d084}

.tuijain{background:#ff6900}

.yuliu{background:#0693e3}

2023年1月4日

【定制】7b2主题用户自定义选择底部样式

<?php 
//样式1
$text_footer_title_ysa=b2_get_option('Jitheme_footer_tab2','text_footer_title_ysa');
$text_footer_desc_ysa=b2_get_option('Jitheme_footer_tab2','text_footer_desc_ysa');
//样式2
$link_cats = b2_get_option('template_footer','link_cat');
$beian = b2_get_option('template_footer','footer_beian');
$gongan = b2_get_option('template_footer','footer_gongan');
$gongan_code = (int) filter_var($gongan, FILTER_SANITIZE_NUMBER_INT);
$mobile_show_link = b2_get_option('template_footer','footer_mobile_show_links');
$footer_img = b2_get_option('template_footer','footer_img');
$onecad_footer_ysb_jj=b2_get_option('Jitheme_footer_tab3','onecad_footer_ysb_jj');
//获取代码
if($onecad_footer_ysb_jj){
$none='style="display: none;"';
}else{
$none="";
}
?>
</div>
<style>
.public-foot{
background-image: url(<?php echo $footer_img ?>) 
}
.footer-links ul li a {color:<?php echo b2_get_option('template_footer','footer_nav_text_color'); ?>}
.site-footer{
background-color:<?php echo b2_get_option('template_footer','footer_color'); ?>

}
.site-footer-nav{
background-color:<?php echo b2_get_option('template_footer','footer_nav_color'); ?>
}
#bigTriangleColor{
background-color:<?php echo b2_get_option('template_footer','footer_color'); ?>
}

</style>
<footer id="onecad_new_footer" class="onecad_new_footer ">
<div id="onecad_footer_ysc">
<div class="wrapper footer-inner md-1">
<div class="footer-body">
<div class="footer-content mb-3">
<?php dynamic_sidebar( 'sidebar-2' ); ?>
</div>
<div class="footer-menu text-sm">
<i class="b2font b2-lock-2-line"></i>
<?php
$links_html=''; 
$links_ysa_a1 =b2_get_option('Jitheme_footer_tab3','onecad_footer_ysb_links');
if(is_array($links_ysa_a1)){
foreach ($links_ysa_a1 as $k => $v) {
if(!empty($v['onecad_footer_ysb_links_desc'])){
$links_html.= $v['onecad_footer_ysb_links_desc'];
}
}
echo $links_html;
}
?>
</div>

<?php 
$ids = array();
$bookmarks = array();
if($link_cats){
foreach($link_cats as $v){
$links = get_term_by('slug', $v, 'link_category');
if($links){
$ids[] = $links->term_id;
}
}
}
$ids = implode(",", $ids);
if($ids){
$bookmarks = get_bookmarks(array(
'category'=>$ids,
'orderby'=>'link_rating',
'order'=>'DESC'
));
}
?>
<?php if((is_home() || is_front_page()) && !empty($link_cats) && !empty($bookmarks)){ ?>
<div class="jitheme-footer-links text-sm <?php echo (int)$mobile_show_link === 0 ? 'mobile-hidden' : ''; ?>">
<i class="b2font b2-price-tag-3-line"></i>
<span class="links-item">友情链接</span>
<?php
foreach ($bookmarks as $bookmark) {
echo '<a target="_blank" class="links-item" href="' . $bookmark->link_url . '">' . $bookmark->link_name . '</a>';
}
?>
</div>
<?php } ?> 
</div>
<div class="footer-contact">
<div class="ji-mb weixin">
<?php
$links_ysa_a1 =b2_get_option('Jitheme_footer_tab3','onecad_footer_ysb_ewm');
if(is_array($links_ysa_a1)){
foreach ($links_ysa_a1 as $k => $v) {
$ewm_html='<img border="0" src="'.$v['onecad_footer_ysb_ewm_img'].'">';
break;
}
}
?>
<a href="javascript:" class="btn btn-arrow btn-primary text-xs">
<span>微信咨询
<span class="qrcode"><?php echo $ewm_html ?></span>
<i class="b2font b2-weixin"></i>
</span>
</a>
</div>
<div class="ji-mb">
<a href="//wpa.qq.com/msgrd?v=3&amp;uin=<?php echo b2_get_option('Jitheme_footer_main','onecad_footer_qq') ?>&amp;site=qq&amp;menu=yes" rel="external nofollow" class="btn btn-arrow btn-outline-primary text-xs" target="_blank">
<span>在线咨询<i class="b2font b2-qq"></i>
</span>
</a>
</div>
<div class="text-muted text-xs">周一至周五 10:30-20:30</div>
<div class="text-muted text-xs">可发邮件咨询</div>
<div class="text-muted text-xs"><?php echo b2_get_option('Jitheme_footer_main','onecad_footer_jiandu_yx') ?></div>
</div>
</div>

<div class="footer-copyright font-number text-xs">
<div class="wrapper"><?php echo 'Copyright &copy; '.wp_date('Y').'<a href="'.B2_HOME_URI.'" rel="home">&nbsp;'.B2_BLOG_NAME.'</a>'; ?>. All Rights Reserved
<?php if($beian){
echo '<span class="b2-dot">・</span><a rel="nofollow" target="__blank" href="https://beian.miit.gov.cn">'.$beian.'</a>';
} ?>
<?php if($gongan){
echo '<span class="b2-dot">・</span><a rel="nofollow" target="__blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode='.$gongan_code.'"><img src="'.B2_THEME_URI.'/Assets/fontend/images/beian-ico.png">'.b2_get_option('template_footer','footer_gongan').'</a>';
}?>
<?php
echo sprintf(__('查询 %s 次，','b2'),get_num_queries());
echo sprintf(__('耗时 %s 秒','b2'),timer_stop(0,4));
?>
</div>
</div>
</div>
<?php
$celan=b2_get_option('Jitheme_footer_tab4','onecad_footer_celan_off');
$wrapper_width = b2_get_option('template_main','wrapper_width');
if($celan){ ?>
<div id="jitheme_celan">
<div class="fixed-right" style="right:16px;">
<div class="drop">
<a href="/vips" class="go_top item">
<i class="b2font b2-vip-crown-2-line ">
</i>
</a>
</div>
<div class="menus">
<span class="item ewm hide_sm">
<i class="b2font b2-qr-code-fill ">
</i>
<div class="code-div">
<div class="ewmDiv">
<?php
$kf_html=''; 
$kf_html_img =b2_get_option('Jitheme_footer_tab4','Jitheme_footer_celan');
if(is_array($kf_html_img)){
foreach ($kf_html_img as $k => $v) {
$kf_html .='<div class="ewm-item">
<a href="'.$v['celan_kf_link'].'" target="_blank">
<div class="code-wrap">
<div class="code" style="background-image:url('.$v['celan_kf_img'].');"></div>
</div>
<div class="ewm-main">
<p>'.$v['celan_kf_desc'].'</p>
<div class="wz">'.$v['celan_kf_title'].'</div>
</div>
</a>
</div>'; 
}
}
echo $kf_html;
?>
</div>
</div>
</span>
</div>
<div class="drop">
<a href="http://wpa.qq.com/msgrd?v=3&uin=<?php echo b2_get_option('Jitheme_footer_main','onecad_footer_qq') ?>&site=qq&menu=yes"
class="go_top item">
<i class="b2font b2-customer-service-2-line1 ">
</i>
</a>
</div>
<div class="gotop">
<a href="#" class="go_top item">
<i class="b2font b2-rocket-2-line ">
</i>
</a>
</div>
</div>
</div>
<?php } ?>
</footer>
<?php if(!is_audit_mode()) { ?>
<div id="mobile-footer-menu" class="mobile-footer-menu mobile-show footer-fixed" ref="footerMenu" v-show="show">
<div class="mobile-footer-left">
<?php echo B2\Modules\Templates\Footer::footer_menu_left(); ?>
</div>
<div class="mobile-footer-center">
<button @click="postPoBox.show = true"><span><?php echo b2_get_icon('b2-add-line b2-radius'); ?></span></button>
</div>
<div class="mobile-footer-right">
<?php echo B2\Modules\Templates\Footer::footer_menu_right(); ?>
</div>
</div>
<?php } ?>
<?php 
$allow_newsflashes = b2_get_option('newsflashes_main','newsflashes_open');
$allow_document = b2_get_option('document_main','document_open');
$allow_circle = b2_get_option('circle_main','circle_open');
$circle_sulg = b2_get_option('normal_custom','custom_circle_link');
$circle_name = b2_get_option('normal_custom','custom_circle_name');
$newsflashes_name = b2_get_option('normal_custom','custom_newsflashes_name');
?>
<div id="post-po-box" class="post-po-box">
<div :class="['post-box-content',{'show':show}]" @click="show = false">
<div class="po-post-in b2-radius" v-cloak>
<div class="po-post-icons">
<div>
<button @click.stop="go('<?php echo b2_get_custom_page_url('write'); ?>','write')">
<span class="po-post-icon"><?php echo b2_get_icon('b2-quill-pen-line'); ?></span>
<span class="po-post-title"><?php echo __('发布文章','b2'); ?></span>
</button>
</div>
<?php if($allow_newsflashes){ ?>
<div>
<button @click.stop="go('<?php echo get_post_type_archive_link('newsflashes'); ?>?action=showbox','newsflashes')">
<span class="po-post-icon"><?php echo b2_get_icon('b2-flashlight-line'); ?></span>
<span class="po-post-title"><?php echo sprintf(__('发布%s','b2'),$newsflashes_name); ?></span>
</button>
</div>
<?php } ?>
<?php if($allow_circle){ ?>
<div>
<button @click.stop="go('<?php echo b2_get_custom_page_url('create-circle'); ?>','create_circle')">
<span class="po-post-icon"><?php echo b2_get_icon('b2-donut-chart-fill'); ?></span>
<span class="po-post-title"><?php echo sprintf(__('创建%s','b2'),$circle_name); ?></span>
</button>
</div>
<div>
<button @click.stop="go('<?php echo home_url('/').$circle_sulg; ?>','create_topic')">
<span class="po-post-icon"><?php echo b2_get_icon('b2-chat-smile-3-line'); ?></span>
<span class="po-post-title"><?php echo __('发表话题','b2'); ?></span>
</button>
</div>
<?php } ?>
<?php if($allow_document){ ?>
<div class="po-verify">
<button @click.stop="go('<?php echo b2_get_custom_page_url('requests'); ?>','request')">
<?php echo b2_get_icon('b2-clipboard-line'); ?><span><?php echo __('提交工单','b2'); ?></span>
</button>
</div>
<?php } ?>
</div>
<div class="po-close-button">
<button @click.stop="show = false"><?php echo b2_get_icon('b2-close-line'); ?></button>
</div>
</div>
</div>
</div>
<form id="wechataction" name="wechataction" action="" method="post">
<input type="submit" value="ok" style="display:none;">
</form>
</div>
<?php wp_footer(); ?>
<!--分类切换-->
<script src="<?php echo B2_CHILD_URI ?>/Render/Js/audio.js"></script>

<script type="text/javascript" src="<?php echo B2_CHILD_URI ?>/Render/Js/web.js"></script> 
<!--头部搜索-->
<script type="text/javascript">
var onecad_search = document.getElementById("onecad_search");
var onecad_btna = document.getElementById("onecad_btna");
var btnb = document.getElementById("onecad_btnb");
var mobile_menu = document.getElementById("mobile-menu");
function testDisplay()
{

if(onecad_search.style.top="-70px")
{
onecad_search.style.display = "block";
onecad_search.style.top = "0px";
onecad_search.style.transition = "all 0.3s ease-in-out 0s";
onecad_btnb.style.display = "block";
onecad_btna.style.display = "none";
mobile_menu.style.display = "none";
}
}
function testnone()
{
if(onecad_search.style.display=="block")
{
onecad_btna.style.display = "block";
onecad_search.style.transition = "all 0.3s ease-in-out 0s";
onecad_search.style.top = "-70px";
onecad_btnb.style.display = "none";
mobile_menu.style.display = "block";

}
}
</script>
<?php
$qukuai_day=b2_get_option('Jitheme_index_tab3','qukuai_data');
$text_date_h=b2_get_option('Jitheme_index_tab3','text_date_h');
$qukuai_data=$qukuai_day.' '.$text_date_h
?>
<script type="text/javascript"> 
//设置定时器容器
var countDownTimer = null ;
//获取元素
var day = document.getElementById("_d");
var hour = document.getElementById("_h");
var minute = document.getElementById("_m");
var second = document.getElementById("_s");
//获取截止时间的时间戳（单位毫秒）
var str = "<?php echo $qukuai_data ?>"
var inputTime = +new Date(str);
//我们先调用countDown函数，可以避免在打开界面后停一秒后才开始倒计时
if(day && hour && minute && second) {
countDown();
}
//定时器 每隔一秒变化一次
countDownTimer = setInterval(countDown, 1000);
function countDown() {
//获取当前时间的时间戳（单位毫秒）
var nowTime = +new Date();
//把剩余时间毫秒数转化为秒
var times = (inputTime - nowTime) / 1000;
if(times > 0){
//计算天数
var d = Math.floor(times/60/60/24)
if(day){
day.innerHTML = d
//如果小时数小于 10，要变成 0 + 数字的形式 赋值给盒子
day.innerHTML = d < 10 ? "0" + d : d;
}
//计算小时数 转化为整数
var h = parseInt(times / 60 / 60 % 24);
//如果小时数小于 10，要变成 0 + 数字的形式 赋值给盒子
if(hour){
hour.innerHTML = h < 10 ? "0" + h : h;
}
//计算分钟数 转化为整数
var m = parseInt(times / 60 % 60);
//如果分钟数小于 10，要变成 0 + 数字的形式 赋值给盒子
if(minute){
minute.innerHTML = m < 10 ? "0" + m : m;
}
//计算描述 转化为整数
var s = parseInt(times % 60);
//如果秒钟数小于 10，要变成 0 + 数字的形式 赋值给盒子
if(second){
second.innerHTML = s < 10 ? "0" + s : s;
}
}else{
// 停止定时器，清空定时器
clearInterval(countDownTimer)
}
}
</script>
<script>
$('.toggle-input').on('change', function() {
$('body').toggleClass('light-version');
});
</script>
</body>
</html>

然后插入CSS

/*自定义CSS*/
/*用户自定义CSS*/
@media screen and (max-width:768px){
.footer-inner {
padding-top: 0px!important;
}.footer-contact,.footer-body{
display: none!important;
}
.font-number{
margin-top: 0px!important;
padding: 15px!important;
line-height: 25px!important;
}
}
.footer-inner {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding-top: 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.footer-inner .about-widget .footer-logo {
height: 35px!important;
object-fit: contain;
}
.footer-body{
max-width: 75%;
}
.footer-contact{
padding-left: 30px;
text-align: center!important;
}
.footer-contact .ji-mb{
margin-bottom: 20px!important;
}
.footer-contact .ji-mb .qrcode {
display: none;
border: 2px dotted var(--b2color);
}
.footer-contact .weixin :hover .qrcode:after {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
left: 50%;
bottom: -10px;
content: "";
width: 0;
height: 0;
border-color: var(--b2color) transparent transparent;
border-style: solid;
border-width: 10px 10px 0;
}
.weixin :hover .qrcode {
display: block!important;
background-color: var(--main-bg-color);
bottom: 55px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
width: 140px;
height: 140px;
left: 50%;
padding: 5px;
border-radius: 2px;
}
.mb-1{
margin-bottom: 20px!important;
margin-right: 50px!important;
}
.footer-menu {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.jitheme-footer-links {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 10px;
}
.text-sm {
font-size: 14px !important;
}
.footer-menu a {
position: relative;
display: block;
margin-right: 15px;
margin-top: 3px;
}
.jitheme-footer-links .links-item {
position: relative;
display: block;
color:#999;
margin-right: 15px;
margin-top: 3px;
}
.btn-outline-primary {
color: #2b76ff;
background-color:#e5edfd;
border-color:#e5edfd;
}
.btn-arrow span {
display: inline-block;
position: relative;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
will-change: transform;
padding: 5px 0px;
}
.btn-arrow i {
position: absolute;
top: 50%;
right: 0;
width: 1.25em;
font-size: 1.25rem;
opacity: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
will-change: right,opacity;
}
.jitheme-footer-links i,.footer-menu i{
margin-right: 10px;
}
.btn-primary i{
margin-left:10px;
}
.text-xs{
font-size: 13px !important;
color:#999;
}
.font-number {
background-color: #eee;
padding: 25px 0px;
margin-top: 20px;
}

.btn-arrow.active span, .btn-arrow:hover span, .btn-arrow:focus span {
-webkit-transform: translate3d(-0px,0,0);
transform: translate3d(-0px,0,0);
}
.btn-arrow.active i, .btn-arrow:hover i, .btn-arrow:focus i {
opacity: 1;
right: -30px;
}

2023年1月4日

7b2问答机器人

机器人接口使用的是openai https://openai.com/

b2问答发布成功钩子：

add_action('b2_user_ask_post_success', 'xmw_ask_answer',20,2);

xmw_ask_answer函数：

//机器人回答
    function xmw_ask_answer($user_id, $post_id){
        
        $post_data = get_post($post_id);//获取文章信息
        $post_title = $post_data->post_title;//文章标题
        
        $content = xmw_ask_post($post_title);

        $arg = array(
            'ID'=> '0',
            'post_title'=>b2_get_des(0,60,$content),
            'post_content' => wp_slash($content),
            'post_status' => 'publish',//回答会公开
            'post_author' => null,//回答者用户id
            'post_parent'=>$post_id,
            'post_type'=>'answer'
        );
        
        $post_id = wp_insert_post($arg,true);
        
    }

xmw_ask_post请求函数：

//$data参数为问题
     function xmw_ask_post($data){
        
        $url = 'https://api.openai.com/v1/completions';//openai机器人接口地址
        $token = '';//填写openai机器人的请求密钥Token
        
        $ask = array(
            'model' => 'text-davinci-003',//模板
            'prompt' => $data,//问题
            'max_tokens' => 3000,
        );
        
        $response = wp_remote_post( $url, array(
            'method'      => 'POST',
            'timeout'     => 45,
            'redirection' => 5,
            'httpversion' => '1.0',
            'blocking'    => true,
            'headers' => array(
                'content-type' => 'application/json',
                'Authorization' => 'Bearer '.$token,
            ),
            'body'        => json_encode($ask),
            'cookies'     => array()
            )
        );
        
        $message = $response['body'];

        $s = json_decode($message, true);//将$message JSON强制转换为数组
        
        return $s['choices'][0]['text'];//返回机器人的回答
        
    }

将上方代码逐个放入主题的functions.php中。

openai的密钥：

[content_hide] 机器人的请求密钥Token：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 [/content_hide]

2022年12月26日

7b2教程-创意广告位

附件放到网站根目录

代码放到B2-模块管理-文章内页-文章顶部或者底部广告位

<link href="/css/ggys.css" rel="stylesheet" type="text/css" />

<div class="n_banner_inner">

    <div class="img-info">!

      <div class="info">也想出现在这里？

        <a rel="nofollow noopener noreferrer" href="http://wpa.qq.com/msgrd?v=3&amp;uin=你的&amp;site=qq&amp;menu=yes" target="_blank">联系我们</a>吧</div>

    </div>

    <a href="https://www.klres.com/" target="_blank" rel="noopener noreferrer">

      <div class="Banner-adTag">广告</div>

      <img class="tirr" src="/img/(BE@A${B419~F7UWFYYZK5S.jpg" alt="内容广告区块" width="1200" height="100">

    </a>

  </div>

2022年12月23日

7b2教程-首页添加动态北极熊奔跑搜索样式

代码放入b2后台-模块管理-首页-自定义代码

<div id="primary-home" class="content-area">
<div id="home-row-foots_a23" class=" mobile-hidden home_row home_row_0 module-html " style="background-color:;">
<div class="" style="width:100%">
<div class="home-row-left content-area ">
<div id="html-box-foots_a23" class="html-box">
<style>.primary-menus .left-cont button { height: 40px; background-color: #2f2828; border: 1px solid #2f2828; border-radius: 6px; margin-top: 4px; margin-right:4px;}.primary-menus .left-cont button:hover{ background-color: #499afed6; border: 1px solid #499afed6;}.night .primary-menus .left-cont button{ background-color: #c85552; border: 1px solid #c85552;}#banner-bear { margin-top:-10px; background: linear-gradient(40deg,#000 0%,#3f3737 46%,#000 75%,#000 100%);}</style>
<div id="banner-bear" class="preserve3d csstransforms3d">
<div class="banner-wrap scenes-ready">
<div id="stage">
<div class="space"></div>
<div class="mountains">
<div class="mountain mountain-1"></div>
<div class="mountain mountain-2"></div>
<div class="mountain mountain-3"></div>
</div>
<div class="bear"></div>
</div>
</div>
</div>

</div>
</div>
</div>
</div>

css代码

#banner-bear{height:320px;background:#464853 url(/js/2dfb67e74181f.png) repeat-x;width:100%;position:relative;font-size:22px}#banner-bear{background:linear-gradient(43deg,#4158d0 0%,#c850c0 46%,#ffcc70 100%)}.typing{color:#fff;position:absolute;top:25%;left:50%;z-index:1;transform:translate(-50%,-50%);text-shadow:1px 1px 0px rgba(0,0,0,2);font-size:30px;font-weight:700}@media (max-width:1199px){.typing{font-size:16px}}.banner-wrap,#stage{width:100%;height:100%}#stage{overflow:hidden;position:relative;z-index:0}#stage .space{width:3840px;height:100%;position:absolute;top:0;left:0;z-index:0;background:url(/js/53d0ca4581dc1.png) repeat-x}#stage .mountains{width:100%;height:17.78125em;overflow:hidden;position:absolute;left:0;bottom:0;z-index:1;opacity:0;-webkit-transition:opacity .2s linear 0s;-moz-transition:opacity .2s linear 0s;transition:opacity .2s linear 0s;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top}#stage .mountain{width:240em;position:absolute;left:0;bottom:0;margin-bottom:-1px}#stage .mountain-1{height:10.5em;z-index:3;background:url(/js/58714c133cca0.png) repeat-x;background-size:auto 50%;background-position:0 bottom}#stage .mountain-2{height:12em;z-index:2;background:url(/js/f855a485a6235.png) repeat-x;background-size:auto 50%;background-position:0 bottom}#stage .mountain-3{height:17.78125em;z-index:1;background:url(/js/97b75b5d67f83.png) repeat-x;background-size:auto 30%;background-position:0 bottom}#stage .bear-wrapper{width:6.25em;height:3.125em;position:absolute;margin-left:-3.125em;left:50%;bottom:40px;z-index:999}.bear-words{display:none;width:6.25em;height:2.8125em;position:absolute;bottom:5.3125em;left:50%;margin-left:-2.1875em;z-index:5}.bear-words span{display:block;width:9.375em;height:1.875em;line-height:1.875em;margin-left:.9375em;font-size:.4375em;color:#fff}.bear-words .bear-words-background{width:100%;height:100%;position:absolute;left:0;top:0;border:0}#stage .bear{width:3.12em;height:1.625em;position:absolute;margin-left:-1.5625em;left:-4%;bottom:20px;z-index:999;background:url(/js/4b25ca14756dd.png) 0 0 no-repeat;background-size:25em 100%;opacity:0}.scenes-ready #stage .space{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:moving 450s linear .8s infinite normal none;-moz-animation:moving 450s linear .8s infinite normal none;animation:moving 450s linear .8s infinite normal none}.scenes-ready #stage .mountains{opacity:1;-webkit-animation:mountains-in .8s ease-out 0s 1 normal forwards;-moz-animation:mountains-in .8s ease-out 0s 1 normal forwards;animation:mountains-in .8s ease-out 0s 1 normal forwards}.scenes-ready #stage .mountain-1{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:moving 100s linear .8s infinite normal none;-moz-animation:moving 100s linear .8s infinite normal none;animation:moving 100s linear .8s infinite normal none}.scenes-ready #stage .mountain-2{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:moving 160s linear .8s infinite normal none;-moz-animation:moving 160s linear .8s infinite normal none;animation:moving 160s linear .8s infinite normal none}.scenes-ready #stage .mountain-3{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:moving 360s linear .8s infinite normal none;-moz-animation:moving 360s linear .8s infinite normal none;animation:moving 360s linear .8s infinite normal none}.scenes-ready #stage .bear{opacity:1;-webkit-transition:opacity .4s linear .6s;-moz-transition:opacity .4s linear .6s;transition:opacity .4s linear .6s}.preserve3d .scenes-ready #stage .bear{-webkit-animation:bear-run-in 3.6s step-end .6s 1 normal forwards,bear-run .8s steps(8) 4.2s infinite normal forwards;-moz-animation:bear-run-in 3.6s step-end .6s 1 normal forwards,bear-run .8s steps(8) 4.2s infinite normal forwards;animation:bear-run-in 3.6s step-end .6s 1 normal forwards,bear-run .8s steps(8) 4.2s infinite normal forwards}.no-preserve3d .scenes-ready #stage .bear,.no-csstransforms3d .scenes-ready #stage .bear{left:50%;-webkit-animation:bear-run .8s steps(8) .6s infinite normal forwards;-moz-animation:bear-run .8s steps(8) .6s infinite normal forwards;animation:bear-run .8s steps(8) .6s infinite normal forwards}.preserve3d .scenes-ready #stage .bear.reset,.no-preserve3d .scenes-ready #stage .bear.reset,.no-csstransforms3d .scenes-ready #stage .bear.reset{left:50%;opacity:1;-webkit-animation:none 0s linear 0s infinite normal none;-moz-animation:none 0s linear 0s infinite normal none;animation:none 0s linear 0s infinite normal none}.preserve3d .scenes-ready #stage .bear.running,.no-preserve3d .scenes-ready #stage .bear.running,.no-csstransforms3d .scenes-ready #stage .bear.running{left:50%;-webkit-animation:bear-run .8s steps(8) 0s infinite normal none;-moz-animation:bear-run .8s steps(8) 0s infinite normal none;animation:bear-run .8s steps(8) 0s infinite normal none}@-webkit-keyframes bear-run{0%{background-position:0 0}100%{background-position:-25em 0}}@-moz-keyframes bear-run{0%{background-position:0 0}100%{background-position:-25em 0}}@keyframes bear-run{0%{background-position:0 0}100%{background-position:-25em 0}}@-webkit-keyframes bear-run-in{0%{background-position:0 0;left:-4%}1.38888889%{background-position:-3.125em 0;left:-2.25%}2.77777778%{background-position:-6.25em 0;left:-.5%}4.16666667%{background-position:-9.375em 0;left:1.25%}5.55555556%{background-position:-12.5em 0;left:3%}6.94444444%{background-position:-15.625em 0;left:4.75%}8.33333333%{background-position:-18.75em 0;left:6.5%}9.72222222%{background-position:-21.875em 0;left:8.25%}11.11111111%{background-position:-25em 0;left:10%}11.11111111%{background-position:0 0;left:10%}12.77777778%{background-position:-3.125em 0;left:11.5%}14.44444444%{background-position:-6.25em 0;left:13%}16.11111111%{background-position:-9.375em 0;left:14.5%}17.77777778%{background-position:-12.5em 0;left:16%}19.44444444%{background-position:-15.625em 0;left:17.5%}21.11111111%{background-position:-18.75em 0;left:19%}22.77777778%{background-position:-21.875em 0;left:20.5%}24.44444444%{background-position:-25em 0;left:22%}24.44444444%{background-position:0 0;left:22%}26.38888889%{background-position:-3.125em 0;left:23.25%}28.33333333%{background-position:-6.25em 0;left:24.5%}30.27777778%{background-position:-9.375em 0;left:25.75%}32.22222222%{background-position:-12.5em 0;left:27%}34.16666667%{background-position:-15.625em 0;left:28.25%}36.11111111%{background-position:-18.75em 0;left:29.5%}38.05555556%{background-position:-21.875em 0;left:30.75%}40%{background-position:-25em 0;left:32%}40%{background-position:0 0;left:32%}42.22222222%{background-position:-3.125em 0;left:33%}44.44444444%{background-position:-6.25em 0;left:34%}46.66666667%{background-position:-9.375em 0;left:35%}48.88888889%{background-position:-12.5em 0;left:36%}51.11111111%{background-position:-15.625em 0;left:37%}53.33333333%{background-position:-18.75em 0;left:38%}55.55555556%{background-position:-21.875em 0;left:39%}57.77777778%{background-position:-25em 0;left:40%}57.77777778%{background-position:0 0;left:40%}60.27777778%{background-position:-3.125em 0;left:40.75%}62.77777778%{background-position:-6.25em 0;left:41.5%}65.27777778%{background-position:-9.375em 0;left:42.25%}67.77777778%{background-position:-12.5em 0;left:43%}70.27777778%{background-position:-15.625em 0;left:43.75%}72.77777778%{background-position:-18.75em 0;left:44.5%}75.27777778%{background-position:-21.875em 0;left:45.25%}77.77777778%{background-position:-25em 0;left:46%}77.77777778%{background-position:0 0;left:46%}80.55555556%{background-position:-3.125em 0;left:46.5%}83.33333333%{background-position:-6.25em 0;left:47%}86.11111111%{background-position:-9.375em 0;left:47.5%}88.88888889%{background-position:-12.5em 0;left:48%}91.66666667%{background-position:-15.625em 0;left:48.5%}94.44444444%{background-position:-18.75em 0;left:49%}97.22222222%{background-position:-21.875em 0;left:49.5%}100%{background-position:-25em 0;left:50%}}@-moz-keyframes bear-run-in{0%{background-position:0 0;left:-4%}1.38888889%{background-position:-3.125em 0;left:-2.25%}2.77777778%{background-position:-6.25em 0;left:-.5%}4.16666667%{background-position:-9.375em 0;left:1.25%}5.55555556%{background-position:-12.5em 0;left:3%}6.94444444%{background-position:-15.625em 0;left:4.75%}8.33333333%{background-position:-18.75em 0;left:6.5%}9.72222222%{background-position:-21.875em 0;left:8.25%}11.11111111%{background-position:-25em 0;left:10%}11.11111111%{background-position:0 0;left:10%}12.77777778%{background-position:-3.125em 0;left:11.5%}14.44444444%{background-position:-6.25em 0;left:13%}16.11111111%{background-position:-9.375em 0;left:14.5%}17.77777778%{background-position:-12.5em 0;left:16%}19.44444444%{background-position:-15.625em 0;left:17.5%}21.11111111%{background-position:-18.75em 0;left:19%}22.77777778%{background-position:-21.875em 0;left:20.5%}24.44444444%{background-position:-25em 0;left:22%}24.44444444%{background-position:0 0;left:22%}26.38888889%{background-position:-3.125em 0;left:23.25%}28.33333333%{background-position:-6.25em 0;left:24.5%}30.27777778%{background-position:-9.375em 0;left:25.75%}32.22222222%{background-position:-12.5em 0;left:27%}34.16666667%{background-position:-15.625em 0;left:28.25%}36.11111111%{background-position:-18.75em 0;left:29.5%}38.05555556%{background-position:-21.875em 0;left:30.75%}40%{background-position:-25em 0;left:32%}40%{background-position:0 0;left:32%}42.22222222%{background-position:-3.125em 0;left:33%}44.44444444%{background-position:-6.25em 0;left:34%}46.66666667%{background-position:-9.375em 0;left:35%}48.88888889%{background-position:-12.5em 0;left:36%}51.11111111%{background-position:-15.625em 0;left:37%}53.33333333%{background-position:-18.75em 0;left:38%}55.55555556%{background-position:-21.875em 0;left:39%}57.77777778%{background-position:-25em 0;left:40%}57.77777778%{background-position:0 0;left:40%}60.27777778%{background-position:-3.125em 0;left:40.75%}62.77777778%{background-position:-6.25em 0;left:41.5%}65.27777778%{background-position:-9.375em 0;left:42.25%}67.77777778%{background-position:-12.5em 0;left:43%}70.27777778%{background-position:-15.625em 0;left:43.75%}72.77777778%{background-position:-18.75em 0;left:44.5%}75.27777778%{background-position:-21.875em 0;left:45.25%}77.77777778%{background-position:-25em 0;left:46%}77.77777778%{background-position:0 0;left:46%}80.55555556%{background-position:-3.125em 0;left:46.5%}83.33333333%{background-position:-6.25em 0;left:47%}86.11111111%{background-position:-9.375em 0;left:47.5%}88.88888889%{background-position:-12.5em 0;left:48%}91.66666667%{background-position:-15.625em 0;left:48.5%}94.44444444%{background-position:-18.75em 0;left:49%}97.22222222%{background-position:-21.875em 0;left:49.5%}100%{background-position:-25em 0;left:50%}}@keyframes bear-run-in{0%{background-position:0 0;left:-4%}1.38888889%{background-position:-3.125em 0;left:-2.25%}2.77777778%{background-position:-6.25em 0;left:-.5%}4.16666667%{background-position:-9.375em 0;left:1.25%}5.55555556%{background-position:-12.5em 0;left:3%}6.94444444%{background-position:-15.625em 0;left:4.75%}8.33333333%{background-position:-18.75em 0;left:6.5%}9.72222222%{background-position:-21.875em 0;left:8.25%}11.11111111%{background-position:-25em 0;left:10%}11.11111111%{background-position:0 0;left:10%}12.77777778%{background-position:-3.125em 0;left:11.5%}14.44444444%{background-position:-6.25em 0;left:13%}16.11111111%{background-position:-9.375em 0;left:14.5%}17.77777778%{background-position:-12.5em 0;left:16%}19.44444444%{background-position:-15.625em 0;left:17.5%}21.11111111%{background-position:-18.75em 0;left:19%}22.77777778%{background-position:-21.875em 0;left:20.5%}24.44444444%{background-position:-25em 0;left:22%}24.44444444%{background-position:0 0;left:22%}26.38888889%{background-position:-3.125em 0;left:23.25%}28.33333333%{background-position:-6.25em 0;left:24.5%}30.27777778%{background-position:-9.375em 0;left:25.75%}32.22222222%{background-position:-12.5em 0;left:27%}34.16666667%{background-position:-15.625em 0;left:28.25%}36.11111111%{background-position:-18.75em 0;left:29.5%}38.05555556%{background-position:-21.875em 0;left:30.75%}40%{background-position:-25em 0;left:32%}40%{background-position:0 0;left:32%}42.22222222%{background-position:-3.125em 0;left:33%}44.44444444%{background-position:-6.25em 0;left:34%}46.66666667%{background-position:-9.375em 0;left:35%}48.88888889%{background-position:-12.5em 0;left:36%}51.11111111%{background-position:-15.625em 0;left:37%}53.33333333%{background-position:-18.75em 0;left:38%}55.55555556%{background-position:-21.875em 0;left:39%}57.77777778%{background-position:-25em 0;left:40%}57.77777778%{background-position:0 0;left:40%}60.27777778%{background-position:-3.125em 0;left:40.75%}62.77777778%{background-position:-6.25em 0;left:41.5%}65.27777778%{background-position:-9.375em 0;left:42.25%}67.77777778%{background-position:-12.5em 0;left:43%}70.27777778%{background-position:-15.625em 0;left:43.75%}72.77777778%{background-position:-18.75em 0;left:44.5%}75.27777778%{background-position:-21.875em 0;left:45.25%}77.77777778%{background-position:-25em 0;left:46%}77.77777778%{background-position:0 0;left:46%}80.55555556%{background-position:-3.125em 0;left:46.5%}83.33333333%{background-position:-6.25em 0;left:47%}86.11111111%{background-position:-9.375em 0;left:47.5%}88.88888889%{background-position:-12.5em 0;left:48%}91.66666667%{background-position:-15.625em 0;left:48.5%}94.44444444%{background-position:-18.75em 0;left:49%}97.22222222%{background-position:-21.875em 0;left:49.5%}100%{background-position:-25em 0;left:50%}}.primary-menus{width:50%;position:absolute;top:55%;left:50%;z-index:3;transform:translate(-50%,-50%);font-size:16px;opacity:.95}.primary-menus ul{list-style:none;padding:0}.primary-menus ul li{display:inline-block;color:#fff;padding:0 14px;height:36px;line-height:36px;font-size:14px;border-top-left-radius:3px;border-top-right-radius:3px;cursor:pointer}.primary-menus ul li:first-child{cursor:auto;color:rgba(255,255,255,.8)}.primary-menus ul li:first-child:hover{color:rgba(255,255,255,.8);background-color:transparent}.primary-menus ul li:hover{background:#fff;color:#3c3c3c;opacity:.8}.primary-menus ul li.current{background:#fff;color:#3c3c3c}.primary-menus .cont{position:relative;top:-1px}.primary-menus .right-link{position:absolute;right:0;top:0}.primary-menus .right-link a{display:inline-block;margin-top:10px;padding-right:5px;color:#dff2ff;text-decoration:none;font-size:13px}.primary-menus .right-link a:hover{color:#fff}.primary-menus .left-cont .search.hidden{display:none}.primary-menus .left-cont form{width:100%;position:relative}.primary-menus .left-cont input{box-sizing:border-box;width:100%;border:none;font-size:15px;line-height:20px;height:48px;padding:11px 100px 11px 26px;border-radius:3px;color:#9f9f9f;outline:none}.primary-menus .left-cont input:focus{color:#3c3c3c}.primary-menus .left-cont button{height:48px;box-sizing:border-box;min-width:100px;margin-left:-5px;cursor:pointer;background-color:#e34f4f;color:#fff;font-size:15px;line-height:40px;border-top-right-radius:3px;border-bottom-right-radius:3px;position:absolute;right:1px;top:0;border:5px solid #fff;border-radius:9px;padding:0 15px}.primary-menus .left-cont button:hover{background-color:#ff3636}@media (max-width:1199px){.primary-menus ul li{padding:0 12px}}@media (max-width:991px){.primary-menus{float:left;margin-left:0;width:90%;top:60%}.primary-menus .right-link{display:none}.primary-menus .left-cont{margin-right:0}}@media (max-width:767px){.primary-menus ul li{padding:0 5px;font-size:13px;height:28px;line-height:24px;margin-right:6px}.primary-menus ul li:first-child{display:none}.primary-menus .left-cont input{height:34px;line-height:14px;font-size:13px;padding:10px 6em 10px 10px;border-radius:0 3px 3px}.primary-menus .left-cont button{height:34px;line-height:34px;width:6em;font-size:12px;border:none;border-radius:2px;margin-right:-2px}}@-webkit-keyframes mountains-in{0%{-webkit-transform:scale(1.5)}100%{-webkit-transform:scale(1)}}@-moz-keyframes mountains-in{0%{-moz-transform:scale(1.5)}100%{-moz-transform:scale(1)}}@keyframes mountains-in{0%{transform:scale(1.5)}100%{transform:scale(1)}}@-webkit-keyframes moving{0%{-webkit-transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(-50%,0,0)}}@-moz-keyframes moving{0%{-moz-transform:translate3d(0,0,0)}100%{-moz-transform:translate3d(-50%,0,0)}}@keyframes moving{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}

以下代码放入后台-常规设置-底部html

<script src="/js/suiranx.js" type="text/javascript"></script>

2022年12月23日

分类： 7b2美化

7b2给WordPress接入ChatGPT插件

WordPress 外链跳转插件 外链跳转安全提示

WordPress博客为文章内容页添加展开收缩功能

WordPress美化_节日灯笼插件