整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
時候，我們會碰到這樣一種情況：我們的wordpress網站主題模板已經定型了，但是，我們后期又想向wordpress網站添加一些新功能，這時候，我們該怎么辦？是繼續修改wordpress網站主題模板嗎？當然，修改主題模板肯定可以。但是時間久了，對當前的主題模板可能會有些生疏，修改起來可能會有點吃力。還有沒有其它方式向wordpress網站添加新功能？當然是有的了。在部分功能應用上，我們可以使用wp_head()這個函數 + 插件的形式來完成一些功能。下面一起來看看wp_head()函數是如何來將插件數據插件前臺頁面的。
進入到wordpress網站的插件目錄/wp-content/plugins/，在這個插件目錄下創建一個app目錄，也就是要創建一個名為app的插件。如下圖：
然后，在這個app插件目錄下創建2個文件，一個bbb.css文件和index.php文件，如下圖：
這里的bbb.css文件是這個插件的樣式文件，index.php是這個app插件的主頁文件。我們這里要實現的功能，只是一個演示功能，就是要修改前臺頁面字體的大小和顏色。
index.php文件代碼如下：
<?php/*plugin name: app //這個是必須的，否則后臺插件列表中就找不到這個插件plugin uri: http://wanlimm.comauthor: 馬不停蹄version: 1.0description: 這是一個使用wp-head()函數的插件*/function my_head(){ //向wordpress網站頭部添加一個樣式文件echo '<link rel="stylesheet" href="'.WP_PLUGIN_URL.'/app/bbb.css">';}if(!is_admin()){ //如果不是后臺，就把my_head函數添加到wordpress的動作勾子wp_head勾子里。add_action("wp_head","my_head");}
bbb.css文件的代碼如下：
body{color:red; font-size:40px;}
把wordpress網站前臺頁面的文字顏色變成紅色，字體大小變成40像素。
通過第一步的添加后，我們就可以在wordpress網站的后臺插件列表中看到這個app插件了，如下圖：
我們點擊“啟用”按鈕，啟用這個app插件。插件只有被啟用了，它的功能才會被應用到wordpress網站的前臺頁面當中去。當然，雖然我們現在啟用了，我們wordpress網站的前臺的文字字體依然沒有變化。如下圖（我們上節課添加的內容）。
通過上面兩步，我們已經準備好了功能，就等著我們的wordpress網站前臺調用呢。這時，我們需要使用到wp_head()這個頭部函數，這個頭部函數的功能還是非常強大的，它可以把我們向wordpress的wp_head勾子里添加的所有動作函數添加到wordpress網站的前臺頁面中。不過，這個wp_head()函數必須添加在wordpress網站前臺頁面的< head>標簽之內才有效，如下圖：
這時，我們看一下wordpress網站的前臺頁面，看看頁面字體有沒有變化。這時，字體變大了，也變成了紅色。如下圖：
之所以旁邊的“返回首頁”是藍色，因為它是鏈接，想要修改它的顏色，必須單獨為它設置顏色。我們再來看一下源代碼，如下圖，wp_head()函數在wordpress網站的前臺的< head>標簽中插入了我們創建的插件app的樣式文件bbb.css。
?當然，wp_head()函數在插件bbb.css樣式文件的同時，會向< head>標簽插入很多其它的代碼，有些代碼對我們根本沒什么用處，我們是可以通過一些手段來處理掉了，這個在我們后期的文章中會有相關的介紹。
好了，到這里，本節就接近尾聲。本節課的目的，主要是介紹“如何通過wp_head()函數向wordpress網站的前臺頁面的頭部添加數據代碼”，這個應用非常廣泛，很多wordpress插件都要使用到wp_head()這個函數，如果不使用這個函數，這些插件就無法使用。
以上就是我的觀點，如有不同觀點，歡迎發表評論。同時，歡迎【點贊、分享、收藏】和【關注】我。
HTML （Hypertext Markup Language）是標準標記語言，是 Web 瀏覽器顯示的基礎。 此外，CSS（Cascading Style Sheets）等技術以及JavaScript等腳本語言也支持這種技術。
創建主頁時，首先使用 HTML 確定句子的結構并標記它，然后設計要顯示的信息。 這是網頁的基礎。
現在，讓我們仔細看看可以使用少量 CSS 代碼實現的技術。
Web 性能改進技術之一是屬性，允許用戶延遲加載，直到滾動。 它還適用于嵌入 YouTube 視頻的 iframe 代碼和大尺寸圖像。loading="lazy"
XHTML
1 | <img src='image.jpg' loading='lazy' alt='代替テキスト'> |
打開電子郵件創建頁面、直接撥打電話或發送短消息的技術。
XHTML
1 2 3 4 5 6 7 8 9 10 11 | <a href="mailto:{email}?subject={subject}&body={content}"> Eメールを送信 </a> <a href="tel:{phone}"> お電話ください </a> <a href="sms:{phone}?body={content}"> SMSショートメッセージを送信 </a> |
start屬性允許您自由確定列表格式的數字。
meter元素允許您使用彩色滑塊顯示數字和數量。 不需要 JavaScript 或 CSS。
通過預先在表單輸入元素中指定一些數據列表，可以將其作為候選關鍵字顯示在輸入字段中的下拉列表中。
fieldset元素允許您將 Web 窗體中的多個控件和標簽 （） 組合在一起。label
target="_blank在 中打開的頁面將允許您訪問原始頁面的 window.opener。 這可能會對安全性和性能產生負面影響，例如"原始窗口在知道之前已轉換到填充站點"。 為了防止這種情況，請包括 或 。rel="noopener"rel="noreferrer"
1 2 3 | <a href="https://markodenic.com/" target="_blank" rel="noopener"> 參考ウェブサイト </a> |
如果要在新選項卡中打開 HTML 文檔中的所有鏈接，可以使用元素。 在下面的示例中，兩個鏈接都在新的選項卡中打開。base
若要更新網站的傳真，您可以通過將其添加到文件名中來在瀏覽器中下載新版本。?v=2
一種有效的技術，尤其是在生產環境中，以確保用戶輸入新版本。
XHTML
1 | <link rel="icon" href="/favicon.ico?v=2" /> |
可以決定是否檢查元素的拼寫錯誤的屬性。spellcheck
input type="range"允許您使用滑塊調整數字。 所選數字可以顯示在 中。input type="number"
details元素允許您創建僅 HTML 本機手風琴。
mark標記允許您使用黃色標記突出顯示文本的一部分。
URL 鏈接的屬性允許您直接下載文件，而不是將其移動到文件中。download
XHTML
1 2 3 | <a href='path/to/file' download> Download </a> |
使用".webp"作為圖像格式可以減小圖像大小并提高網站性能。
XHTML
1 2 3 4 5 6 7 8 9 10 11 | <picture> <!-- サポートされていたら.webp畫像を読み込む --> <source srcset="logo.webp" type="image/webp"> <!-- .webp畫像や<picture>タグが ブラウザにサポートされていないときの フォールバックとして --> <img src="logo.png" alt="logo"> </picture> |
poster屬性允許您指定在加載視頻或按下"播放"按鈕之前顯示的圖像。
XHTML
1 | <video poster="path/to/image"> |
在搜索框中使用時，將自動顯示"X"清除標記以取消。type="search"
只有 HTML 可以實現的功能，我有很多。 我們計劃在未來添加和更新小技巧技術。
、通常訪問的網站是保存在遠程的服務器還是本地電腦，你是怎么判斷的？
保存在遠程的服務器，判斷的標準和依據在網絡是否連通的情況下能否正常訪問。
二、什么叫服務器？
一臺運行在網絡上有著專門的用途計算機。比如網站服務器、數據庫服務器、FTP服務器、游戲服務器、通訊服務器、多媒體服務器、教學服務器、……。
三、搭建屬于我們自己的網站服務器
安裝IIS(Internet Information Server)或APACHE來幫我們管理網站。
四、其他知識點：
1、IT，Information Technoligy，信息技術。包含硬件、通信、網絡、數據傳輸、軟件開發等領域。
2、查看本機的IP地址： 開始->運行 (windows+R)->cmd->ipconfig /all
3、WINDOWS NT:New Technoligy，新技術。包含me、95、98、XP、VISTA、2000、2003、2008、2012、2013、7。
4、UNIX:MAC IOS、ANDROID、LINUX、RED HAT LINUX。
5、打開控制面板：windows+r->control
6、IIS運行快捷鍵：windows+r->inetmgr (internet managerment root)
7、WEB:網頁，是一個單獨的頁面，擴展名可以是xxx.html、xxx.htm、xxx.jsp、xxxx.aspx、……。
8、WEBSITE：網站，圍繞一個主題所有網頁的集群。
9、本機的IP地址：127.0.0.1，或本機的域名：localhost
10、域名：本身就是一個無意義的字符串，只是為了方便人們記憶和訪問對應的網站而提出的概念。
11、測試網絡是否連通指令：ping 目標域名。
12、網站訪問請求相應的流程：
第一大歷史階段的流程
WEB2.0階段而是這樣的流程
13、訪問完整流程格式：
以訪問www.cwhello.com，由域名提供商解析成完成在以下格式
http://服務器IP地址:端口/訪問網站下具體哪一個頁面，例如：
http://123.112.113.114:80/index.php
http:// 超文本傳輸協議，訪問服務器的前綴，代表訪問的是網站，而不是其他的。又比如ftp:// 文件傳輸協議，代表訪問的服務器是文件服務器。
端口(Port)：就相當于剛才例子的水龍頭，控制資源的打開與關閉。默認web 80，和前綴一起省略；ftp 21、MS SQL 1433、mysql 3306
首頁（扉頁）：在網站中，選擇其中一個頁面布局、設計非常精美，讓用戶留下美好的影響，類似與門面，這個頁面稱為首頁。一般起名為index.xxxx、default.xxx。在服務器中可以進行設置，順序是從上往下。
14、訪問控制
目錄瀏覽權限：沒有設置首頁，訪問時直接指明域名，會顯示網站路徑。
訪問網站常見的錯誤代碼
404 路徑錯誤
500 內部代碼錯誤，比如PHP等
15、API，Application Programm Interface，應用程序接口。
16、DLL，Dynamic Linked Libarary，動態鏈接庫。
17、PHP最佳運行環境：LAMP=Linux +Apache+Mysql+PHP
WAMP=WINDOWS+APache+Mysql+php
18、APACHE安裝配置：
默認網站根目錄是 安裝目錄/htdocs 下
配置文件 安裝目錄/conf/httpd.conf
修改配置文件可以實現：
網站根目錄documentroot ，路徑設置不能有反斜杠\，修改網站根目錄以后默認沒有訪問，解決辦法：
1.修改directory 節點后面的路徑為網站根目錄
2.或者直接修改directory節點下權限allow from all
修改端口：listen 1234
首頁支持：directoryindex index.html index.php
添加對PHP的解析：
LoadModule ph5_module “對應版本apache的動態鏈接庫”
AddType application/x-httpd-php .php
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
