如何在WordPress文章中插入代码

如何在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

可以用这里放要插入的代码
想要语法高亮效果的可以使用插件

无论你是为WordPress写插件或hack，还是添加有关WordPress的代码片段或其他如HTML，CSS，PHP或javascript的编程代码，如何让插入于日志中的代码有其形而不发生作用对写博客的用户来说是常常遇到的拦路虎。
默认情况下，WordPress会将<和>自动转换为<和>，在发表后看起来就是<和>。如果它发现日志中使用了HTML标签，就会将其当作HTML标签来使用，结果你的文本看起来就很怪异，布局也会弄得一团糟。
网页中代码的使用有两个方面。在段落中使用代码表示正在讨论该段代码，然后是被高亮显示的代码。
段落中的代码
有两种HTML标签可以将文本转为等宽样式，即< code>和< tt>。而后者现今已基本不使用了，取代它的是用处更大且更富语法意义的< code>，它能将计算机代码类的文本与一般语言分辨开来。
此为用于某段落内的代码示例
用以描述WordPress中的< code>index.php</code>,
< code>sidebar.php</code>及< code>header.php</code>

模板文件。如果你希望在文字周围使用标签以使它们看起来如代码一般，此方法就很有用，但如果你想展示如HTML的标签的话该如何是好呢？
在< code>header.php</code>模板文件中， 查找< code>< div class="header"></code> 部分以修改< code>< h1></code>标题栏。使用< code>标签是无法告知WordPress将HTML参考从日志中分离开的。它会看到< code>标签，然后看到div，因此它就会在网页中新建一个容器作为应答。WordPress会认为你实际上是在使用HTML标 签，不小心使用h1这样的标签就能搞砸整个网页布局和设计初衷。

若要让WordPress将此识别为段落中的代码的话，可以使用字符实体或扩展字符来表示其前后的左右箭头。
在< code>header.php</code>模板文件中，
查找< code><div class="header"></code>
部分以修改<h1>标题栏。

默认情况下，WordPress会将任何以http:开头的文本转换为链接。如果你要为WordPress网站内特定文章做链接，而不使用http://example.com/index.php?p=453 并将其转为链接的话，你可以使用扩展字符来代替右斜杠，这样一来WordPress就不会“看到”该链接了。
...在日志中使用
http://example.com/index.php?p=453
使用链接到某特定的WordPress日志....

以下列出一些最常用的HTML字符实体：
< = <
> = >
/ = /
] = ]
[ = [
" = "
' = '

后文给出了相关资源，它将帮助你将HTML标签转为字符实体，因此你就无需劳神背下这些字符代码了。
使用PRE标签
要使得代码可以被复制粘贴到其他代码或模板文件中的话，可以使用< pre>这个HTML标签。
< pre>标签指示浏览器使用等宽的代码字体，并完完全全地将< pre>标签内的内容复制下来。每个空格，分行，以及代码都被完整地复制一遍。
< h3>Section Three Title</h3>
< p>This is the start of a
<a title="article on relationships" href="goodtalk.php">
good relationship</a> between you and I....

使用< pre>标签看起来并不美观，但却能达到目的。后文将给出解决外观问题的例子。它会将代码原原本本地展示出来。
我们这里说原原本本，事实也是如此。如果你的代码行非常长，它就会伸到页面外面去，因为并无任何指示告知它进行换行。以下给出一个例子：
< h3>Section Three Title</h3>
< p>This is the start of a <a title="article on relationships" href="goodtalk.php">good relationship</a>
between you and I and I think you should read it because it is important that
we have these little <a title="article on communication" href="communication.php">conversations</a>
once in a while to let each other know how we feel....

看起来很不舒服吧。要避免这种代码窜出屏幕的现象，就要进行分段。但在哪进行分段并放入段行标签可没那么容易决定下来的。
如果你熟悉编程语言的话，就知道在何处断行而不会弄砸一行代码。但如果你不知道在何处断行的话，就进行实验吧。将代码写入后，进行断行并进行测试。如果代码能够起效的话，就是要这种断行形式。否则的话就请尝试其他的断行位置。
如果你的代码行很长，可以考虑只显示一小部分代码，然后在网站上的文本或PHP文件中给出完整代码段的链接，也可以使用用于临时展示代码的在线pastebin。
代码的疑难排解
在WordPress日志中写代码可谓一项挑战，它会覆盖WordPress的默认风格。如果你在日志中写代码时遇上麻烦的话，下面这些内容可能会对你有帮助。
代码中的引号
在日志中写进代码时常遇到的问题是，WordPress会将代码中的直引号转换为文字处理程序中出现的弯引号。用于实现功能的代码不应当具有这种弯引号，而应该保持原有的直引号。
你可以使用< pre>标签来避免出现这种情况，或使用字符代码来表示引号也可以解决此问题：
< p class="red">

即可写为 <p class="red"> 但如果你是在首次发布某页面之后进行编辑的话，html代码编辑器就会用自带的符号替换所有的实体。因此，如果你使用" 来表示引号的话，它们会变为"，而当你保存的时候它们就会被转换掉。
定制代码标签的风格
默认情况下，使用< pre>和< code>会将文本显示为等宽样式的字体，并使用body标签的字号。如果你想使用不同的字号，然后让这些标签呈现出不同的颜色或风格。
在WordPress外观主题文件夹的style.css风格页中，为这两类标签添加风格。举例如下：
pre{border: solid 1px blue;
font-size: 1.3 em;
color: blue;
margin: 10px;
padding:10px;
background: #FFFFB3}
code{font-size:1.2em;
color: #008099}

使用< code>将会是上面的样子，而使用pre则会是如下形式：
pre{border: solid 1px blue;
font-size: 1.3 em;
color: blue;
margin: 10px;
padding:10px;
background: #FFFFB3}
code{font-size:1.2em;
color: #008099}

第一步：首先从网上下载出WordPress的插件Wp-syntax。
第二步：在编辑文章时，使用HTML的编辑方式插入以下代码<pre lang=”LANGUAGE” line=”0″>//“line为1时表示显示行号”</pre>，中间插入要插入的代码即可，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

这个需要你安装一个插件：
WP-CodeBox

---

二道江区17394312502： 如何在WordPress文章中插入代码 - ？
华福晋新： 第一步:首先从网上下载出WordPress的插件Wp-syntax. 第二步:在编辑文章时,使用HTML的编辑方式插入以下代码//“line为1时表示显示行号”,中间插入要插入的代码即可,LANGUAGE改为语言类型,例如php、java.line为0不显示行号,为1时显示.

二道江区17394312502： 如何在WordPress文章中插入广告 - ？
华福晋新： 1. 在Wordpress文章内容顶部加广告:打开主题目录下的single.php,找到<?php the_content(); ?代码所在的地方.在<?php the_content(); ?上面加上广告代码即可,示例:<div style=padding:0px 10pxAD</div2.在Wordpress文章内...

二道江区17394312502： 如何在Wordpress文章中插入表格 - ？
华福晋新： 1首先去wordpress官网下载或者直接登陆WP后台:插件》安装插件》在搜索框中输入websimon-tables,搜索到该插件》立即安装》启用.2设置表格属性和内容:在控制面板“工具”中找到websimon tables,然后设置行列、已经表格内容,如下图所示,可以设置好表格的内容和表格样式.3插入表格到文章内容:把设置好的表格,如上图所示找到对应的(shortcode)简码,直接复制插入到文章编辑器中,就完成了表格的插入.4测试效果 其它方法:(1)使用修改wordpress的css样式来实现,不过这个工程浩大,本人觉得没那个必要.(2)使用WP-Table Reloaded表格管理插件,这个也可以实现,但是效果不是很好.

二道江区17394312502： wordpress文中插入视频怎么实现 - ？
华福晋新： 具体方法如下:1、在文章编辑界面切换为html格式;2、获取视频swf的网页链接,如图我们在一些视频平台找到属于视频的网页html并复制到黏贴板当中待用;3、之后回到直接切换为html的文章编辑页面,将复制的链接直接插入到我们的内容编辑页面当中点击可视化稍微预览一,出现如图2的框框即可发布之后发表即可实现给文章添加多媒体视频;

二道江区17394312502： 如何在wordpress中插入视频 - ？
华福晋新： 1、首先在找到一个要插入中的视频,找到之后,点击进入播放页面2、在“转发到”后面有一个向下的箭头,会出现下图的界面:3、复制html代码,将复制的代码粘贴到文章中,回到前台,就可以点击播放.

二道江区17394312502： 如何利用wordpress插件在文章中插入高亮代码 - ？
华福晋新： 一直以来在wordpress发布文章的时候不管代码的显示格式,都是按普通的文章本格式来发布的,但后来 发现这样的发布使得代码非常之不美观,又不方便阅读,这样对用户的体验非常不好,所以在网上找了 一些解决代码在文章中高亮显示的方...

二道江区17394312502： 请问如何用Wordpress程序在文章中添加继续阅读按钮 - ？
华福晋新： 在写文章的界面里面,上面有个编辑菜单,可以插入继续阅读按钮的,自己可以选择合适的位置插入 查看原帖>>

二道江区17394312502： 如何在WordPress中插入音乐播放器 - ？
华福晋新： 方法1、插件这是公认最基础最简单的方法.但由于更新等原因,可能安装后插件不能正常使用.我现在使用的是WordPress4.7版,推荐插件Hermit. 使用方法1 选择音乐库,上传本地音乐文件. 使用方法2 在文章页插入音乐 END 方法二、...

二道江区17394312502： 如何在WordPress文章或页面中加入Tab标签页 - ？
华福晋新： 第一步:安装插件; 首先我们要安装并启用“Tabs Shortcode and Widget”插件.该插件安装启用后直接可以使用,不需任何设置. 第二步:设置标签页; 新建文章或页面,或者是编辑现有文章或页面,在编辑栏上方你会发现多了一个按钮;...

二道江区17394312502： 如何在WordPress的每篇文章底部添加自定义内容 - ？
华福晋新： 1、首先找到向所有文章底部添加自定义内容的代码 复制以下代码://在所有文章底部添加自定义内容 function add_after_post_content($content) { if(!is_feed() && !is_home() && is_singular() && is_main_query()) {$content .= '你需要添加的自定义...