-
【WordPress美化】 代码高亮 适用于各种主题 根据页面自动加载代码高亮JS和CSS文件 并处理Pre标签
前言 代码高亮模块是搞网站、编程、前端等等经常会使用到的,那么怎么轻量化的自适应加载代码高亮呢?也就是包含Pre标签的页面会自动加载代码高亮的JS和CSS文件,并处理Pre标签进行高亮显示。而没有Pre标签的页面则不加载JS和CSS文件,也不进行任何处理。理论上合适任何WordPress主题,也适用于加载各种代码高亮文件。仅需 2 段代码即可实现本功能。 示例 //这是注释,仅使用 Pre 标签包 -
WordPress免插件纯代码配置SMTP邮箱功能
SMTP 邮箱是 wordpress 必备功能了,各种邮件通知、找回密码等,都要通过邮箱来搞~ 只需在 functions.php 文件种添加一下代码: //配置 SMTP public function btbat_mail_smtp($phpmailer) { $phpmailer->From = ""; //发件人地址 xxx@qq.com $phpmailer->FromName = ""; //发件人昵称 随便 $phpmailer->Host = "";; //SMTP 服务器地址 比如 smtp.qq.com $phpmailer -
【WordPress美化】 柒比贰(7b2)主题 评论区编辑器 添加随机文字签到按钮
这个方法基本和上面的方法差不多,具体效果请参阅:柒比贰(7b2)主题 评论区编辑器添加加粗、斜体、删除、快捷键回复等按钮 定位代码 效果如图,首先在 single.js 中,定位到 function grin(){}函数下方,添加 function addsign(){}函数,具体内容如下: 添加代码 其中在 signedtext 中,可以添加你喜欢的文字短句,这样每次点击签到按钮,会随机自动在评论框中添加文字。 -
【WordPress美化】 柒比贰(7b2)主题 评论区编辑器添加加粗、斜体、删除、快捷键回复等按钮
评论区添加加粗、斜体、居中、删除线按钮: 效果如图,首先在 single.js 中,定位到 function grin(){}函数下方,添加 function addedt(){}函数,具体内容如下: 然后定位到 var b2Comment = new Vue({...})中的 addSmile(val){}下方,添加如下代码: 最后到 comments.php 中,表情按钮之后添加如下代码,以显示按钮: 调用方法关键部分:@click="addEditor('内容 1','内容 2')", -
【WordPress美化】 柒比贰(7b2)主题 评论窗口放上面 及排序调整
柒比贰(7b2)主题的评论区窗口默认是在下方的,那么可以修改 comments.php, 这样排序就 OK 了。 另外评论分页数量、评论嵌套等也可在 wordpress 后台设置中 - 讨论中设置。 -
【WordPress美化】 柒比贰(7b2)主题 文章页添加 百度收录和编辑按钮
关于文章页样式及相关设置,可以先参考文章页添加评论锚点 直达评论区,和文章页分类标签处理, 百度收录代码: 首先在 functions.php 文件中添加如下代码: 然后在需要显示的位置,添加以下代码调用显示百度收录: 编辑按钮代码: 然后在需要显示的位置,添加以下代码调用文章编辑按钮,edit_post_link(...)会判断是否为管理员,且自动显示或隐藏。 -
【WordPress美化】 柒比贰(7b2)主题 文章页添加评论锚点 直达评论区
效果如图,也就是点击评论按钮,可以直达评论区,关键代码如下: 这里我启用的是 content-post-style-4.php 这个样式,可以参阅:柒比贰(7b2)主题 文章页分类标签处理, 然后,如上图添加或修改代码,onclick...就是点击事件,'comment-form'也就是评论区的位置,当然你也可以随意定位到那里,是不是很简单。 -
【WordPress美化】 柒比贰(7b2)主题 文章页分类标签处理
如图,默认模板的标签显示样式是在上面,且输出 N 个标签,有点占空间,且不美观,那么这里我希望它挪下来,且只显示一个分类标签, 它默认输出的是和文章列表页同样的标签,可以参考文章:柒比贰(7b2)主题 文章列表页 只显示一个分类。 首先,我启用的是模板中的第四种文章样式,然后定位到 B2 主题的\b2\Modules\Templates\Modules\Posts.php 文件中,定位到 function get_post_cats() -
【WordPress美化】 柒比贰(7b2)主题 摘要文字字数 及底部post_meta处理
柒比贰(7b2)主题默认主题,限制了 150 个摘要文字,并只显示 2 行,那么怎么解决这个问题呢? 首先,定位到 B2 主题的\b2\Modules\Templates\Modules\Posts.php 文件,大约 1000 行,找到 如图,默认是 150,数字可以根据需求修改。 然后,在 functions.php 文件中,添加如下代码: 其中,350 与上面的设置最好相同。 如果,还是被限制为 2 行,可能还需要修改 CSS 样式, 其中,-webkit- -
【WordPress美化】 柒比贰(7b2)主题 文章列表页 只显示一个分类
首先,在 B2 主题模块设置中,使用开启文章列表样式: 想要修改成如图的文章列表页的样式,那么就不需要输出 N 个分类,那么就需要修改以下几部分内容。 首先打开 B2 主题的\b2\Modules\Templates\Modules\Posts.php 文件,其中 public static function get_post_cats(){...}就是获取当前文章的所有分类的函数,那么就可以搞它了。 其中修改的关键代码如下: 然后根据需求加入 CSS 美化即 -
【番外篇】给你的爱机重装个系统,装机大法指南,Windows系统安装的方法,用WinPE装系统...(2) U盘启动盘制作
前言 经过上一篇文章的设置,我们了解到如何在开机的时候,选择启动盘来引导电脑的启动,如果你是个空盘,或者系统文件损坏的盘,会导致电脑无法正确读取信息而不想为你干活,所以,还是有必须要学习一下如何自己装系统,通常保持重装系统,也会让电脑焕发青春的。 综上所述,设置或选择好启动盘,电脑会检测引导分区,并读取引导文件,比如,在进入 Windows 系统之前,电脑是要读取到硬 -
【番外篇】给你的爱机重装个系统,装机大法指南,Windows系统安装的方法,用WinPE装系统...(1) 启动项设置
前言 说起装机,对于技术宅来说,基本没什么难度,当然对于小白来说也感觉头疼,不过好在微软放出了傻瓜式的 Windows10 装机工具 Media Creation Tool (点击了解详情),在电脑上插上 U 盘,按步骤一路撸,接着插入要装机的电脑上,启动电脑,设置 U 盘启动(看说明书,或者继续往下看),根据提示再一路撸下去,就装好了哈,非常简单,这种方法适合新机,装的是原版 Windows 系统,需要上网 -
【番外篇】低成本打造 自建家用NAS网络存储服务器、私有云盘、文件存储服务器、黑群晖 全流程攻略
前言 好吧,作为一名**射鸡师,肯定都会经历到的痛苦,就是也不知道啥时候,突然电脑硬盘空间告急,就拿我的个人电脑来说 3T 空间,好几个大分区都飘红了,借个图看起来大概像酱紫。 一翻硬盘,全都是各种软件、素材、资料、教程、小*片...而且年代已久,存放的杂乱无章,有用的没用的都怼在一起,反看起来也毫无头绪,非常蛋疼...而且这两个硬盘存了很多资料,跟随我也年代已久,也担心 -
22.【Mr.R出品】htmlayout的CSS BOX模型盒子 学习利器
基于很多童鞋对 CSS 模型盒子的难以入门,特此放送这个小工具给拿去玩! 特性: 支持 BOX 盒子编辑和实时预览; 支持 CSS2.1 & Htmlayout 全部样式; 支持 BOX 盒子源码编辑和实时预览; 更多功能等你来发现... 下载地址 -
20.htmlayout & Aardio 按钮事件实现方法总结(6)
import win.ui; import web.layout; //导入 layout import web.layout.behavior.windowCommand; mainForm = win.form(text="aardio 工程";right=359;bottom=669;border="none") mainForm.add() wbLayout = web.layout( mainForm //关键是在第二个参数里指定 _HL_HANDLE_METHOD_CALL 以捕获所有函数调用事件 ,0x80000000/*_HL_DISABLE_INITIALIZATION*/ | 0x200/*_HL_HANDLE_METHOD_CALL*/ -
19.htmlayout & Aardio 按钮事件实现方法总结(5)
import win.ui; import web.layout; //导入 layout import web.layout.behavior.windowCommand; import process; mainForm = win.form(text="aardio 工程";right=359;bottom=669;border="none") mainForm.add() wbLayout = web.layout( mainForm ) if( _STUDIO_INVOKED ){ //开启 layout 调试 import web.layout.debug; wbLayout.attachEventHandler( web.layout.debug ); } html = /** -
18.htmlayout & Aardio 按钮事件实现方法总结(4)
实例代码: import win.ui; import web.layout; //导入 layout import web.layout.behavior.windowCommand; import process; mainForm = win.form(text="aardio 工程";right=359;bottom=669;border="none") mainForm.add() wbLayout = web.layout( mainForm ) if( _STUDIO_INVOKED ){ //开启 layout 调试 import web.layout.debug; wbLayout.attachEventHandler( web.layout.debug ); } h -
17.htmlayout & Aardio 按钮事件实现方法总结(3)
import win.ui; import web.layout; //导入 layout import web.layout.behavior.windowCommand; import process; mainForm = win.form(text="aardio 工程";right=359;bottom=669;border="none") mainForm.add() wbLayout = web.layout( mainForm ) if( _STUDIO_INVOKED ){ //开启 layout 调试 import web.layout.debug; wbLayout.attachEventHandler( web.layout.debug ); } html = /** -
16.htmlayout & Aardio 按钮事件实现方法总结(2)
实例代码: import win.ui; import web.layout; //导入 layout import web.layout.behavior.windowCommand; import process; mainForm = win.form(text="aardio 工程";right=359;bottom=669;border="none") mainForm.add() wbLayout = web.layout( mainForm ) if( _STUDIO_INVOKED ){ //开启 layout 调试 import web.layout.debug; wbLayout.attachEventHandler( web.layout.debug ); } h -
15.htmlayout 实现skin换肤功能!
在 htmlayout 的 css 中支持自定义 CSS 常量,这给我们做界面设计带来了更多可能。 了解过 less 的童鞋,应该对 CSS 常量定义非常熟悉。 需求分析:更换皮肤一般是需要改变界面的颜色、图片、样式, 而在 htmlayout 中绝大部分内容都可以使用 css 来控制,非常酷! 步骤: 首先我们来建立一个 red.css,用来存储红色皮肤需要的样式: @const BGROUND: RED; //定义背景色 -
14.htmlayout CSS reset 一统界面样式
/*reset*/ html,body,h1,h2,h3,h4,h5,h6,div,dl,dt ,dd,ul,ol,li,p,blockquote,pre,hr,figure,table, caption,th,form,fieldset,legend, input,button,textarea,menu{margin: 0;padding: 0;outline: none;} header,footer,section,article,aside,nav,hgroup, address,figure,figcaption,menu,details{display: block;} table {border-collapse: collapse;border-spacing: 0;} c -
13.htmlayout 修改 file 控件按钮文字
/*文件选择 type=file-path*/ @set std-file-selector{ :root{width:214px;height:24px;line-height:24px;padding:0px;margin:0px;border:1px solid @mCtlborder;background: @mCtlbackground;color:@mText3;} :root > caption{padding:0px 0px 0px 24px;height:12px;foreground-repeat:no-repeat;foreground-position: 4px 50%;} :root:empty > caption {padding:0px 0px 0px 6px;
有新私信
私信列表
搜索
❯
幸运之星正在降临...
点击领取今天的签到奖励!
恭喜!您今天获得了{{mission.data.mission.credit}}积分
我的优惠劵
-
¥优惠劵使用时效:已经过期,无法使用使用时效:
之前
使用时效:永久有效优惠劵ID:×
没有优惠劵可用!