如何在WordPress文章中插入代碼

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

目前創(chuàng)新互聯(lián)公司已為上千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、雅安服務(wù)器托管、網(wǎng)站托管、服務(wù)器租用、企業(yè)網(wǎng)站設(shè)計(jì)、濰城網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

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

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

段落中的代碼

有兩種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參考從日志中分離開的。它會(huì)看到 code標(biāo)簽，然后看到div，因此它就會(huì)在網(wǎng)頁中新建一個(gè)容器作為應(yīng)答。WordPress會(huì)認(rèn)為你實(shí)際上是在使用HTML標(biāo) 簽，不小心使用h1這樣的標(biāo)簽就能搞砸整個(gè)網(wǎng)頁布局和設(shè)計(jì)初衷。

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

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

查找 codediv class="header"/code

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

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

...在日志中使用

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

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

=

=

/ = /

] = ]

[ = [

" = "

' = '

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

使用PRE標(biāo)簽

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

pre標(biāo)簽指示瀏覽器使用等寬的代碼字體，并完完全全地將 pre標(biāo)簽內(nèi)的內(nèi)容復(fù)制下來。每個(gè)空格，分行，以及代碼都被完整地復(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á)到目的。后文將給出解決外觀問題的例子。它會(huì)將代碼原原本本地展示出來。

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

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)簽可沒那么容易決定下來的。

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

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

代碼的疑難排解

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

代碼中的引號(hào)

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

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

p class="red"

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

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

默認(rèn)情況下，使用 pre和 code會(huì)將文本顯示為等寬樣式的字體，并使用body標(biāo)簽的字號(hào)。如果你想使用不同的字號(hà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將會(huì)是上面的樣子，而使用pre則會(huì)是如下形式：

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ái)文章編輯框添加按鈕，可以通過下面的代碼實(shí)現(xiàn) 。把這個(gè)代碼放到主題functions.php文件里。

//增強(qiáng)編輯器開始 ，將代碼放到function.php文件中

function add_editor_buttons($buttons) {

$buttons[] = 'fontselect';

$buttons[] = 'fontsizeselect';

$buttons[] = 'outdent';

$buttons[] = 'indent';

$buttons[] = 'copy';

$buttons[] = 'paste';

$buttons[] = 'cut';

$buttons[] = 'backcolor';

return $buttons;

}

add_filter("mce_buttons_3", "add_editor_buttons");

具體添加哪些按鈕，可參照下面這些。wordpress編輯器按鈕調(diào)用的Key：

1.剪切（cut）復(fù)制（copy）粘貼（paste）撤銷（undo）重做（redo）居中（justifycenter）

2.加粗（bold）斜體（italic）左對(duì)齊（justifyleft）右對(duì)齊（justfyright）

3.兩端對(duì)齊（justfyfull）插入超鏈接（link）取消超鏈接（unlink）插入圖片（image）

4.清除格式（removeformat）下劃線（underline）刪除線（strikethrough）

5.錨文本（anchor）新建文本（newdocument）

6.字體顏色（forecolor）字體背景色（backcolor）

7.格式選擇（formmatselect）字體選擇（fontselect）字號(hào)選擇（fontsizeselect）

8.樣式選擇（styleselect）無序列表（bullist）編號(hào)列表（numlist）

9.減少縮進(jìn)（outdent）縮進(jìn)（indent）幫助（wp_help）

10打開HTML代碼編輯器（code）水平線（hr）清除冗余代碼（cleanup）

11.上標(biāo)（sub）下標(biāo)（sup）特殊符號(hào)（charmap）插入more標(biāo)簽（wp_more）

12.插入分頁標(biāo)簽（wp_page）

13.隱藏按鈕顯示開關(guān)（wp_adv）

14.隱藏按鈕區(qū)起始部分（wp_adv_start）

15.隱藏按鈕區(qū)結(jié)束部分（wp_adv_end）

16.拼寫檢查（spellchecker）

wordpress 源代碼中內(nèi)嵌了一些無法訪問的url拖累訪問速度

數(shù)據(jù)庫也是影響 WordPress 運(yùn)行速度重要的因素之一，頻繁調(diào)用、查詢數(shù)據(jù)庫會(huì)拖累網(wǎng)站整體的加載速度。今天大挖結(jié)合自己的實(shí)踐操作來

優(yōu)化一些 WordPress 數(shù)據(jù)庫不必要的查詢次數(shù)。希望可以幫助到大家有效提升博客的速度。

先給大家分享一段可以在wordpress主題底部顯示當(dāng)前運(yùn)行時(shí) WordPress 數(shù)據(jù)庫查詢次數(shù)和內(nèi)存使用情況的代碼：

1

2

3

4

5

6

7

8

9

10

//顯示數(shù)據(jù)庫查詢次數(shù)、查詢時(shí)間及內(nèi)存占用的代碼

function performance( $visible = false ) {

$stat = sprintf( '%d 次查詢 用時(shí) %.3f 秒, 耗費(fèi)了 %.2fMB 內(nèi)存',

get_num_queries(),

timer_stop( 0, 3 ),

memory_get_peak_usage() / 1024 / 1024

);

echo $visible ? $stat : "" ;

}

add_action( 'wp_footer', 'performance', 20 );

上面的代碼，直接放到主題function.php里即可。

優(yōu)化WordPress 數(shù)據(jù)庫查詢：首先需要在 WordPress 的wp-config.php里進(jìn)行優(yōu)化操作，具體配置如下：

1

2

3

4

5

6

7

8

9

10

11

12

define('COOKIE_DOMAIN', '');

//設(shè)置地址而不是服務(wù)器檢查,這將減少服務(wù)器查詢

define('WP_HOME', '');

define('WP_SITEURL', '');

//優(yōu)化文章修改歷史：Post-Revisioning

define('AUTOSAVE_INTERVAL', 120);// 修改WordPress 編輯器自動(dòng)保存時(shí)間間隔為120秒保存一次

define('WP_POST_REVISIONS', 5);//僅保留保留5個(gè)最近修改，也可以減小此數(shù)字，但不能太低了

define('EMPTY_TRASH_DAYS', 7 );//7天后自動(dòng)清空回收站，這個(gè)自己根據(jù)情況設(shè)定

define( 'CORE_UPGRADE_SKIP_NEW_BUNDLED', true );//更新時(shí)跳過 wp-content 目錄，增加更新效率

//通過剔除對(duì)模板路徑和樣式表路徑的數(shù)據(jù)庫查詢，這樣可提高站點(diǎn)的性能。

define('TEMPLATEPATH', '/wp-content/themes/wa');

define('STYLESHEETPATH', '/wp-content/themes/wa');

如果你沒有使用緩存插件，開啟WP自帶的緩存(Cache)功能,并設(shè)置緩存時(shí)間，是非常必要的事情。

1

2

3

define('WP_CACHE, true); // 打開 WordPress 自帶的緩存功能

define('ENABLE_CACHE', true); // 緩存開關(guān)

define('CACHE_EXPIRATION_TIME', 3600); // 緩存時(shí)間間隔

注：3.0后版本要開始緩存在/wp-includes/default-constants.php中開啟，切記哦！

wordpress程序自身會(huì)經(jīng)常向wordpress.com的服務(wù)器發(fā)送請(qǐng)求傳送數(shù)據(jù)，我們可以通過設(shè)置wp-config.php來屏蔽此類外部請(qǐng)求的發(fā)送，在wp-config.php添加如下代碼：

1

2

//禁止WordPress程序發(fā)出對(duì)外請(qǐng)求

define('WP_HTTP_BLOCK_EXTERNAL', true);

值得注意的是我們?cè)诩尤胍陨洗a后你的網(wǎng)站將無法對(duì)任何一個(gè)外部服務(wù)器發(fā)出請(qǐng)求，如果站長朋友們?yōu)榱思铀?a href="http://chinadenli.net/shoulu/" target="_blank">網(wǎng)站收錄使用了ping功能，加上以上代碼后ping功能將會(huì)失效。解決方法：我們可以設(shè)置對(duì)外請(qǐng)求白名單即可解決ping失效問題，代碼如下：（以百度ping為例）

1

define('WP_ACCESSIBLE_HOSTS', 'ping.baidu.com');//僅允許 WordPress 向ping.baidu.com發(fā)送請(qǐng)求

通過 WordPress 的wp-config.php配置完后大家 可以用本文開頭分享的代碼在源代碼里查看和對(duì)比一下是不是數(shù)據(jù)庫查詢次數(shù)和內(nèi)存使用量有所改善。還有就是要養(yǎng)成提前備份的好習(xí)慣，否則后果自負(fù)了！

wordpress 主頁顯示摘要代碼要怎么改呢

方法一：修改WordPress文件。

優(yōu)點(diǎn)：操作簡單。

缺點(diǎn)：博客升級(jí)后會(huì)失效，需重新修改。

找到WorsPress目錄wp－includes下formating.php文件，查找unction wp_trim_excerpt($text)函數(shù)，再找到excerpt_length，默認(rèn)值是55，修改成需要的值即可。

方法二：自定義函數(shù)，修改主題function.php文件。（樓主推薦）

優(yōu)點(diǎn)：一勞永逸。

缺點(diǎn)：換主題后需要重新設(shè)置。

The_excerpt()在Wordpress中，默認(rèn)是截取55個(gè)英文單詞的，但是在中文中卻是無法截取到55個(gè)漢字。原因是因?yàn)樵趙ordpress的the_excerpt()函數(shù)中用到了

1

$text = implode(' ', $words);

在php中是用空格來截取字?jǐn)?shù)的，而我們漢字就杯具了，因?yàn)槲覀儩h字是相連的，沒有空格來區(qū)分，所以在使用中文的時(shí)候，經(jīng)常地我們使用the_excerpt()函數(shù)的時(shí)候，截取出來的結(jié)果是全文！

對(duì)于這個(gè)情況我們可以用PHP函數(shù)mb_substr去解決。

所以在Wordpress中可以打開主題中的funtions.php，加入下面的代碼：

1

2

3

4

5

function chinese_excerpt($text, $lenth=100) {

$text = mb_substr($text,0, $lenth);

return $text;

}

add_filter('the_excerpt', ' chinese_excerpt ');

我這里設(shè)置默認(rèn)的截取長度是100個(gè)字符，50個(gè)漢字。可以在上面的代碼中的$lenth=100設(shè)定為任意的截取長度。

或者直接使用中文截取法，加入如下代碼

1

2

3

4

5

function custom_excerpt_length( $length ) {

return 200;

}

add_filter( 'excerpt_length', 'custom_excerpt_length', 999 );

200為字?jǐn)?shù)，可以修改為自己的值。

需要安裝服務(wù)器打開php mb_string擴(kuò)展。

1、安裝php-mbstrin擴(kuò)展，終端執(zhí)行。

sudo yum install php-mbstring。

2、切換root用戶。

sudo -s

3、修改php.ini，終端執(zhí)行。

echo 'extension=mbstring.so' /etc/php.ini

4、重啟web服務(wù)器。

apache:

sudo service httpd restart

nginx:

sudo service nginx reload

本文題目：wordpress代碼 wordpress代碼高亮
鏈接分享：http://chinadenli.net/article42/ddocchc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、建站公司、移動(dòng)網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)、做網(wǎng)站、網(wǎng)站營銷

廣告

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