北海的鱼 - 美化教程

Cuteen主题侧边栏添加百度一下

北海的鱼 — Mon, 16 Oct 2023 11:04:00 +0800

找到下方位置，添加以下代码
路径/Cuteen/include/sidebar.php





                百度一下
                




关键词:北海的鱼

点击搜索，可帮助本站seo优化！

下方代码，后台添加css

/*侧栏百度一下*/
.searchs {padding-top:8px;padding-bottom:0px;padding-right:10px;padding-left:10px;
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[type="text"] {border: #45B6F7 1px solid;border-radius: 4px;width: calc( 100% - 2px );}mip-form input[type='text'], mip-form input[type='input'], mip-form input[type='datetime'], mip-form input[type='email'], mip-form input[type='number'], mip-form input[type='tel'], mip-form input[type='url'] {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: 13px;text-align: left;padding: 0 10% 0 3%;}.searchs input[type="submit"] {position: absolute;right: 2px;top: 2px;background-color: #45B6F7;color: #fff;font-size: 13px;margin: 2px;height: 30px;line-height: 30px;padding: 0 10px;}mip-form input[type='submit'] {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: 13px;}

文章自动内链和自动添加标签

北海的鱼 — Thu, 20 Jul 2023 14:39:00 +0800

教程开始

WordPress网站做SEO优化时，内链是一个很重要的因素，而我们平时都是手动为文章添加内链，这样会牺牲一些时间，其实我们可以让网站自动为文章生成标签，并且为标签自动添加内链。以前有一款插件 WP Keyword Link ，但是刚才没搜索到，其实我们还可以使用纯代码实现这个功能。

本文所有内容均添加到子比目录下functions.php文件里面

WordPress文章自动添加标签的代码

它的用途是在你写完这篇文章发布的时候，自动检测你这篇文章中有的关键字，然后把这个关键字转成标签给你添加进去，这个貌似需要在后台发布文章才可以生效，也可以在前台编辑完文章发布，然后到后台再发布一遍。

add_action('save_post', 'auto_add_tags');
function auto_add_tags()
{
    $tags         = get_tags(array('hide_empty' => false));
    $post_id      = get_the_ID();
    $post_content = get_post($post_id)->post_content;
    if ($tags) {
        foreach ($tags as $tag) {
            // 如果文章内容出现了已使用过的标签，自动添加这些标签
            if (strpos($post_content, $tag->name) !== false) {
                wp_set_post_tags($post_id, $tag->name, true);
            }

        }
    }
}

Wordpress自动为标签添加内链的代码

它的用途就是你在写这篇文章的时候，如果添加了标签，它会自动把文章内含有标签的字添加成内链。

//WordPress文章关键词自动内链 大白博客
function tag_sort($a, $b){
  if ( $a->name == $b->name ) return 0;
  return ( strlen($a->name) > strlen($b->name) ) ? -1 : 1;
}
function tag_link($content){
  $match_num_from = 1;  //一个标签少于几次不链接
  $match_num_to = 1;  //一个标签最多链接几次
  $posttags = get_the_tags();
  if ($posttags) {
    usort($posttags, "tag_sort");
    foreach($posttags as $tag) {
      $link = get_tag_link($tag->term_id);
      $keyword = $tag->name;
      //链接代码
      $cleankeyword = stripslashes($keyword);
      $url = "";
      $limit = rand($match_num_from,$match_num_to);
      //不链接代码
      $content = preg_replace( '|(]+>)(.*)('.$ex_word.')(.*)<\/pre>(]*>)|U'.$case, '$1$2%&&&&&%$4$5', $content);
      $content = preg_replace( '|()|U'.$case, '$1$2%&&&&&%$4$5', $content);
      $cleankeyword = preg_quote($cleankeyword,'\'');
      $regEx = '\'(?!((<.*?)|(]*?)>)|([^>]*?))\'s' . $case;
      $content = preg_replace($regEx,$url,$content,$limit);
      $content = str_replace( '%&&&&&%', stripslashes($ex_word), $content);
    }
  }
  return $content;
}
add_filter('the_content','tag_link',1);

直接放主题目录下functions.php文件里面。

zibll主题给你的首页侧边栏增加10条或者更多轮播广告位文字版+图片版

北海的鱼 — Thu, 16 Mar 2023 16:21:50 +0800

文字版轮播+图片轮播
时间可以自己调整
文字版代码

[acc status="close" title="代码"]




  
    广告位1
  
  
    广告位2
  
  
    广告位3
  
  
    广告位4
  
  
    广告位5
  
  
    广告位6
  
  
    广告位7
  
  
    广告位8
  
  
    广告位9
  
  
    广告位10

[/acc]
图片版

[acc status="close" title="代码"]

[/acc]
放在任意侧边栏即可

zibll子比主题首页大图搜索框

北海的鱼 — Thu, 16 Mar 2023 16:01:00 +0800

食用教程

首先在主题目录下创建func.php文件，有的人可能已经有此文件了。
在func.php添加如下代码即可

[acc status="close" title="php代码"]


















已发布

publish;?>

篇文章内容










源码模板插件软件


















社区

 
S14社区论坛
 


消息

 
网站最新消息
 


建议

 
网站文章需求建议
 


会员

 
开通会员页面
 


用户中心

 
用户中心页面

[/acc] 此搜索框只能在pc端查看只能用视频文件替代背景视频背景高度在代码11行修改视频链接地址在代码13行修改其他的自己研究研究吧，教程结束。



Zibll给网站换个好看的字体
北海的鱼 — Thu, 16 Mar 2023 15:51:00 +0800

字体下载与转换
先去网站下载一些你喜欢的字体。
这里给大家列举一些个人觉得比较好的下载站。
 100字体下载站 
 猫啃网 
下载后，会得到一个.ttf的文件（压缩包的解压）。
但是经过测试，.ttf的字体在部分浏览器不能生效（如Safari）
所以，需要转换成eot,woff,woff2,svg其中一个就好。推荐.woff
 字体转换 （转换教程不多讲）
添加CSS
把文件上传至网站根目录（可以是其他地方，不推荐）只需要记住地址就行。
例子：https://www.wabm.cn/font.tff
font.tff是字体文件名，实际使用时需更改（包括网站链接）
以下代码添加到zibll主题>自定义代码>自定义CSS里。
@font-face{
font-family: 'moe';
src:  url('https://blog.gtwxxh.cc/font.ttf');
src:  url('https://blog.gtwxxh.cc/font.woff');
}
body{
font-family:'moe';
}
.enlighter-default .enlighter{max-height:400px;overflow-y:auto !important;}.lazyloading:not(.swiper-lazy-loaded){opacity: 0;}@media (max-width:640px) {
    .meta-right .meta-view{
      display: unset !important;
    }
  }
font-family 是自定义字体名称（自己修改），url 这是字体文件的地址（自己修改）
如果要添加多个字体文件，你有可能需要注意代码规范。



Cuteen主题默认图片名称test修改
北海的鱼 — Wed, 15 Mar 2023 10:19:00 +0800

默认的图片名称我就不说了吧，就是发完文章，如果你不自定义名称那他就显示test。
教程
打开网站根目录 usr/plugins/Cuteen/js/editor.bundle.js文件，找到24544行代码
  
把后面的Test修改成你想要的名称，然后保存即可。



给Cuteen主题安排上侧栏标签云
北海的鱼 — Wed, 15 Mar 2023 09:49:13 +0800

借鉴了小何博客的代码，自己试了下发现不对称就改了一个数值。每次刷新颜色都会改变，目前有8组颜色，具体效果看我的侧边栏。
引入自定义CSS
/*侧栏标签云*/
.flink-item{width:63px;height: 25px; margin:3px; background-color:#57b027; border-radius:2px; text-align: center;}
.flink-title a{ font-size:10px; color:#ffffff; margin:3px; }
.flink-title a:hover{ color:#cccccc; }
.bg-1{background-color:#b57dff!important}
.bg-2{background-color:#465efb!important}
.bg-3{background-color:#f9bb3c!important}
.bg-4{background-color:#f55555!important}
.bg-5{background-color:#f6969a!important}
.bg-6{background-color:#e92b6f!important}
.bg-7{background-color:#8c76f!important}
.bg-8{background-color:#3fa5ff!important}
通过函数调用标签
路径 /Cuteen/include/sidebar.php 合适位置加入下方代码
 




  标签云  



widget('Widget_Metas_Tag_Cloud', 'ignoreZeroCount=1&limit=28')->to($tags); ?>
next()): ?>




另外我改的数值是以下地方
  
 原本是3 我改成了2 如果你们不对称，也可以修改试试。



Cuteen网站底部增加本站运行时间
北海的鱼 — Mon, 06 Mar 2023 10:59:00 +0800

也挺简单，我也是小白，把下面代码复制一下
载入天数...载入时分秒...  
然后去宝塔-网站根目录
  
 打开footer.php-拉到下面，我是把版权删了换成了这个，你们可以保留作者版权。
 粘贴上之后改一下时间即可。
  
 是不是很简单...



本站同款每天60s新闻
北海的鱼 — Fri, 03 Mar 2023 16:43:00 +0800

之前弄过wp的每天自动发表一篇新闻，下面就给大家详细讲一下，怎么通过调用API给网站添加一个每天60秒读懂世界的新闻早报页面。
 
两种方法
第一种是首先去注册一个api免费的，我是用的Alapi，注册好之后去个人中心获取token，然后复制下来。
  
 去后台-新建页面-把下面的代码复制进去，把“这里填你的token换成你个人中心的token”
 
 然后发表就可以啦
 第二种是在后台新建页面，然后在内容那里添加图片链接，然后发表就行了。
   
其实两种差不多，都挺简单👏
如果你想单独做一个html页面也是这个方法，直接新建html文件然后输入下面代码：

    
    
    
    每日早报
    
        
    
填上你的token就行了。✌



Cuteen主题美化汇总
北海的鱼 — Thu, 02 Mar 2023 08:58:00 +0800

目前有27条美化，持续更新中...
[acc status="close" title="改变鼠标样式"]下方代码放后台-自定义CSS

/*鼠标样式*/
body {
    cursor:url('https://xxi.icu/usr/themes/Cuteen/static/img/lin/shubiao (5).cur'), auto;
}
select, input, textarea, a, button {
    cursor:url('https://xxi.icu/usr/themes/Cuteen/static/img/lin/shubiao (6).cur'), auto;
}
[/acc]
[acc status="close" title="LOGO扫光"]下方代码放后台-自定义CSS
/* logo扫光 */
.navbar-brand{position:relative;overflow:hidden;margin: 0px 0 0 0px;}.navbar-brand:before{content:""; position: absolute; left: -665px; top: -460px; width: 200px; height: 15px; background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 6s ease-in 0s infinite; -o-animation: searchLights 6s ease-in 0s infinite; animation: searchLights 5s ease-in 0s infinite;}@-moz-keyframes searchLights{50%{left: -100px; top: 0;} 65%{left: 120px; top: 100px;}}@keyframes searchLights{40%{left: -100px; top: 0;} 60%{left: 120px; top: 100px;} 80%{left: -100px; top: 0px;}}
[/acc]
[acc status="close" title="网站实现网格背景"]下方代码放后台-自定义CSS
/*网格背景css*/
body {
z-index:1;
    background-position: center top;
    background-size: 28px 28px;
    background-color: #f9f9f9;
    background-image: linear-gradient(to right,rgba(37,82,110, 0.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(37,82,110, 0.1) 1px,transparent 1px);
}
[/acc]
[acc status="close" title="网站背景图设置"]下方代码放后台-自定义CSS
/* 背景图片 */
    body::before {
        content: '';
position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
      background: url(图片地址);
        background-position: center 0;
        background-size: cover;
        z-index: -1;
        opacity: 0.75;
    }
[/acc]
[acc status="close" title="PC端侧栏仿ios小点点"]cuteen主题在sidebar.php里面
这个位置加入下方代码就行，例如：
最新回复下面
下方代码放后台-自定义CSS
/*PC端侧栏仿ios小点点*/
.ios {
    content: " ";
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fc625d !important;
    width: 10px;
    height: 10px;
z-index:999;
    -webkit-box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
    box-shadow: 19px 0 #fdbc40, 40px 0 #35cd4b;
    float: right;
    right: 58px;
    top: 22px;
z-index:100;

}
[/acc]
[acc status="close" title="评论框图片"]下方代码放后台-自定义CSS
/*评论框图片*/
textarea.form-control {
 resize: vertical;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  margin-bottom: 2px;
  background-image: url(https://xxi.icu/usr/themes/Cuteen/static/img/lin/pinglunbg.webp);
  transition: all 0.25s ease-in-out 0s;
}
[/acc]
[acc status="close" title="增加网页右侧联系站长功能"]HTML放/body前
 
 联系站长 
下方代码放后台-自定义CSS
/*右边联系站长 css 开始*/
@keyframes shangxa { 0%, 100%, 20%, 50%, 80% { transition-timing-function: cubic-bezier(0.215,.61,.355,1); transform: translate3d(0,0,0); } 40%, 43% { transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060); transform: translate3d(0,-10px,0); } 70% { transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); transform: translate3d(0,-6px,0); } 90% { transform: translate3d(0,-3px,0); } } .leke { display: flex; position: fixed; right: 0; top: calc(50% - 103px); flex-direction: column; -webkit-box-align: center; align-items: center; color: rgb(255, 255, 255); font-size: 16px; font-weight: 500; line-height: 20px; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 6px -4px, rgba(13, 206, 158, .37) 0px 6px 10px; z-index: 10; overflow: hidden; background: #0dce9e; padding: 12px 6px 12px 7px; border-radius: 7px 1px 1px 7px; transition: height 0.2s ease 0s, top 0.2s ease 0s; } .leke:hover { opacity: .8; } .leke .upload-icon { flex-shrink: 0; width: 28px; height: auto; display: block; margin-bottom: 2px; -webkit-animation: shangxa 2s infinite; animation: shangxa 2s infinite; } @media screen
AND (max-width: 768px) { .leke { display: none; } } #qidiana { cursor: pointer; } .class_qidian_wpa { border-radius: 6px !important; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); } 
/*右边联系站长 css 开始*/
[/acc]
[acc status="close" title="解决导航栏无法使用emoji表情"]由于数据库不支持emoji表情
我们可以在根目录直接加，无视数据库
根目录找到navbar.php，路径/Cuteen/include/navbar.php
合适的位置把原有的注释/删除

                    options->CustomMenu) {
                        $source = array();
                        $source = '[' . $this->options->CustomMenu . ']';
                        $source = json_decode($source, true);
                        foreach ($source as $key) {
                            if (empty($key['children'])) {
                                echo Context::MenuTag($key['url'], $key['name']);
                            } else {
                                echo Context::CustomerDropdownMenuTag($this, $key);
                            }
                        }
                    } else {
                        if ($this->options->LabelOrder == 'P-C') {
                            Context::PageEcho($this, $pages, false);
                            Context::CategoryEcho($this, $category, false);
                        } else {
                            Context::CategoryEcho($this, $category, false);
                            Context::PageEcho($this, $pages, false);
                        }
                    }
                    ?>
                
在复制这串代码设置好链接即可
 
⚙️文章分类
 
⚙️资源分享
 ⚙️编程相关
 ⚙️折腾日记
 ⚙️杂七杂八
 ⚙️每日新闻
⚙️归档处
⚙️时光机
⚙️朋友圈
✍️留言板

⚙️更多
 
⚙️影视解析
⚙️在线音乐 
⚙️颜色代码
 ⚙️实用标签
 ⚙️情侣小站
 ⚙️免责声明

记得把⚙️图标换成你需要的
[/acc]
[acc status="close" title="防止网站被别人恶意镜像"]在/body前加入下方代码就可以了
别人访问被镜像的网站会自动跳转到官方网站
[/acc]
[acc status="close" title="为网站添加一个运行时间"]放在你需要展示的地方
载入天数...载入时分秒...  
[/acc]
[acc status="close" title="顶部阅读进度条"]放/body前即可

下面代码放后台自定义CSS
/* 阅读进度条 */
#content_progress {
      /* Positioning */
      position: fixed;
      left: 0px;
      top: 50px;
      z-index: 188;
      width: 100%;
      height: 2px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      background-color: transparent;
      color: #BABABA;
}

#content_progress::-webkit-progress-bar {
      background-color: transparent;
}

#content_progress::-webkit-progress-value {
      background-color: #B8B8B8;/* 修改颜色 */
}

#content_progress::-moz-progress-bar {
      background-color: #BF3EFF;
}
/* 阅读进度条 */
[/acc]
[acc status="close" title="前台增加编辑页面/文章功能"]编辑页面，下方代码放你需要拥有该功能的根目录即可
路径每个单页根目录
下方
 user->hasLogin()):?>
编辑页面 
编辑文章，下方代码放post.php里面即可
路径正文下方
user->hasLogin()):?>
编辑文章
 
[/acc]
[acc status="close" title="认证评论等级"]我也不知道放哪里
mail)); //用于判断邮箱
//博主样式
$str = '博主';
//好友样式
$str2 = '基友';
//开始判断
if($me==$rz){
echo $str; //如果条件成立则输出'博主'样式
}if($boy==$rz){
echo $str2; //如果条件成立则输出'好友'样式
}
?>
[/acc]
[acc status="close" title="网站下樱花雨特效"]将下方代码粘贴到/body前
1、手机电脑都显示（电脑端会稍微稀疏一点）

2、那么在加一句就好了
Ps：保险起见，建议将JS保存到本地
[/acc]
[acc status="close" title="底部鱼群跳跃动画"]将下方代码复制到网站顶部/head前
如果不想手机端显示就复制下面那一句
下方代码复制到/body前
[/acc]
[acc status="close" title="PC端红色大灯笼"]下方代码复制到/body前即可
[/acc]
[acc status="close" title="浏览器标签栏动态文字"]下方代码复制到/body前即可


[/acc]
[acc status="close" title="QQ微信防红跳转"]自动识别QQ/微信访问将遮罩并引导至浏览器访问下方代码复制到网页顶部




请使用浏览器访问




点击右上角 ，在浏览器打开
可以正常访问本站~

';exit; } ?>
[/acc]
[acc status="close" title="指定日期自动黑白网页"]应引用至需要黑白的页面即可，附带弹窗（已注释）




    
    
    
    本 站 公 告

    清明时节雨纷纷，路上行人欲断魂！

——自动黑白哀悼

    我知道了
    
EOF;
}else{

}
?>
[/acc]
[acc status="close" title="图片呼吸灯效果"]下方代码放后台-自定义CSS
img{-webkit-animation:ani 2s linear infinite;}@keyframes ani{0%{box-shadow:0 0 0px #00BCD4;}25%{box-shadow:0 0 10px #00BCD4;}50%{box-shadow:0 0 20px #00BCD4;}75%{box-shadow:0 0 10px #00BCD4;}100%{box-shadow:0 0 0px #00BCD4;}}
[/acc]
[acc status="close" title="禁止图片拖动"]下方代码放后台-自定义CSS
body img { -webkit-user-drag: none; }
[/acc]
[acc status="close" title="网站全站变灰代码"]放网页顶部
[/acc]
[acc status="close" title="导航栏增加后台管理按钮"]在这之前，因为进后台比较繁琐，故自研得 该方法
PC端
路径/Cuteen/include/navbar.php，此处（昼夜切换按钮下方）加入下方代码即可
 

            
手机端
1、先在后台引入下方css，放于头部自定义内容里面
切勿直接放自定义css里边。
2、路径/Cuteen/include/navbar.php，/ul上方加入下方代码即可

⚙️后台管理→
[/acc]
[acc status="close" title="网站底部备案栏美化"]PC端
路径/Cuteen/include/footer.php中找到图片位置
  
footer标签里面的原有内容删了或者注释掉，再直接加入下方代码即可


© 2022 -  ? Lucky - Bear


载入天数...载入时分秒...

 



 
 
 
 

手机端
1、先在后台引入下方css，放于头部自定义内容里面
切勿直接放自定义css里边。（若以引用，请忽视）
2、footer标签里面继续加入下方代码即可



© 2022 -  ? Luckys - Bear


?options->ICP() ?>
 - 本站申明?


[/acc]
[acc status="close" title="表格文字居中"]下方代码放后台-自定义CSS
.typography table thead>tr>th{text-align: center !important;}
[/acc]
[acc status="close" title="把侧栏“随便看看”改成多条"]网站根目录下 usr/themes/Cuteen/include/sidebar.php 找到以下代码，然后把 pageSize=3 原来的数字3改成你想要的数字，保存即可。
$this->widget('Widget_Post_rand@rand', 'pageSize=3')->to($rand); ?>
 
[/acc]
[acc status="close" title="图片默认提示为 Test 的修改"]打开网站根目录 usr\plugins\Cuteen\js\editor.bundle.js 文件，拖动到 24544 行，找到以下代码，把Test改成你想要的，保存即可。
const title = $(".cm-modal input[name='title']").val() || 'Test';
 
[/acc]
[card title="本教程不定时更新，欢迎阅读" color="info"]本文转自小熊博客[/card]

北海的鱼 - 美化教程

Cuteen主题侧边栏添加百度一下

文章自动内链和自动添加标签

教程开始

本文所有内容均添加到子比目录下functions.php文件里面

WordPress文章自动添加标签的代码

Wordpress自动为标签添加内链的代码

zibll主题给你的首页侧边栏增加10条或者更多轮播广告位 文字版+图片版

zibll子比主题首页大图搜索框

食用教程

Zibll给网站换个好看的字体

字体下载与转换

添加CSS

Cuteen主题默认图片名称test修改

教程

给Cuteen主题安排上侧栏标签云

引入自定义CSS

通过函数调用标签

Cuteen网站底部增加本站运行时间

本站同款每天60s新闻

两种方法

Cuteen主题美化汇总

本 站 公 告

zibll主题给你的首页侧边栏增加10条或者更多轮播广告位文字版+图片版

本站公告