1.wordpress代码高亮用什么插件
WordPress有很多的代码高亮插件,但是效果和使用都不是很理想,后来也就找到了一款WP-Syntax的插件,感觉还是非常不错的。
但是由于WP-Syntax插件的默认样式有些怪异,所以可以使用一下css做一个美化 /* wp_syntax update:2016/04/12*/.wp_syntax { color:#100; background-color:#f9f9f9; border:1px solid #EBEBEB; margin:6px 0; overflow:auto;}.wp_syntax { overflow-x:auto; overflow-y:hidden; padding-bottom:expression(this.scrollWidth > this.offsetWidth ? 15:0); width:99%;}.wp_syntax table { border:none; border-collapse:collapse; margin:0; padding:0; width:100% !important}.wp_syntax caption { padding:2px; width:100%; background-color:#def; text-align:left; font-family:Monaco; font-size:13px; line-height:20px;}.wp_syntax caption a { color:#1982d1; text-align:left; font-family:Monaco; font-size:13px; line-height:20px; text-decoration:none;}.wp_syntax caption a:hover { color:#1982d1; text-decoration:underline;}.wp_syntax div,.wp_syntax td { border:none; text-align:left; padding:0; vertical-align:top;}.wp_syntax td.code { background:none; line-height:normal; white-space:normal; padding-left:10px;}.wp_syntax pre,.wp_syntax span { background:transparent; margin:0; padding:0; width:auto; float:none; clear:none; overflow:visible; font-family:Monaco; font-size:13px; line-height:26px; white-space:pre; font-family: Consolas, Monaco, 'Microsoft YaHei','WenQuanYi Micro Hei' ,'Lucida Console', monospace;}.wp_syntax td.line_numbers { width:36px}.wp_syntax td.line_numbers pre { border-right:3px solid #666; background-color:#E7E5DC; color:gray; padding:0 5px; text-align:right;}你也可以将上面的代码添加到你主题的 style.css 文件中,然后在 functions.php 中添加下面的代码,取消 WP-Syntax 加载的css文件,这样,即使你以后升级了插件,也能保留你自己的样式。 if ( has_action( 'wp_print_styles', 'wp_syntax_style' ) ) {remove_action( 'wp_print_styles', 'wp_syntax_style' );};这样就非常的好了。
以上代码参考资料: (版权归原作者所有)。
2.如何在WordPress文章中插入代码
首先从网上下载出WordPress的插件Wp-syntax。
在编辑文章时,使用HTML的编辑方式插入以下代码//“line为1时表示显示行号”
中间插入你的代码即可,LANGUAGE改为语言类型,例如php、java。line为0不显示行号,为1时显示
支持的语言如下:abap, actionscript, actionscript3, ada, apache, applescript, apt_sources, asm, asp, autoit, avisynth, bash, bf, bibtex, blitzbasic, bnf, boo, c, c_mac, caddcl, cadlisp, cil, cfdg, cfm, cmake, cobol, cpp-qt, cpp, csharp, css, d, dcs, delphi, diff, div, dos, dot, eiffel, email, erlang, fo, fortran, freebasic, genero, gettext, glsl, gml, bnuplot, groovy, haskell, hq9plus, html4strict, idl, ini, inno, intercal, io, java, java5, javascript, kixtart, klonec, klonecpp, latex, lisp, locobasic, lolcode lotusformulas, lotusscript, lscript, lsl2, lua, m68k, make, matlab, mirc, modula3, mpasm, mxml, mysql, nsis, oberon2, objc, ocaml-brief, ocaml, oobas, oracle11, oracle8, pascal, per, pic16, pixelbender, perl, php-brief, php, plsql, povray, powershell, progress, prolog, properties, providex, python, qbasic, rails, rebol, reg, robots, ruby, sas, scala, scheme, scilab, sdlbasic, smalltalk, smarty, sql, tcl, teraterm, text, thinbasic, tsql, typoscript, vb, vbnet, verilog, vhdl, vim, visualfoxpro, visualprolog, whitespace, whois, winbatch, xml, xorg_conf, xpp, z80
转载请注明出处51数据库 » wordpresswp-syntax
冰雨云