整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          PHP基礎(chǔ)知識(shí)講座:第2課,如何在HTML頁(yè)面中嵌入PHP代碼

          累點(diǎn)滴,匯成江海。咱們從最最基礎(chǔ)的PHP知識(shí)開(kāi)始學(xué)習(xí),一步一個(gè)腳印的開(kāi)啟PHP的學(xué)習(xí)旅途吧。

          請(qǐng)點(diǎn)擊右上角“關(guān)注”按鈕關(guān)注我們喲:跟著木辛老師學(xué)習(xí)PHP編程知識(shí),變身快樂(lè)的編程達(dá)人吧~

          同學(xué)們好呀!木辛老師又來(lái)了。

          咱們?cè)陂_(kāi)始PHP的學(xué)習(xí)之前,需要先準(zhǔn)備一個(gè)可以提供PHP服務(wù)的Web服務(wù)器。我們就復(fù)用木辛老師專欄中的一個(gè)教程,使用Homestead本地開(kāi)發(fā)環(huán)境進(jìn)行學(xué)習(xí)唄。

          傳送門:《Laravel第一課:搭建Laravel開(kāi)發(fā)環(huán)境》

          也可以關(guān)注木辛老師的Laravel專欄喲:

          大家配置好本地開(kāi)發(fā)環(huán)境以后,還需要稍微設(shè)置一下,針對(duì)這個(gè)項(xiàng)目,在Homestead配置文件中作如下設(shè)置,

          添加指向當(dāng)前項(xiàng)目根目錄的配置:

          sites:
           - map: learning_php.test to: /Code/zyoo/learning_php
           to: /Code/zyoo/learning_php
          

          另外還需要在本機(jī)hosts文件中添加一個(gè)域名指向:

          sudo vim /etc/hosts
          

          并添加如下記錄:

          192.168.10.10 learning_php.test
          

          最后,添加一個(gè)測(cè)試文件:

          php代碼

          然后,打開(kāi)瀏覽器,訪問(wèn)域名查看頁(yè)面結(jié)果

          執(zhí)行效果

          大家可以看到,我們已經(jīng)可以成功的訪問(wèn)到測(cè)試用的PHP文件了。

          好了,萬(wàn)事俱備,只需要學(xué)習(xí)了。那么,咱們開(kāi)始吧~

          創(chuàng)建示例應(yīng)用:木辛老師的圖書館

          幾乎絕大部分服務(wù)器端的腳本語(yǔ)言最初設(shè)計(jì)的應(yīng)用場(chǎng)景之一就是處理HTML表單。木辛老師要翻出家底,將自己最心愛(ài)的在線圖書商城,用來(lái)作為學(xué)習(xí)PHP基礎(chǔ)知識(shí)的場(chǎng)景吧。

          創(chuàng)建訂購(gòu)圖書用的訂單表單

          通過(guò)這個(gè)表單頁(yè)面,我們可以知道顧客訂購(gòu)的商品,訂單的金額以及其他一些附屬信息。HTML代碼請(qǐng)看下方:

          <html>
           <head>
           <title>木辛老師的PHP基礎(chǔ)入門教程</title>
           </head>
           <body>
           <form action="processorder.php" method="POST">
           <table style="border: 0px;">
           <tr style="background: #cccccc">
           <td style="width: 150px;text-align:center;">圖書名稱</td>
           <td style="width: 50px;text-align:center;">數(shù)量</td>
           </tr>
           <tr>
           <td>PHP入門指南</td>
           <td><input type="text" name=“book_name_01" size="3" maxlength="3"/></td>
           </tr>
           <tr>
           <td>PHP和MySQL開(kāi)發(fā)</td>
           <td><input type="text" name="book_name_02" size="3" maxlength="3"/></td>
           </tr>
           <tr>
           <td>Laravel入門</td>
           <td><input type="text" name="book_name_03" size="3" maxlength="3"/></td>
           </tr>
           <tr>
           <td colspan="2" style="text-align: center;">
           <input type="submit" value="提交訂單"/>
           </td>
           </tr>
           </table>
           </form>
           </body>
          </html>
          

          咱么直接通過(guò)瀏覽器訪問(wèn)這個(gè)HTML頁(yè)面,看看效果:

          頁(yè)面顯示

          哈,簡(jiǎn)單的頁(yè)面,我們已經(jīng)開(kāi)啟Web開(kāi)發(fā)神秘旅程了。繼續(xù)加油!

          大家可能注意到了一個(gè)細(xì)節(jié):在html代碼的form表單部分,action屬性我們指向了一個(gè)php腳本:

          <form action="processorder.php" method="POST”>
          

          具體的PHP腳本的學(xué)習(xí)我們很快就能看到。這里只是稍微提一下,這個(gè)action屬性值就是用戶點(diǎn)擊“提交訂單”按鈕時(shí)將要請(qǐng)求的URL。

          用戶在表單中輸入的數(shù)據(jù),會(huì)以POST的方式,發(fā)送給URL指向的PHP文件進(jìn)行處理。

          表單處理

          那如何處理這個(gè)表單呢?又如何讓PHP代碼起作用的?

          要處理這個(gè)表單,我們需要?jiǎng)?chuàng)建一個(gè)php文件,它的名字需要和form中action屬性的值保持一致。

          那么,我們就創(chuàng)建一個(gè)名字叫做processorder.php的文件吧。

          代碼可以先這么寫,看看是否能起作用哈:

          <html>
           <head>
           <title>訂單處理結(jié)果</title>
           </head>
           <body>
           <h1> 木辛老師的在線圖書館</h1>
           <h2> 訂單處理結(jié)果通知</h2>
           <?php echo '<p>訂單已處理完成</p>'; // 這里是PHP的代碼 ?>
           </body>
          </html>
          

          保持文件,并刷新頁(yè)面。這個(gè)時(shí)候我們點(diǎn)擊“提交訂單”按鈕,效果如下:

          php執(zhí)行結(jié)果

          大家可以看到,紅框部分就是通過(guò)PHP代碼輸出的結(jié)果。這樣,我們就實(shí)現(xiàn)了通過(guò)Web方式執(zhí)行了PHP代碼的需求,這么一看PHP還是非常簡(jiǎn)單的吧。

          我們順便在看看這個(gè)頁(yè)面的源代碼吧,看一下PHP代碼如何在HTML頁(yè)面中完成任務(wù)的吧:

          源代碼

          通過(guò)頁(yè)面源碼,我們發(fā)現(xiàn)剛才寫的PHP代碼已經(jīng)不見(jiàn)了,取而代之的是

          <p>訂單已處理完成</p>
          

          這是怎么回事呢?

          這是因?yàn)镻HP解釋器在腳本運(yùn)行的時(shí)候,將該腳本的輸出替代了腳本自身的代碼,通過(guò)這種方式,就可以生成可以在任何瀏覽器上運(yùn)行的HTML頁(yè)面了。也就是說(shuō),瀏覽器是不需要學(xué)會(huì)PHP的。

          通過(guò)這段代碼,我們可以學(xué)習(xí)一些PHP的基礎(chǔ)知識(shí):

          1. PHP標(biāo)記
          2. PHP語(yǔ)句
          3. 如何空格
          4. 添加注釋

          PHP標(biāo)記

          第一種情況:在HTML中混寫PHP和HTML代碼,需要為php添加標(biāo)記。PHP代碼會(huì)以“<?php”作為開(kāi)始,以“?>”作為結(jié)束。這些符號(hào)就叫做PHP標(biāo)記,它們主要用來(lái)告訴服務(wù)器PHP代碼的開(kāi)始和截止,在這兩個(gè)起止符號(hào)之間的任何代碼,服務(wù)器都會(huì)以PHP語(yǔ)法來(lái)解析。

          另一種情況:之后,我們寫純PHP的時(shí)候,每個(gè)文件也需要添加PHP標(biāo)記。不過(guò)呢,結(jié)束標(biāo)記可以省略,這也是很大一部分PHPer默認(rèn)遵守的規(guī)則。

          PHP語(yǔ)句

          在PHP的開(kāi)始和截止標(biāo)記之間,就是PHP語(yǔ)句了,通過(guò)這些內(nèi)容可以告訴PHP解釋器應(yīng)該進(jìn)行如何的操作,在我們這個(gè)例子里,通過(guò):

          echo '<p>訂單已處理完成</p>’;
          

          使用echo語(yǔ)句完成了一個(gè)非常簡(jiǎn)單的操作,僅是將echo后邊的字符串原樣打印到瀏覽器中。這里需要特別注意的一點(diǎn)就是每個(gè)PHP語(yǔ)句后邊都需要添加英文的分號(hào)作為語(yǔ)句的結(jié)束符,否則會(huì)出現(xiàn)錯(cuò)誤,但是在這個(gè)html頁(yè)面中,因?yàn)橹挥幸痪浯a,忽略掉分號(hào)也是不會(huì)報(bào)錯(cuò)的。

          但是還是強(qiáng)烈建議大家養(yǎng)成習(xí)慣:每句PHP代碼結(jié)束都要以分號(hào)結(jié)尾喲!

          空格

          一般情況下,為了讓代碼更加清晰和整潔,在編碼的過(guò)程中會(huì)添加一些空格,這些空格包括:回車換行、空格、制表符等都被認(rèn)為是空格。

          當(dāng)然了,瀏覽器并不會(huì)在意你是否輸入了空格,同樣的PHP服務(wù)器端解析器也會(huì)忽略這些,這些空格僅是給編寫代碼的人看的。

          但是,木辛老師還是再次強(qiáng)烈建議,在代碼的適當(dāng)位置添加空格或者空行,這樣做可以很有效的提升代碼的可閱讀性,方便后期的維護(hù)工作。

          注釋

          最后在講講注釋,理論上在編程中出現(xiàn)頻率非常高的一個(gè)知識(shí)點(diǎn)。

          為什么說(shuō)理論上呢,因?yàn)檫@么重要的一個(gè)要點(diǎn),在實(shí)際開(kāi)發(fā)中很容易被廣大開(kāi)發(fā)者忽略呢!

          由于種種原因吧,開(kāi)發(fā)者很不習(xí)慣在開(kāi)發(fā)過(guò)程中寫非常詳盡的注釋,而且有時(shí)候在Git提交時(shí)也是草草的一筆帶過(guò)。這樣做的后果就是,若干時(shí)間后,當(dāng)你再次拿到這段代碼,可能會(huì)花費(fèi)更多的時(shí)間梳理它。

          所以,善于寫注釋,也是提高生產(chǎn)效率的一種有效手段。

          PHP解釋器同樣會(huì)在執(zhí)行的時(shí)候忽略掉注釋,也就是說(shuō)就好比像空格一樣,PHP解析器會(huì)跳過(guò)注釋,它只負(fù)責(zé)執(zhí)行PHP代碼!

          PHP腳本中的注釋比較豐富,有很多類似C語(yǔ)言的風(fēng)格,比如:

          多行注釋:

          /* 這是
           一個(gè)
           多行
           注釋
          /*
          

          可以看出來(lái),多行注釋以 /*開(kāi)始,以*/結(jié)束。同樣的和C語(yǔ)言是一樣的,多行注釋是不能嵌套的。

          當(dāng)然了,除了多行注釋之外,也支持單行注釋:

          echo '<p>訂單已處理完成</p>'; // 這里是PHP的代碼
          

          或者這種:

          echo '<p>訂單已處理完成</p>’; #這里是PHP的代碼
          

          不論采取哪種風(fēng)格的注釋,在注釋符號(hào)之后的所有內(nèi)容,PHP解釋器都會(huì)認(rèn)識(shí)不需要處理的,這一點(diǎn)一定要注意呀!

          好了,今天的課程咱就先講到這里。

          小朋友們不要忘記關(guān)注我們喲 ,下期課程更精彩,請(qǐng)大家一起期待吧~

          快樂(lè)編程,快樂(lè)成長(zhǎng),拜拜!

          累點(diǎn)滴,匯成江海。咱們從最最基礎(chǔ)的PHP知識(shí)開(kāi)始學(xué)習(xí),一步一個(gè)腳印的開(kāi)啟PHP的學(xué)習(xí)旅途吧。

          請(qǐng)點(diǎn)擊右上角“關(guān)注”按鈕關(guān)注我們喲:跟著木辛老師學(xué)習(xí)PHP編程知識(shí),變身快樂(lè)的編程達(dá)人吧~

          同學(xué)們好呀!木辛老師又來(lái)了。

          咱們?cè)陂_(kāi)始PHP的學(xué)習(xí)之前,需要先準(zhǔn)備一個(gè)可以提供PHP服務(wù)的Web服務(wù)器。我們就復(fù)用木辛老師專欄中的一個(gè)教程,使用Homestead本地開(kāi)發(fā)環(huán)境進(jìn)行學(xué)習(xí)唄。

          傳送門:《Laravel第一課:搭建Laravel開(kāi)發(fā)環(huán)境》

          也可以關(guān)注木辛老師的Laravel專欄喲:

          大家配置好本地開(kāi)發(fā)環(huán)境以后,還需要稍微設(shè)置一下,針對(duì)這個(gè)項(xiàng)目,在Homestead配置文件中作如下設(shè)置,

          添加指向當(dāng)前項(xiàng)目根目錄的配置:

          sites:
           - map: learning_php.test to: /Code/zyoo/learning_php
           to: /Code/zyoo/learning_php
          

          另外還需要在本機(jī)hosts文件中添加一個(gè)域名指向:

          sudo vim /etc/hosts
          

          并添加如下記錄:

          192.168.10.10 learning_php.test
          

          最后,添加一個(gè)測(cè)試文件:

          php代碼

          然后,打開(kāi)瀏覽器,訪問(wèn)域名查看頁(yè)面結(jié)果

          執(zhí)行效果

          大家可以看到,我們已經(jīng)可以成功的訪問(wèn)到測(cè)試用的PHP文件了。

          好了,萬(wàn)事俱備,只需要學(xué)習(xí)了。那么,咱們開(kāi)始吧~

          創(chuàng)建示例應(yīng)用:木辛老師的圖書館

          幾乎絕大部分服務(wù)器端的腳本語(yǔ)言最初設(shè)計(jì)的應(yīng)用場(chǎng)景之一就是處理HTML表單。木辛老師要翻出家底,將自己最心愛(ài)的在線圖書商城,用來(lái)作為學(xué)習(xí)PHP基礎(chǔ)知識(shí)的場(chǎng)景吧。

          創(chuàng)建訂購(gòu)圖書用的訂單表單

          通過(guò)這個(gè)表單頁(yè)面,我們可以知道顧客訂購(gòu)的商品,訂單的金額以及其他一些附屬信息。HTML代碼請(qǐng)看下方:

          <html>
           <head>
           <title>木辛老師的PHP基礎(chǔ)入門教程</title>
           </head>
           <body>
           <form action="processorder.php" method="POST">
           <table style="border: 0px;">
           <tr style="background: #cccccc">
           <td style="width: 150px;text-align:center;">圖書名稱</td>
           <td style="width: 50px;text-align:center;">數(shù)量</td>
           </tr>
           <tr>
           <td>PHP入門指南</td>
           <td><input type="text" name=“book_name_01" size="3" maxlength="3"/></td>
           </tr>
           <tr>
           <td>PHP和MySQL開(kāi)發(fā)</td>
           <td><input type="text" name="book_name_02" size="3" maxlength="3"/></td>
           </tr>
           <tr>
           <td>Laravel入門</td>
           <td><input type="text" name="book_name_03" size="3" maxlength="3"/></td>
           </tr>
           <tr>
           <td colspan="2" style="text-align: center;">
           <input type="submit" value="提交訂單"/>
           </td>
           </tr>
           </table>
           </form>
           </body>
          </html>
          

          咱么直接通過(guò)瀏覽器訪問(wèn)這個(gè)HTML頁(yè)面,看看效果:

          頁(yè)面顯示

          哈,簡(jiǎn)單的頁(yè)面,我們已經(jīng)開(kāi)啟Web開(kāi)發(fā)神秘旅程了。繼續(xù)加油!

          大家可能注意到了一個(gè)細(xì)節(jié):在html代碼的form表單部分,action屬性我們指向了一個(gè)php腳本:

          <form action="processorder.php" method="POST”>
          

          具體的PHP腳本的學(xué)習(xí)我們很快就能看到。這里只是稍微提一下,這個(gè)action屬性值就是用戶點(diǎn)擊“提交訂單”按鈕時(shí)將要請(qǐng)求的URL。

          用戶在表單中輸入的數(shù)據(jù),會(huì)以POST的方式,發(fā)送給URL指向的PHP文件進(jìn)行處理。

          表單處理

          那如何處理這個(gè)表單呢?又如何讓PHP代碼起作用的?

          要處理這個(gè)表單,我們需要?jiǎng)?chuàng)建一個(gè)php文件,它的名字需要和form中action屬性的值保持一致。

          那么,我們就創(chuàng)建一個(gè)名字叫做processorder.php的文件吧。

          代碼可以先這么寫,看看是否能起作用哈:

          <html>
           <head>
           <title>訂單處理結(jié)果</title>
           </head>
           <body>
           <h1> 木辛老師的在線圖書館</h1>
           <h2> 訂單處理結(jié)果通知</h2>
           <?php echo '<p>訂單已處理完成</p>'; // 這里是PHP的代碼 ?>
           </body>
          </html>
          

          保持文件,并刷新頁(yè)面。這個(gè)時(shí)候我們點(diǎn)擊“提交訂單”按鈕,效果如下:

          php執(zhí)行結(jié)果

          大家可以看到,紅框部分就是通過(guò)PHP代碼輸出的結(jié)果。這樣,我們就實(shí)現(xiàn)了通過(guò)Web方式執(zhí)行了PHP代碼的需求,這么一看PHP還是非常簡(jiǎn)單的吧。

          我們順便在看看這個(gè)頁(yè)面的源代碼吧,看一下PHP代碼如何在HTML頁(yè)面中完成任務(wù)的吧:

          源代碼

          通過(guò)頁(yè)面源碼,我們發(fā)現(xiàn)剛才寫的PHP代碼已經(jīng)不見(jiàn)了,取而代之的是

          <p>訂單已處理完成</p>
          

          這是怎么回事呢?

          這是因?yàn)镻HP解釋器在腳本運(yùn)行的時(shí)候,將該腳本的輸出替代了腳本自身的代碼,通過(guò)這種方式,就可以生成可以在任何瀏覽器上運(yùn)行的HTML頁(yè)面了。也就是說(shuō),瀏覽器是不需要學(xué)會(huì)PHP的。

          通過(guò)這段代碼,我們可以學(xué)習(xí)一些PHP的基礎(chǔ)知識(shí):

          1. PHP標(biāo)記
          2. PHP語(yǔ)句
          3. 如何空格
          4. 添加注釋

          PHP標(biāo)記

          第一種情況:在HTML中混寫PHP和HTML代碼,需要為php添加標(biāo)記。PHP代碼會(huì)以“<?php”作為開(kāi)始,以“?>”作為結(jié)束。這些符號(hào)就叫做PHP標(biāo)記,它們主要用來(lái)告訴服務(wù)器PHP代碼的開(kāi)始和截止,在這兩個(gè)起止符號(hào)之間的任何代碼,服務(wù)器都會(huì)以PHP語(yǔ)法來(lái)解析。

          另一種情況:之后,我們寫純PHP的時(shí)候,每個(gè)文件也需要添加PHP標(biāo)記。不過(guò)呢,結(jié)束標(biāo)記可以省略,這也是很大一部分PHPer默認(rèn)遵守的規(guī)則。

          PHP語(yǔ)句

          在PHP的開(kāi)始和截止標(biāo)記之間,就是PHP語(yǔ)句了,通過(guò)這些內(nèi)容可以告訴PHP解釋器應(yīng)該進(jìn)行如何的操作,在我們這個(gè)例子里,通過(guò):

          echo '<p>訂單已處理完成</p>’;
          

          使用echo語(yǔ)句完成了一個(gè)非常簡(jiǎn)單的操作,僅是將echo后邊的字符串原樣打印到瀏覽器中。這里需要特別注意的一點(diǎn)就是每個(gè)PHP語(yǔ)句后邊都需要添加英文的分號(hào)作為語(yǔ)句的結(jié)束符,否則會(huì)出現(xiàn)錯(cuò)誤,但是在這個(gè)html頁(yè)面中,因?yàn)橹挥幸痪浯a,忽略掉分號(hào)也是不會(huì)報(bào)錯(cuò)的。

          但是還是強(qiáng)烈建議大家養(yǎng)成習(xí)慣:每句PHP代碼結(jié)束都要以分號(hào)結(jié)尾喲!

          空格

          一般情況下,為了讓代碼更加清晰和整潔,在編碼的過(guò)程中會(huì)添加一些空格,這些空格包括:回車換行、空格、制表符等都被認(rèn)為是空格。

          當(dāng)然了,瀏覽器并不會(huì)在意你是否輸入了空格,同樣的PHP服務(wù)器端解析器也會(huì)忽略這些,這些空格僅是給編寫代碼的人看的。

          但是,木辛老師還是再次強(qiáng)烈建議,在代碼的適當(dāng)位置添加空格或者空行,這樣做可以很有效的提升代碼的可閱讀性,方便后期的維護(hù)工作。

          注釋

          最后在講講注釋,理論上在編程中出現(xiàn)頻率非常高的一個(gè)知識(shí)點(diǎn)。

          為什么說(shuō)理論上呢,因?yàn)檫@么重要的一個(gè)要點(diǎn),在實(shí)際開(kāi)發(fā)中很容易被廣大開(kāi)發(fā)者忽略呢!

          由于種種原因吧,開(kāi)發(fā)者很不習(xí)慣在開(kāi)發(fā)過(guò)程中寫非常詳盡的注釋,而且有時(shí)候在Git提交時(shí)也是草草的一筆帶過(guò)。這樣做的后果就是,若干時(shí)間后,當(dāng)你再次拿到這段代碼,可能會(huì)花費(fèi)更多的時(shí)間梳理它。

          所以,善于寫注釋,也是提高生產(chǎn)效率的一種有效手段。

          PHP解釋器同樣會(huì)在執(zhí)行的時(shí)候忽略掉注釋,也就是說(shuō)就好比像空格一樣,PHP解析器會(huì)跳過(guò)注釋,它只負(fù)責(zé)執(zhí)行PHP代碼!

          PHP腳本中的注釋比較豐富,有很多類似C語(yǔ)言的風(fēng)格,比如:

          多行注釋:

          /* 這是
           一個(gè)
           多行
           注釋
          /*
          

          可以看出來(lái),多行注釋以 /*開(kāi)始,以*/結(jié)束。同樣的和C語(yǔ)言是一樣的,多行注釋是不能嵌套的。

          當(dāng)然了,除了多行注釋之外,也支持單行注釋:

          echo '<p>訂單已處理完成</p>'; // 這里是PHP的代碼
          

          或者這種:

          echo '<p>訂單已處理完成</p>’; #這里是PHP的代碼
          

          不論采取哪種風(fēng)格的注釋,在注釋符號(hào)之后的所有內(nèi)容,PHP解釋器都會(huì)認(rèn)識(shí)不需要處理的,這一點(diǎn)一定要注意呀!

          好了,今天的課程咱就先講到這里。

          小朋友們不要忘記關(guān)注我們喲 ,下期課程更精彩,請(qǐng)大家一起期待吧~

          快樂(lè)編程,快樂(lè)成長(zhǎng),拜拜!

          時(shí)候,我們會(huì)碰到這樣一種情況:我們的wordpress網(wǎng)站主題模板已經(jīng)定型了,但是,我們后期又想向wordpress網(wǎng)站添加一些新功能,這時(shí)候,我們?cè)撛趺崔k?是繼續(xù)修改wordpress網(wǎng)站主題模板嗎?當(dāng)然,修改主題模板肯定可以。但是時(shí)間久了,對(duì)當(dāng)前的主題模板可能會(huì)有些生疏,修改起來(lái)可能會(huì)有點(diǎn)吃力。還有沒(méi)有其它方式向wordpress網(wǎng)站添加新功能?當(dāng)然是有的了。在部分功能應(yīng)用上,我們可以使用wp_head()這個(gè)函數(shù) + 插件的形式來(lái)完成一些功能。下面一起來(lái)看看wp_head()函數(shù)是如何來(lái)將插件數(shù)據(jù)插件前臺(tái)頁(yè)面的。

          一、給wordpress網(wǎng)站創(chuàng)建插件。

          進(jìn)入到wordpress網(wǎng)站的插件目錄/wp-content/plugins/,在這個(gè)插件目錄下創(chuàng)建一個(gè)app目錄,也就是要?jiǎng)?chuàng)建一個(gè)名為app的插件。如下圖:

          然后,在這個(gè)app插件目錄下創(chuàng)建2個(gè)文件,一個(gè)bbb.css文件和index.php文件,如下圖:

          這里的bbb.css文件是這個(gè)插件的樣式文件,index.php是這個(gè)app插件的主頁(yè)文件。我們這里要實(shí)現(xiàn)的功能,只是一個(gè)演示功能,就是要修改前臺(tái)頁(yè)面字體的大小和顏色。

          index.php文件代碼如下:

          <?php/*plugin name: app //這個(gè)是必須的,否則后臺(tái)插件列表中就找不到這個(gè)插件plugin uri: http://wanlimm.comauthor: 馬不停蹄version: 1.0description: 這是一個(gè)使用wp-head()函數(shù)的插件*/function my_head(){ //向wordpress網(wǎng)站頭部添加一個(gè)樣式文件echo '<link rel="stylesheet" href="'.WP_PLUGIN_URL.'/app/bbb.css">';}if(!is_admin()){ //如果不是后臺(tái),就把my_head函數(shù)添加到wordpress的動(dòng)作勾子wp_head勾子里。add_action("wp_head","my_head");}

          bbb.css文件的代碼如下:

          body{color:red; font-size:40px;}

          把wordpress網(wǎng)站前臺(tái)頁(yè)面的文字顏色變成紅色,字體大小變成40像素。

          二、wordpress網(wǎng)站后臺(tái)插件列表中啟用插件。

          通過(guò)第一步的添加后,我們就可以在wordpress網(wǎng)站的后臺(tái)插件列表中看到這個(gè)app插件了,如下圖:

          我們點(diǎn)擊“啟用”按鈕,啟用這個(gè)app插件。插件只有被啟用了,它的功能才會(huì)被應(yīng)用到wordpress網(wǎng)站的前臺(tái)頁(yè)面當(dāng)中去。當(dāng)然,雖然我們現(xiàn)在啟用了,我們wordpress網(wǎng)站的前臺(tái)的文字字體依然沒(méi)有變化。如下圖(我們上節(jié)課添加的內(nèi)容)。


          三、在wordpress網(wǎng)站主題前臺(tái)添加調(diào)用代碼。

          通過(guò)上面兩步,我們已經(jīng)準(zhǔn)備好了功能,就等著我們的wordpress網(wǎng)站前臺(tái)調(diào)用呢。這時(shí),我們需要使用到wp_head()這個(gè)頭部函數(shù),這個(gè)頭部函數(shù)的功能還是非常強(qiáng)大的,它可以把我們向wordpress的wp_head勾子里添加的所有動(dòng)作函數(shù)添加到wordpress網(wǎng)站的前臺(tái)頁(yè)面中。不過(guò),這個(gè)wp_head()函數(shù)必須添加在wordpress網(wǎng)站前臺(tái)頁(yè)面的< head>標(biāo)簽之內(nèi)才有效,如下圖:

          這時(shí),我們看一下wordpress網(wǎng)站的前臺(tái)頁(yè)面,看看頁(yè)面字體有沒(méi)有變化。這時(shí),字體變大了,也變成了紅色。如下圖:

          之所以旁邊的“返回首頁(yè)”是藍(lán)色,因?yàn)樗擎溄?,想要修改它的顏色,必須單?dú)為它設(shè)置顏色。我們?cè)賮?lái)看一下源代碼,如下圖,wp_head()函數(shù)在wordpress網(wǎng)站的前臺(tái)的< head>標(biāo)簽中插入了我們創(chuàng)建的插件app的樣式文件bbb.css。

          ?當(dāng)然,wp_head()函數(shù)在插件bbb.css樣式文件的同時(shí),會(huì)向< head>標(biāo)簽插入很多其它的代碼,有些代碼對(duì)我們根本沒(méi)什么用處,我們是可以通過(guò)一些手段來(lái)處理掉了,這個(gè)在我們后期的文章中會(huì)有相關(guān)的介紹。

          好了,到這里,本節(jié)就接近尾聲。本節(jié)課的目的,主要是介紹“如何通過(guò)wp_head()函數(shù)向wordpress網(wǎng)站的前臺(tái)頁(yè)面的頭部添加數(shù)據(jù)代碼”,這個(gè)應(yīng)用非常廣泛,很多wordpress插件都要使用到wp_head()這個(gè)函數(shù),如果不使用這個(gè)函數(shù),這些插件就無(wú)法使用。

          以上就是我的觀點(diǎn),如有不同觀點(diǎn),歡迎發(fā)表評(píng)論。同時(shí),歡迎【點(diǎn)贊、分享、收藏】和【關(guān)注】我。


          主站蜘蛛池模板: 中文字幕无码一区二区免费| 日本免费一区二区三区最新 | 亚洲av无码片区一区二区三区| 无码人妻久久一区二区三区蜜桃| 亚洲日韩一区二区一无码| 日本一区二区三区精品中文字幕| AV无码精品一区二区三区宅噜噜| 日韩制服国产精品一区| 一区二区在线免费观看| 久久久无码一区二区三区| 91精品一区二区三区久久久久 | 精品无码一区二区三区水蜜桃| 亚洲AV永久无码精品一区二区国产 | 国产AV天堂无码一区二区三区| 国产一区二区三区夜色| 久久久国产精品亚洲一区| 精品一区二区三区在线成人| 久久精品视频一区| 国产色综合一区二区三区| 最新欧美精品一区二区三区| 无码日韩精品一区二区免费| 一区二区三区在线免费| 亚洲AV无码一区二区三区人| 精品一区中文字幕| 精品国产福利一区二区| 夜色阁亚洲一区二区三区| 射精专区一区二区朝鲜| 一区二区三区四区在线播放| 在线播放国产一区二区三区 | 亚洲香蕉久久一区二区三区四区| 日本精品一区二区三本中文| 在线播放一区二区| 国产精品免费一区二区三区四区 | 国内精品一区二区三区最新| 无码日韩精品一区二区免费暖暖 | 成人在线观看一区| 国产午夜精品一区二区三区 | 国产精品538一区二区在线| 99精品国产一区二区三区2021 | 国产一区二区三区免费观看在线 | 中文字幕精品一区二区|