最新公告

    欢迎您光临模板社,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们

  • 文章介绍
  • 评价建议
  • 插件介绍

    Pure-Highlightjs一个基于Highlightjs实现的WordPress代码高亮插件,此次分享的是仿mac风格代码块,支持代码一键全选、复制功能,满足用户所需,支持 N 多种语言高亮,还提供多种主题兼容适配。支持在 WordPress 可视化编辑模式下插入代码。

    插件优势

    Pure Highlightjs 这个插件经过精简目前只有0.5 MB,非常小巧,基本不会给网站加载带来多余的负载。

    插件演示

    //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 = "<a href="$link" title="".str_replace('%s',addcslashes($cleankeyword, '$'),__('更多关于 %s 的文章')).""";
    			$url .= ' target="_blank"';
    			$url .= ">".addcslashes($cleankeyword, '$')."</a>";
    			$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 . ')(?!(([^<>]*?)>)|([^>]*?</a>))'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);
    

    教程开始

    进入 WordPress 后台管理页面, 插件 > 安装插件 > 上传插件 ,上传刚才下载的 ZIP 文件,然后安装。

    或者解压安装包,上传到插件目录 /wp-content/plugins/

    1、启用

    安装完毕后,在已经安装的插件里启用 “Pure Highlightjs”

    2、编辑器可视化插入代码

    WordPress添加MAC风格代码高亮显示插件插图

    3、Pure Highlightjs 后台进入设置选项

    WordPress添加MAC风格代码高亮显示插件插图(2)

    4、Pure Highlightjs 选择代码高亮样式“Coy”

    WordPress添加MAC风格代码高亮显示插件插图(4)

    5、日主题记得关闭下载插件中的代码高亮显示

    WordPress添加MAC风格代码高亮显示插件插图(6)

    1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!254905527@qq.com
    2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
    3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
    4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
    模板社 » WordPress添加MAC风格代码高亮显示插件

    发表评论