北海的鱼 - 美化教程
type: channel
link: https://blog.qsuu.cn/category/meihua/
items: Cuteen主题侧边栏添加百度一下
items: 文章自动内链和自动添加标签
items: zibll主题给你的首页侧边栏增加10条或者更多轮播广告位 文字版+图片版
items: zibll子比主题首页大图搜索框
items: Zibll给网站换个好看的字体
items: Cuteen主题默认图片名称test修改
items: 给Cuteen主题安排上侧栏标签云
items: Cuteen网站底部增加本站运行时间
items: 本站同款每天60s新闻
items: Cuteen主题美化汇总

Cuteen主题侧边栏添加百度一下
type: item
date: 2023-10-16T11:04:00+08:00
description: 找到下方位置，添加以下代码路径/Cuteen/include/sidebar.php <path d="M852.6 367.6c16.3-36.9 32.1-90.7 32.1-131.8 0-109.1-119.5-147.6-314.5-57.9-161.4-10.8-316.8 110.5-355.6 279.7 46.3-52.3 117.4-123.4 183-151.7C316.1 378.3 246.7 470 194 565.6c-31.1 56.9-66 148.8-66 217.5 0 147.9 139.3 129.8 270.4 63 47.1 23.1 99.8 23.4 152.5 23.4 145.7 0 276.4-81.4 325.2-219H694.9c-78.8 132.9-295.2 79.5-295.2-71.2h493.2c9.6-65.4-2.5-143.6-40.3-211.7zM224.8 648.3c26.6 76.7 80.6 143.8 150.4 185-133.1 73.4-259.9 43.6-150.4-185z m174-163.3c3-82.7 75.4-142.3 156-142.3 80.1 0 153 59.6 156 142.3h-312z m276.8-281.4c32.1-15.4 72.8-33 108.8-33 47.1 0 81.4 32.6 81.4 80.6 0 30-11.1 73.5-21.9 101.8-39.3-63.5-98.9-122.4-168.3-149.4z" p-id="13092" data-spm-anchor-id="a313x.7781069.0.i5" class="" fill="#1296db"></path> 百度一下 <mip-form method="get" url="https://www.baidu.com/s" class="mip-element mip-layout-container"> 关键词:北海的鱼 点击搜索，可帮助本站seo优化！ </mip-form> 下方代码，后台添加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-…

文章自动内链和自动添加标签
type: item
date: 2023-07-20T14:39:00+08:00
description: 教程开始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 = "".addcslashes($cleankeyword, '$').""; $limit = rand($match_num_from,$match_num_to); //不链接代码 $content = preg_replace( '|(<a[^>]+>)(.*)<pre.*?>('.$ex_word.')(.*)<\/pre>(</a[^>]*>)|U'.$case, '$1$2%&&&&&%$4$5', $content); $content = preg_replace( '|(<img)(.*?)('.$ex_word.')(.*?)(>)|U'.$case, '$1$2%&&&&&%$4$5', $content); $cleankeyword = preg_quote($cleankeyword,'\''); $regEx = '\'(?!((<.*?)|(<a.*?)))('. $cleankeyword . ')(?!(([^<>]*?)>)|([^>]*?))\'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条或者更多轮播广告位 文字版+图片版
type: item
date: 2023-03-16T16:21:50+08:00
description: 文字版轮播+图片轮播时间可以自己调整文字版代码[acc status="close" title="代码"] 广告位1 广告位2 广告位3 广告位4 广告位5 广告位6 广告位7 广告位8 广告位9 广告位10 [/acc]图片版[acc status="close" title="代码"] [/acc]放在任意侧边栏即可

zibll子比主题首页大图搜索框
type: item
date: 2023-03-16T16:01:00+08:00
description: 食用教程首先在主题目录下创建func.php文件，有的人可能已经有此文件了。在func.php添加如下代码即可[acc status="close" title="php代码"]<?php add_action('wp_head', 'zibll_Add_ons_newindex'); function zibll_Add_ons_newindex() { if(is_home()){ ?> <?php echo get_bloginfo('name'); ?> 已发布 <ps style="color: #26d6c8;"><?php $count_posts = wp_count_posts(); echo $published_posts =$count_posts->publish;?></ps> 篇文章内容 站内搜索 源码模板插件软件 社区 S14社区论坛 消息 网站最新消息 建议 网站文章需求建议 会员 开通会员页面 用户中心 用户中心页面 <?php } }[/acc]此搜索框只能在pc端查看只能用视频文件替代背景视频背景高度在代码11行修改视频链接地址在代码13行修改其他的自己研究研究吧，教程结束。

Zibll给网站换个好看的字体
type: item
date: 2023-03-16T15:51:00+08:00
description: 字体下载与转换先去网站下载一些你喜欢的字体。这里给大家列举一些个人觉得比较好的下载站。 100字体下载站 猫啃网 下载后，会得到一个.ttf的文件（压缩包的解压）。但是经过测试，.ttf的字体在部分浏览器不能生效（如Safari）所以，需要转换成eot,woff,woff2,svg其中一个就好。推荐.woff 字体转换 （转换教程不多讲）添加CSS把文件上传至网站根目录（可以是其他地方，不推荐）只需要记住地址就行。例子：https://www.wabm.cn/font.tfffont.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修改
type: item
date: 2023-03-15T10:19:00+08:00
description: 默认的图片名称我就不说了吧，就是发完文章，如果你不自定义名称那他就显示test。教程打开网站根目录 usr/plugins/Cuteen/js/editor.bundle.js文件，找到24544行代码 把后面的Test修改成你想要的名称，然后保存即可。

给Cuteen主题安排上侧栏标签云
type: item
date: 2023-03-15T09:49:13+08:00
description: 借鉴了小何博客的代码，自己试了下发现不对称就改了一个数值。每次刷新颜色都会改变，目前有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 合适位置加入下方代码 <path d="M511.744 514.7136m-450.816 0a450.816 450.816 0 1 0 901.632 0 450.816 450.816 0 1 0-901.632 0Z" fill="#1296db" p-id="13181" data-spm-anchor-id="a313x.7781069.0.i20" class="selected"></path><path d="M405.0432 356.4544l154.9824-143.4624c24.9344-23.0912 65.3312-23.296 90.5728-0.4608l100.5056 91.0336c14.9504 13.5168 15.6672 35.584 1.6384 49.9712l-347.6992 2.9184zM293.376 356.1472l94.976-142.0288c16.7936-26.7264 52.3776-37.8368 83.2512-26.0096 23.2448 8.9088 45.0048 17.3056 44.3392 17.3056-1.4336 0-163.6352 150.016-163.6352 150.016l-58.9312 0.7168zM749.6192 402.176H280.1664c-44.9536 0-81.4592 36.4544-81.4592 81.4592v213.0944c0 44.9536 36.4544 81.4592 81.4592 81.4592h469.4528c44.9536 0 81.4592-36.4544 81.4592-81.4592V483.584c-0.0512-44.9536-36.5056-81.408-81.4592-81.408z m-430.7968 237.7216c-27.4944 0-49.7664-22.272-49.7664-49.7664s22.272-49.7664 49.7664-49.7664c27.4944 0 49.7664 22.272 49.7664 49.7664s-22.272 49.7664-49.7664 49.7664z" fill="#FFFFFF" p-id="13182"></path> 标签云 <?php $this->widget('Widget_Metas_Tag_Cloud', 'ignoreZeroCount=1&limit=28')->to($tags); ?> <?php while($tags->next()): ?> <?php endwhile; ?> 另外我改的数值是以下地方 原本是3 我改成了2 如果你们不对称，也可以修改试试。

Cuteen网站底部增加本站运行时间
type: item
date: 2023-03-06T10:59:00+08:00
description: 也挺简单，我也是小白，把下面代码复制一下 载入天数...载入时分秒... 然后去宝塔-网站根目录 打开footer.php-拉到下面，我是把版权删了换成了这个，你们可以保留作者版权。 粘贴上之后改一下时间即可。 是不是很简单...

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

Cuteen主题美化汇总
type: item
date: 2023-03-02T08:58:00+08:00
description: 目前有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 …