多功能WordPress插件集成，一站式解決網站優化（圖文詳解）(WordPress開啟CDN加速/緩存後如何自動載入最新的js和css文件)
多功能WordPress插件集成，一站式解決網站優化（圖文詳解）
WordPress插件，是一個多功能SEO插件。Wordpress插件主要包括了：XML網站地圖支持，提交站點地圖至搜索引擎以提高網站的SEO；圖片XML地圖提交給搜索引擎，以改善網站的圖片搜索引擎優化；RSS Sitemap；網站移動頁面優化；搜索引擎分析；自定義文章類型的SEO高級規範網址；重定向附件網址到父頁面文章；內置的API，以便其他插件、主題可以訪問和擴充功能；自動優化網站的標題用於搜索引擎；自動生成 META標籤、META關鍵詞；被翻譯成多種語言；全面兼容PHP7。
WordPress插件用於為博客或網頁內容自動設置文章目錄，有兩個優點：一是有利於網頁讀者更好的抓住文章的結構，快速定位感興趣的話題；二是讓搜索引擎更好的掌握網頁的內容結構，從而提高搜索排名。Wordpress插件幫助網站在搜索引擎中，呈現出結構化的顯示效果，可以幫助搜索引擎更好的掌握整個網站的結構，從而極大的增加搜索結果的點擊轉化率CTR。
WordPress插件可以幫助查看網頁中的錯誤外鏈，任何破損的外鏈都有可能影響網站的SEO排名，所以Wordpress插件能夠幫助站長快速的發現URL的鏈接錯誤。Wordpress插件可以實現網站URL的從新定位，將已經刪除的網頁的URL或者修改的網頁的URL，從新指向新的URL地址。
WordPress插件設置分享按鈕、添加網站彈出式消息提醒、設置彈出式窗口、收集網站訪客等眾多功能。Wordpress插件給網站提供彈出式窗口、消息欄等等功能，可以對設計的窗口和消息欄進行A/B測試，從而提高轉化率。
WordPress插件的加速和優化功能，Wordpress插件提供網頁緩存、HTML/CSS/JavaScript程序代碼優化等功能，還可以與內容分發網路(CDN)無縫集成，可以說是WordPress加速和優化的一體化解決方案。網站加速插件必不可少，但是網站載入速度還取決於很多至關因素。Wordpress插件的加速方法很簡單，就是把調用網頁內容的PhP執行代碼，全部更換為HTML顯示代碼，所以網站載入速度大大提升。
WordPress插件提供最全面的解決方案，其中包含改進頁面 SEO 所需的所有功能和工具。Wordpress插件可以幫助站長正確添加 SEO 標題、元描述、關鍵字、生成 XML 站點地圖、將站長的站點連接到 搜索引擎、針對社交媒體對其進行優化等等。Wordpress插件並且加入了本地 SEO、智能布局、視頻站點地圖、新聞站點地圖、智能重定向管理器、檢測和修復 404 錯誤的能力、高級麵包屑等。
WordPress插件在WordPress控制面板中查看網站的流量數據，包括一段時間內的總頁面訪問量、訪客平均瀏覽時間、網站跳出率等關鍵數據。使用Wordpress插件就可以從網站中直接讀取數據，並且顯示在WordPress控制面板中。有了Wordpress插件，可以通過安裝插件，來實現自己的需求。除此之外，使用Wordpress插件還有一些其他的好處：無需修改核心代碼，不用擔心更新版本導致的功能失效；無需擔心修改核心代碼導致系統崩潰；使用者不需要了解底層的原理，直接安裝使用即可。
WordPress開啟CDN加速/緩存後如何自動載入最新的js和css文件
眾所周知WordPress適當的使用緩存可以加快網站的載入速度，提高用戶體驗。但是有些時候，由於緩存或CDN導致我們的js和css文件被緩存了，如果沒有清理緩存，或強制刷新瀏覽器，可能無法載入最新的js和css。
為了解決這些問題，WordPress一直都有相應解決方案，下面wp自學筆記教大家如何自動載入最新的js和css文件。
通過版本號更新
最常用的就是為js和css文件添加版本號參數。
如果你做過WordPress開發，應該知道如何使用 wp_enqueue_script() 引入js文件，使用 wp_enqueue_style() 函數引入css文件。這兩個函數都有一個版本參數。下面以 wp_enqueue_style() 為例：
|
1 |
/** * 引入css文件（版本號） */function wpkj_enqueue_scripts() {wp_enqueue_style(\\\'my-custom-style\\\',get_stylesheet_directory_uri() . \\\'/css/customstyle.css\\\',[], // 依賴\\\'1.0.0\\\' // 版本號);}add_action( \\\'wp_enqueue_scripts\\\', \\\'wpkj_enqueue_scripts\\\' ); |
通過上面的代碼引入的css文件，載入出來的代碼大概為：
|
1 |
<link rel=\\\'stylesheet\\\' id=\\\'my-custom-style-css\\\' href=\\\'https://example.com/wp-content/themes/mycustomtheme/css/customstyle.css?ver=1.0.0\\\' type=\\\'text/css\\\' media=\\\'all\\\' /> |
你可以看到文件網址後面有一個參數 customstyle.css?ver=1.0.0，如果我們的css代碼更新了，我們只需要更改 wp_enqueue_style() 中的版本號參數即可，比如更改為 1.0.1，那輸入的文件網址就應該為 customstyle.css?ver=1.0.1，這樣就達到了自動更新文件的效果。
通過時間戳更新
雖然說版本號是一種可行的方案，但是每次修改css代碼都要更新一個版本號，這個做法在實際開發中並不科學，所以我們可以考慮使用時間戳來實現。
我們可以通過 filemtime() 函數來自動獲取文件最後更新的時間戳，然後將這個時間戳作為版本號參數的值。
比如，我們可以將上面的函數修改為：
|
1 |
/** * 引入css文件（時間戳） */function wpkj_enqueue_scripts() {wp_enqueue_style(\\\'my-custom-style\\\',get_stylesheet_directory_uri() . \\\'/css/customstyle.css\\\',[], // 依賴filemtime( get_stylesheet_directory() . \\\'/css/customstyle.css\\\' ) // 版本);}add_action( \\\'wp_enqueue_scripts\\\', \\\'wpkj_enqueue_scripts\\\' ); |
注意看上代碼的第10行。最後輸入的代碼應該為：
|
1 |
<link rel=\\\'stylesheet\\\' id=\\\'my-custom-style-css\\\' href=\\\'https://example.com/wp-content/themes/mycustomtheme/css/customstyle.css?ver=1584639960\\\' type=\\\'text/css\\\' media=\\\'all\\\' /> |
從中我們可以看到版本號參數的值為一個時間戳 customstyle.css?ver=1584639960，每次我們修改了 customstyle.css 文件，都會自動更新這個時間戳，達到了及時更新參數的目的。
wp自學筆記在實際開發中經常使用這個技巧，畢竟每次更新了css或js代碼都要強制刷新頁面是非常鬱悶的。
1. 帶 [親測] 說明源碼已經被站長親測過!
2. 下載後的源碼請在24小時內刪除,僅供學慣用途！
3. 分享目的僅供大家學習和交流，請不要用於商業用途！
4. 本站資源售價只是贊助，收取費用僅維持本站的日常運營所需！
5. 本站所有資源來源於站長上傳和網路，如有侵權請郵件聯繫站長！
6. 沒帶 [親測] 代表站長時間緊促,站長會保持每天更新 [親測] 源碼 !
7. 盜版ripro用戶購買ripro美化無擔保,若設置不成功/不生效我們不支持退款!
8. 本站提供的源碼、模板、插件等等其他資源，都不包含技術服務請大家諒解！
9. 如果你也有好源碼或者教程，可以到審核區發布，分享有金幣獎勵和額外收入!
10.如果您購買了某個產品，而我們還沒來得及更新，請聯繫站長或留言催更，謝謝理解 !
GG資源網 » 多功能WordPress插件集成，一站式解決網站優化（圖文詳解）(WordPress開啟CDN加速/緩存後如何自動載入最新的js和css文件)
