教程由来
提及wordpress代码高亮问题，我置信许多wordpress站长都非常的须要吧，特别是从小白升级为大神的阶段，博客里难免会涌现许多代码的纪录保留以作备忘，这个时刻就非常须要代码高亮的功用能够让我们贴出的代码雅观易于浏览，完成wordpress代码高亮的要领有许多，比方插件，百度一下，什么10大wordpress代码高亮插件、wordpress最壮大代码高亮插件的全出来了，小2不否定他们的壮大性！
然则再壮大不过也就是代码高亮罢了，碰见那些不常常贴代码的童靴来讲，装置这么一款壮大的插件又有些糟蹋的赶脚，那什么样的方法能够既轻易又玲珑还利于用户体验呢？
本日说的，就黑白插件wordpress代码高亮的完成！
CodeRender
我说出这个时刻，大神们就豁然开朗了，有种“小2你过来，我保证不打你”的激动，哈哈。。。对此我想说，大神，此贴不是写给你看的，求翻看其他内容。。。
这里简约的说下其寄义吧，意义就是让你们的主题加载一段css后，经由过程CodeRender生成出来的代码，贴进我们的wordpress博客后就能够立马显现出雅观的模样出来，比方：
如今CodeRender输出的款式类有许多，我们就拿最原始的css给人人，详细css的美化，人人能够自行修正，下载地点 → 传送门
下载文件后，解压获得highlightx.css文件，将其文件放到wordpress主题的根目录下，然后举行其css文件的挪用；
翻开wordpress主题文件夹下的header.php文件夹，在</head>前面到场
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/highlight.css" />
保留即可，固然人人也可将highlightx.css文件里的一切内容复制粘贴到你们wordpress主题的style.css文件的最下面。。。作用是一样的，离开文件挪用能够定义什么样的页面挪用什么样的款式，固然这是大神所相识的，小白们也不须要相识为何离开挪用会更好些。。。哈哈。。。。
那末如今你的主题就支撑CodeRender输出内容的款式显现了！
下面小2就供应个东西页面，能够直接输出代码的 → 传送门
经由过程这个东西，即可直接将代码转换为div的内容
将我们的代码复制进【输入源代码】后，挑选代码的言语，这里支撑的言语有:java/xml/sql/jscript/css/cpp/c#/python/vb/perl/php/ruby/delphi
然后点击转换，得出的html代码即为我们要复制贴进wordpress文章编辑里的，固然复制的时刻，wordpress最好是文本形式，非可视化形式！！！
到这里本教程应当悉数完毕了，然则另有个致命的问题发作，就是我们放进去的代码会被Wordpress自动把半角标记替换为全角，如许带来的问题就是，他人复制你的代码后，没法一般运用。。。操作要领就是找到我们主题文件的functions.php，翻开后在最下面贴上
//制止代码标点转换
remove_filter('the_content', 'wptexturize');
到这里，就悉数OK了，非插件wordpress代码高亮的完成就是这么简朴！教程至心简朴且小白也容易接受，请转载者说明出处！
评论列表