無需插件!WordPress外鏈轉(zhuǎn)內(nèi)鏈的終極代碼教程,你學(xué)會(huì)了嗎?
在管理WordPress博客時(shí),你是否對(duì)外鏈跳轉(zhuǎn)和內(nèi)鏈轉(zhuǎn)換的處理感到困難?今天,我要介紹如何利用插件處理外鏈跳轉(zhuǎn),還有不用插件,僅用代碼將外鏈自動(dòng)轉(zhuǎn)為內(nèi)鏈的方法。這些方法能顯著提高你網(wǎng)站的運(yùn)行效率。
插件實(shí)現(xiàn)外鏈跳轉(zhuǎn)
網(wǎng)站功能的增加變得簡(jiǎn)便,插件起到了關(guān)鍵作用。以WordPress為例,"Redirection"這款插件就能實(shí)現(xiàn)鏈接的跳轉(zhuǎn)功能。在使用它之前,需要先在WordPress的后臺(tái)插件市場(chǎng)中找到并完成安裝和激活。接著,進(jìn)入設(shè)置頁面,在指定位置添加跳轉(zhuǎn)鏈接即可。眾多小博客平臺(tái)普遍采用了這款插件,該插件能夠迅速實(shí)現(xiàn)頁面間的跳轉(zhuǎn),顯著增強(qiáng)了用戶查閱信息的便利程度。
安裝插件并完成相關(guān)配置,接下來便可以開始測(cè)試。進(jìn)入網(wǎng)站中的特定頁面,點(diǎn)擊帶有跳轉(zhuǎn)功能的鏈接,觀察是否能順利跳轉(zhuǎn)至目標(biāo)頁面。若遇到跳轉(zhuǎn)失敗的情況,需檢查鏈接格式和插件設(shè)置是否準(zhǔn)確無誤。
手動(dòng)代碼轉(zhuǎn)內(nèi)鏈準(zhǔn)備
將WordPress博客中的外部鏈接轉(zhuǎn)換成內(nèi)部鏈接,無需插件,僅靠編寫代碼即可完成,這完全可行。首先,您需登錄到WordPress的管理后臺(tái),一般是通過在瀏覽器中輸入網(wǎng)站域名后綴加上/wp-admin來完成。登錄成功后,在眾多菜單選項(xiàng)中,您需找到并點(diǎn)擊“外觀”,然后選擇“編輯器”。請(qǐng)注意,WordPress的不同版本界面或許存在細(xì)微差異,然而,它們的基本操作步驟大體相同。
要挑選出與編輯主題相匹配的PHP文檔。一般情況下,這個(gè)文檔是style.css,但具體選擇還需看主題要求。找到正確的文檔后,需在文本編輯器的右側(cè)界面打開它,這一環(huán)節(jié)對(duì)后續(xù)步驟極為關(guān)鍵,操作時(shí)必須格外小心。
a { color: #333; textdecoration: none; }
CSS代碼調(diào)整
修改CSS主題文件時(shí),需定位到特定代碼并進(jìn)行替換。盡管不同主題的CSS文件內(nèi)容各異,但利用搜索功能能迅速找到目標(biāo)代碼。替換代碼后,所有外部鏈接都會(huì)在新標(biāo)簽頁中打開。例如,在企業(yè)網(wǎng)站上,若將新聞鏈接設(shè)置為如此,用戶在瀏覽新聞時(shí)便能在網(wǎng)站內(nèi)直接閱讀,無需切換至其他頁面。
代碼替換步驟并不復(fù)雜,但必須做到精確到位。替換工作完成后,記得保存文件。不過,這還只是開始,接下來要將外部鏈接轉(zhuǎn)換為內(nèi)部鏈接,這需要繼續(xù)編寫JavaScript腳本。
a { color: #333; textdecoration: none; target: _blank; /* 添加此行 */ }
添加JavaScript代碼
在footer.php文件中,需要添加一段代碼。首先,使用搜索功能定位到相應(yīng)的代碼行,接著在其下方添加新的代碼段。注意,要將代碼中的//yourwebsite.com/替換成你個(gè)人的網(wǎng)站域名。對(duì)于教育博客網(wǎng)站來說,這樣做可以把外部資源的鏈接轉(zhuǎn)換成站內(nèi)的鏈接。
代碼完成編寫,頁面加載完畢后,便會(huì)自動(dòng)啟動(dòng)。它的主要作用是將外部鏈接轉(zhuǎn)為內(nèi)部鏈接。但為了確認(rèn)代碼的實(shí)際運(yùn)行效果,必須在保存和測(cè)試環(huán)節(jié)進(jìn)行驗(yàn)證。所以,確保代碼準(zhǔn)確無誤變得非常關(guān)鍵。
保存并測(cè)試效果
代碼修改完畢后,記得先保存對(duì)主題文件所做的調(diào)整。在 WordPress 的后臺(tái)編輯器里,通常能找到“保存”的按鈕,點(diǎn)擊它即可。接著,更新網(wǎng)站的主頁或帶有外部鏈接的文章頁面。頁面刷新后,你就能看到新代碼的實(shí)際應(yīng)用效果了。
頁面更新后,對(duì)鏈接進(jìn)行了點(diǎn)擊檢驗(yàn)。需關(guān)注鏈接能否成功轉(zhuǎn)為內(nèi)部鏈接,并確認(rèn)其是否會(huì)在當(dāng)前窗口打開。若鏈接跳轉(zhuǎn)異常或未能轉(zhuǎn)為內(nèi)鏈,需按代碼指示逐一查找問題。
document.addEventListener('DOMContentLoaded', function() { var externalLinks = document.querySelectorAll('a[href^="http"]'); // 選擇所有以"http"開頭的鏈接 externalLinks.forEach(function(link) { var internalLink = link.getAttribute('href').replace('http://', '//yourwebsite.com/'); // 將外部鏈接轉(zhuǎn)換為內(nèi)部鏈接 link.setAttribute('href', internalLink); // 設(shè)置新的鏈接地址 link.target = '_self'; // 將鏈接在新窗口中打開改為在當(dāng)前窗口中打開 }); });
常見問題解答
有些朋友在使用過程中發(fā)現(xiàn)外鏈無法轉(zhuǎn)為內(nèi)鏈。這可能是由于代碼未正確設(shè)置,或者代碼中的“//yourwebsite.com/”未替換成自己的網(wǎng)站域名。此外,還需核實(shí)外鏈?zhǔn)欠褚詇ttp或https開頭。若遇到此類問題,只需仔細(xì)檢查這些細(xì)節(jié)即可。
若用戶需將外部鏈接轉(zhuǎn)成子域名的內(nèi)部鏈接,只需將CSS和JavaScript代碼中的原域名替換為子域名。例如,將“//yourwebsite.com/”更改為“//subdomain.yourwebsite.com/”。經(jīng)過如此修改,外部鏈接便會(huì)依照規(guī)定成功轉(zhuǎn)變?yōu)樽佑蛎膬?nèi)部鏈接。
閱讀完這些操作指南和常見問題解答,你在執(zhí)行 WordPress 網(wǎng)站外部鏈接轉(zhuǎn)換時(shí),還有疑問嗎?別忘了點(diǎn)贊和轉(zhuǎn)發(fā)這篇文章!
作者:小藍(lán)
鏈接:http://www.beijingshangmencuiru.cn/content/9177.html
本站部分內(nèi)容和圖片來源網(wǎng)絡(luò),不代表本站觀點(diǎn),如有侵權(quán),可聯(lián)系我方刪除。