如何在Wordpress中添加一段代碼

第一步：首先從網(wǎng)上下載出WordPress的插件Wp-syntax。

在科爾沁右翼中等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作 網(wǎng)站設(shè)計(jì)制作按需定制開發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),網(wǎng)絡(luò)營銷推廣,外貿(mào)網(wǎng)站建設(shè),科爾沁右翼中網(wǎng)站建設(shè)費(fèi)用合理。

第二步：在編輯文章時，使用HTML的編輯方式插入以下代碼pre lang=”LANGUAGE” line=”0″//“l(fā)ine為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

如何在WordPress文章中插入代碼

無論你是為WordPress寫插件或hack，還是添加有關(guān)WordPress的代碼片段或其他如HTML，CSS，PHP或javascript的編程代碼，如何讓插入于日志中的代碼有其形而不發(fā)生作用對寫博客的用戶來說是常常遇到的攔路虎。

默認(rèn)情況下，WordPress會將和自動轉(zhuǎn)換為和，在發(fā)表后看起來就是和。如果它發(fā)現(xiàn)日志中使用了HTML標(biāo)簽，就會將其當(dāng)作HTML標(biāo)簽來使用，結(jié)果你的文本看起來就很怪異，布局也會弄得一團(tuán)糟。

網(wǎng)頁中代碼的使用有兩個方面。在段落中使用代碼表示正在討論該段代碼，然后是被高亮顯示的代碼。

段落中的代碼

有兩種HTML標(biāo)簽可以將文本轉(zhuǎn)為等寬樣式，即 code和 tt。而后者現(xiàn)今已基本不使用了，取代它的是用處更大且更富語法意義的 code，它能將計(jì)算機(jī)代碼類的文本與一般語言分辨開來。

此為用于某段落內(nèi)的代碼示例

用以描述WordPress中的 codeindex.php/code,

codesidebar.php/code及 codeheader.php/code

模板文件。如果你希望在文字周圍使用標(biāo)簽以使它們看起來如代碼一般，此方法就很有用，但如果你想展示如HTML的標(biāo)簽的話該如何是好呢？

在 codeheader.php/code模板文件中， 查找 code div class="header"/code 部分以修改 code h1/code標(biāo)題欄。使用 code標(biāo)簽是無法告知WordPress將HTML參考從日志中分離開的。它會看到 code標(biāo)簽，然后看到div，因此它就會在網(wǎng)頁中新建一個容器作為應(yīng)答。WordPress會認(rèn)為你實(shí)際上是在使用HTML標(biāo) 簽，不小心使用h1這樣的標(biāo)簽就能搞砸整個網(wǎng)頁布局和設(shè)計(jì)初衷。

若要讓W(xué)ordPress將此識別為段落中的代碼的話，可以使用字符實(shí)體或擴(kuò)展字符來表示其前后的左右箭頭。

在 codeheader.php/code模板文件中，

查找 codediv class="header"/code

部分以修改h1標(biāo)題欄。

默認(rèn)情況下，WordPress會將任何以http:開頭的文本轉(zhuǎn)換為鏈接。如果你要為WordPress網(wǎng)站內(nèi)特定文章做鏈接，而不使用 并將其轉(zhuǎn)為鏈接的話，你可以使用擴(kuò)展字符來代替右斜杠，這樣一來WordPress就不會“看到”該鏈接了。

...在日志中使用

使用鏈接到某特定的WordPress日志....

以下列出一些最常用的HTML字符實(shí)體：

=

=

/ = /

] = ]

[ = [

" = "

' = '

后文給出了相關(guān)資源，它將幫助你將HTML標(biāo)簽轉(zhuǎn)為字符實(shí)體，因此你就無需勞神背下這些字符代碼了。

使用PRE標(biāo)簽

要使得代碼可以被復(fù)制粘貼到其他代碼或模板文件中的話，可以使用 pre這個HTML標(biāo)簽。

pre標(biāo)簽指示瀏覽器使用等寬的代碼字體，并完完全全地將 pre標(biāo)簽內(nèi)的內(nèi)容復(fù)制下來。每個空格，分行，以及代碼都被完整地復(fù)制一遍。

h3Section Three Title/h3

pThis is the start of a

a title="article on relationships" href="goodtalk.php"

good relationship/a between you and I....

使用 pre標(biāo)簽看起來并不美觀，但卻能達(dá)到目的。后文將給出解決外觀問題的例子。它會將代碼原原本本地展示出來。

我們這里說原原本本，事實(shí)也是如此。如果你的代碼行非常長，它就會伸到頁面外面去，因?yàn)椴o任何指示告知它進(jìn)行換行。以下給出一個例子：

h3Section Three Title/h3

pThis 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....

看起來很不舒服吧。要避免這種代碼竄出屏幕的現(xiàn)象，就要進(jìn)行分段。但在哪進(jìn)行分段并放入段行標(biāo)簽可沒那么容易決定下來的。

如果你熟悉編程語言的話，就知道在何處斷行而不會弄砸一行代碼。但如果你不知道在何處斷行的話，就進(jìn)行實(shí)驗(yàn)吧。將代碼寫入后，進(jìn)行斷行并進(jìn)行測試。如果代碼能夠起效的話，就是要這種斷行形式。否則的話就請嘗試其他的斷行位置。

如果你的代碼行很長，可以考慮只顯示一小部分代碼，然后在網(wǎng)站上的文本或PHP文件中給出完整代碼段的鏈接，也可以使用用于臨時展示代碼的在線pastebin。

代碼的疑難排解

在WordPress日志中寫代碼可謂一項(xiàng)挑戰(zhàn)，它會覆蓋WordPress的默認(rèn)風(fēng)格。如果你在日志中寫代碼時遇上麻煩的話，下面這些內(nèi)容可能會對你有幫助。

代碼中的引號

在日志中寫進(jìn)代碼時常遇到的問題是，WordPress會將代碼中的直引號轉(zhuǎn)換為文字處理程序中出現(xiàn)的彎引號。用于實(shí)現(xiàn)功能的代碼不應(yīng)當(dāng)具有這種彎引號，而應(yīng)該保持原有的直引號。

你可以使用 pre標(biāo)簽來避免出現(xiàn)這種情況，或使用字符代碼來表示引號也可以解決此問題：

p class="red"

即可寫為 p class="red" 但如果你是在首次發(fā)布某頁面之后進(jìn)行編輯的話，html代碼編輯器就會用自帶的符號替換所有的實(shí)體。因此，如果你使用" 來表示引號的話，它們會變?yōu)?，而當(dāng)你保存的時候它們就會被轉(zhuǎn)換掉。

定制代碼標(biāo)簽的風(fēng)格

默認(rèn)情況下，使用 pre和 code會將文本顯示為等寬樣式的字體，并使用body標(biāo)簽的字號。如果你想使用不同的字號，然后讓這些標(biāo)簽呈現(xiàn)出不同的顏色或風(fēng)格。

在WordPress外觀主題文件夾的style.css風(fēng)格頁中，為這兩類標(biāo)簽添加風(fēng)格。舉例如下：

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中添加一段代碼

具體方法如下：

首先確定要添加的代碼是要添加到那個文件里面？比如添加一段統(tǒng)計(jì)代碼，就是直接添加到網(wǎng)站頭部文件里面就可以

其次找到位置，最快的方法是按下鍵盤上的f12，點(diǎn)擊左下角的一個箭頭，就可以定位了

找到主題文件夾中的模板文件中找到定位的代碼，將要需要添加的代碼粘貼上去就可以

保存文件，在到你的網(wǎng)站進(jìn)行刷新就ok，可以看到效果了

分享名稱：代碼在wordpress 代碼在word中怎么顯示的好看
標(biāo)題網(wǎng)址：http://jinyejixie.com/article32/dopcipc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、品牌網(wǎng)站設(shè)計(jì)、虛擬主機(jī)、網(wǎng)站設(shè)計(jì)公司、商城網(wǎng)站、全網(wǎng)營銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)