【WordPress美化】 代码高亮 适用于各种主题 根据页面自动加载代码高亮JS和CSS文件 并处理Pre标签

本文索引

前言

代码高亮模块是搞网站、编程、前端等等经常会使用到的,那么怎么轻量化的自适应加载代码高亮呢?也就是包含Pre标签的页面会自动加载代码高亮的JSCSS文件,并处理Pre标签进行高亮显示。而没有Pre标签的页面则不加载JSCSS文件,也不进行任何处理。理论上合适任何WordPress主题,也适用于加载各种代码高亮文件。仅需 2 段代码即可实现本功能。

示例

    //这是注释,仅使用 Pre 标签包裹
function Responsive($a) {
	if ($a == true) $("#Device").css("opacity", "100");
	if ($a == false) $("#Device").css("opacity", "0");
	$('#iframe-wrap').removeClass().addClass('full-width');
	$('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
	$(this).addClass('active');
	return false;
};

代码说明

隐藏内容,您需要满足以下条件方可查看
End
wordpress

Wordpress免插件纯代码配置SMTP邮箱功能

2019-4-25 20:08:25

wordpress

Swiper.JS 8.3 轮播图幻灯片插件使用记录

2022-9-8 7:46:10

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
有新私信 私信列表
搜索