北海的鱼 - 美化教程

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

2023-10-16T11:04:00+08:00

找到下方位置，添加以下代码路径/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;}

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

2023-07-20T14:39:00+08:00

教程开始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条或者更多轮播广告位文字版+图片版

2023-03-16T16:21:50+08:00

文字版轮播+图片轮播时间可以自己调整文字版代码[acc status="close" title="代码"]

[/acc]图片版[acc status="close" title="代码"]

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

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

2023-03-16T16:01:00+08:00

食用教程首先在主题目录下创建func.php文件，有的人可能已经有此文件了。在func.php添加如下代码即可[acc status="close" title="php代码"]

社区
S14社区论坛
消息
网站最新消息
建议
网站文章需求建议
会员
开通会员页面
用户中心
用户中心页面

Zibll给网站换个好看的字体

2023-03-16T15:51:00+08:00

字体下载与转换先去网站下载一些你喜欢的字体。这里给大家列举一些个人觉得比较好的下载站。 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修改

2023-03-15T10:19:00+08:00

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

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

2023-03-15T09:49:13+08:00

借鉴了小何博客的代码，自己试了下发现不对称就改了一个数值。每次刷新颜色都会改变，目前有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网站底部增加本站运行时间

2023-03-06T10:59:00+08:00

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

本站同款每天60s新闻

2023-03-03T16:43:00+08:00

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

填上你的token就行了。✌

Cuteen主题美化汇总

2023-03-02T08:58:00+08:00

目前有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="图片呼吸灯效果"]下方代码放后台-自定义CSSimg{-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="禁止图片拖动"]下方代码放后台-自定义CSSbody 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标签里面的原有内容删了或者注释掉，再直接加入下方代码即可

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

?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]