国产美女裸身网站免费观看视频,最新精品国自产拍福利,影音先锋av色噜噜影院,亚洲成av人无码影片

專業(yè)WORDPRESS主題設(shè)計制作

favicon是什么?網(wǎng)址收藏小圖標(biāo)ico在線制作生成器(favicon icon)

發(fā)布于: 2022-11-03

1 什么是Favicon Ico?

  • 2 Favicon.ico如何添加和使用?
  • 3 如何制作透明的favicon.ico圖標(biāo)?
  • 4 如何更新Favicon.ico圖標(biāo)?

 

使用谷歌瀏覽器,進(jìn)入我們網(wǎng)站,在瀏覽器標(biāo)簽、網(wǎng)址欄前面,會顯示網(wǎng)站的小圖標(biāo)。

部分WordPress主題,擁有內(nèi)置上傳Favorites Icon(收藏夾圖標(biāo))的功能。

什么是Favicon Ico?

ico-icon

就如其名稱所暗示的,所謂的favicon,就是Favorites Icon(收藏夾圖標(biāo))的縮寫。

  • 它允許瀏覽器的收藏夾除了相應(yīng)的標(biāo)題外,還以圖標(biāo)來區(qū)分不同的網(wǎng)站。

當(dāng)然,根據(jù)不同瀏覽器,F(xiàn)avicon的顯示模式也有所不同:

  • 在大多數(shù)主流瀏覽器中,例如FireFox和Internet Explorer(5.5及以上版本)。
  • favicon不僅出現(xiàn)在收藏夾中,而且還出現(xiàn)在地址欄中。
  • 用戶可以在桌面上,拖放圖標(biāo)以創(chuàng)建網(wǎng)站快捷方式;
  • 此外,標(biāo)簽式瀏覽器甚至還有很多擴(kuò)展,例如FireFox甚至支持動畫格式圖標(biāo)等……
  • favicon.ico圖標(biāo)是網(wǎng)站的縮略圖,它可以顯示在瀏覽器標(biāo)簽選項卡上,地址欄左側(cè)和收藏夾中。

這是顯示網(wǎng)站個性的縮略圖標(biāo)志。

  • 如果你想讓網(wǎng)站看起來更專業(yè),它可說是網(wǎng)站的頭像。
  • 若想要讓你的網(wǎng)站,變得更漂亮、更個性化,favicon.ico是必不可少的。

所以你可以在這個網(wǎng)站上使用ICO圖標(biāo)轉(zhuǎn)換工具,輕松滿足你的要求。

在我們用WordPress建設(shè)網(wǎng)站過程中,有必要創(chuàng)建一個符合網(wǎng)站主題的個性化標(biāo)識,這與成功打造網(wǎng)站品牌有直接關(guān)系。

從某個角度來看,這仍然在網(wǎng)站做網(wǎng)絡(luò)推廣的范圍之內(nèi)。

要成功,它不僅包括良好的頁面設(shè)計,令人印象深刻的網(wǎng)站標(biāo)志,還包括圖標(biāo):

  • 從具體的技術(shù)角度來看,favicon不僅為人們提供了更專業(yè)的外觀和感覺,而且也在一定程度上減少了服務(wù)器的帶寬消耗:
  • 一般來說,為了增加站點的可用性,我們會給自己的網(wǎng)站,創(chuàng)建一個網(wǎng)站的自定義404錯誤文件。
  • 在這種情況下,如果網(wǎng)站沒有相應(yīng)的favicon.ico文件,則Web服務(wù)器將調(diào)用此自定義404文件,并且記錄在網(wǎng)站的錄錯誤日志里,這顯然應(yīng)該避免。

Favicon.ico如何添加和使用?

在Web應(yīng)用程序代碼的head與/head之間,添加以下代碼?▼

<head>
...
<link rel="shortcut icon" href="/favicon.ico"/>
<link rel="bookmark" href="/favicon.ico"/>
...
</head>

使用你熟悉的圖形軟件創(chuàng)建一個16 * 16像素、32 * 32像素、48 * 48像素的渲染,保存為.png或.gif或.jpg格式的圖像。

如何制作透明的favicon.ico圖標(biāo)?

第 1?步:用PS制作透明的PNG圖標(biāo)。

第 2?步:打開在線生成favicon.ico圖標(biāo)工具?▼

點此訪問 favicon.ico 圖標(biāo)在線制作生成器

第 3 步:瀏覽新保存的圖片

第 4 步:點擊:“在線生成favicon.ico圖標(biāo)”。

第 5 步:按照提示,將其上傳到網(wǎng)站根目錄。

如何更新Favicon.ico圖標(biāo)?

  1. 關(guān)閉所有打開的瀏覽器,并清除瀏覽器緩存。
  2. 打開一個網(wǎng)站,并添加收藏夾。
  3. 關(guān)閉所有瀏覽器,重新打開網(wǎng)站并進(jìn)行更新。

如果此時favicon.ico圖標(biāo)尚未更新,請稍等片刻,然后再打開瀏覽嘗試。

如果你使用Firefox或Chrome瀏覽器,更新更容易:

  • 使用Firefox和Chrome的隱私模式瀏覽,就能更新favicon.ico圖標(biāo)的緩存。

希望我們網(wǎng)站( https://www.wordpressx.com/ ) 分享的《favicon是什么?網(wǎng)址收藏小圖標(biāo)ico在線制作生成器》,對您有幫助。

TAG:

如何解決WordPress主題{{unknown}} oembed_cache問題?(wordpress主題corepress)

發(fā)布于: 2022-11-03

1 發(fā)現(xiàn){{unknown}}、oembed_cache錯誤

  • 2 解決方法
  • 3 注意事項

 

begin主題如何解決{{unknown}} oembed_cache?

有新媒體人剛學(xué)會WordPress建站,使用的是知更鳥begin主題。

發(fā)現(xiàn){{unknown}}、oembed_cache錯誤

在phpMyAdmin檢查MySQL數(shù)據(jù)庫時,發(fā)現(xiàn)出現(xiàn)大量錯誤……

post_content字段,找到大量錯誤:{{unknown}}?▼

post_content-unknown

post_type字段,找到大量錯誤:oembed_cache?▼

oembed_cache

如何在phpMyAdmin數(shù)據(jù)庫里,找到“oembed_cache、{{unknown}}”錯誤?

在MySQL數(shù)據(jù)庫中,搜索“oembed_cache”?▼

search-in-database

  1. 要搜索的內(nèi)容:oembed_cache
  2. 查找:至少一個詞
  3. 于下列表:全選
  4. 點擊“執(zhí)行”

然后,在 wp_posts 數(shù)據(jù)表中,搜索“oembed_cache”,找到 691 個……

由此可見,知更鳥的begin主題,是非常臃腫的WordPress主題:

  • 每更新1篇文章,WordPress文章ID就有很大的差距。
  • 比如:剛更新了1篇文章,文章ID是500。
  • 接著半小時內(nèi),又再更新1篇文章,文章ID是510。
  • 2篇文章ID的差距是10。

解決方法

第 1 步:改用其它WordPress主題(非知更鳥開發(fā)的主題)。

第 2 步:進(jìn)入phpMyAdmin數(shù)據(jù)庫管理。

第 3 步:點擊網(wǎng)站的MySQL數(shù)據(jù)庫。

第 4 步:點擊 wp_posts 數(shù)據(jù)表

第 5 步:點擊“搜索”選項

第 6 步:點擊“查找和替換”??▼

  • 查找:oembed_cache
  • 替換為:posts
  • 字段:post_type

find-replacement-mysql-field

  • 點擊“執(zhí)行”后,點擊“替換”。

第 7 步:后臺設(shè)置每頁的項目數(shù):100

  • 進(jìn)入WordPress后臺,在所有文章里,點擊右上角的“顯示選項”。
  • 后臺設(shè)置分頁,每頁的項目數(shù):100(或是更多)
  • 點擊“應(yīng)用”。

設(shè)置每頁的項目數(shù),是根據(jù)你的網(wǎng)站PHP最大加載時間而定,詳情請參考此文 ▼

解決php提示Maximum execution time of 30 seconds exceeded錯誤

很多網(wǎng)絡(luò)營銷新手在學(xué)習(xí)用WordPress建站時,PHP頁面很長時間,處于空白狀態(tài)。然后出現(xiàn)以下錯誤提示:Fatal error: Maximum execution time of 30 seconds exceeded in ……很簡單,這……

 

第 8 步:在所有文章里,搜索“{{unknown}}”

第 9 步:批量編輯文章

全勾選“(無標(biāo)題)”文章后,選擇“編輯”應(yīng)用??▼

batch-edit-draft

  1. 評論:允許
  2. Ping通告:允許
  3. 狀態(tài):草稿
  4. 點擊“更新”

如果還有批量編輯的文章,點擊“下一頁”,繼續(xù)重復(fù)批量編輯,直到完成為止。

注意事項

操作phpMyAdmin數(shù)據(jù)庫之前,請務(wù)必先做好MySQL數(shù)據(jù)庫備份,否則后果自負(fù)。

希望我們網(wǎng)站( https://www.wordpressx.com/ ) 分享的《如何解決WordPress主題{{unknown}} oembed_cache問題?》,對您有幫助。

TAG:

如何讓W(xué)ordPress延遲加載JavaScript加速頁面渲染?(wordpress加載速度慢)

發(fā)布于: 2022-11-03

1 什么是JavaScript的Defer屬性?

  • 2 將Defer屬性添加到WordPress中使用的腳本
  • 3 注意事項

 

WordPress延遲加載JavaScript,來加速頁面渲染方法。

lazyload

什么是JavaScript的Defer屬性?

每個人都可能遇到過這種情況:

head中有N個腳本,在加載腳本時,會阻塞頁面渲染,這通常是空白的。

當(dāng)然,我們可以將源代碼中的腳本放入頁腳來解決這個問題。

但是,一些復(fù)雜的開發(fā)環(huán)境,會讓這個簡單的工作變成特別復(fù)雜。

此時我們可以使用Defer屬性,這是JavaScript中相對少見的屬性。

你可能永遠(yuǎn)不會使用它,但我相信在閱讀這篇介紹后,我相信你不會離開它。

它的主要功能是讓腳本在加載整個頁面后再解析,而不是在加載時解析它,這為僅包含事件觸發(fā)的JavaScript的腳本提供了完整的頁面加載速度。

是的,如果Script腳本標(biāo)記具有延遲defer屬性,即使它被放置在head中,它也會在解析HTML頁面后執(zhí)行,這類似于將Script腳本放在頁面底部。

當(dāng)然,延遲的使用也是有限的,通常要注意2點:

1)不要在延遲defer類型腳本塊中,調(diào)用 document.write 命令;

  • 因為 document.write 將產(chǎn)生直接輸出效果。

2)不要在Defer腳本中,包括任何立即執(zhí)行腳本,將使用全局變量或函數(shù)。

將Defer屬性添加到WordPress中使用的腳本

在WordPress中,我們?nèi)绾巫詣訉efer屬性添加到WordPress使用的腳本?

我們可以將以下代碼添加到當(dāng)前主題的functions.php文件中?▼

add_filter( 'clean_url', 'wpcwl_defer_script',11,1);
function wpcwl_defer_script( $url ){
if(strpos($url, '.js') === false){
return $url;
}

return "$url' defer='defer";
};
  • 上述代碼僅適用于,根據(jù)WordPress方式引入的JavaScript代碼才會有效。

注意事項

實時預(yù)覽管理可能會顯示空白:

若使用以上代碼,打開實時預(yù)覽管理(外觀?→?自定義)時,可能會顯示空白,所以請酌情使用。

在需要實時預(yù)覽管理時,將以上代碼注釋掉,自定義完成后才刪除注釋代碼。

PHP注釋代碼示例:

/*

這里是代碼 

*/

希望我們網(wǎng)站( https://www.wordpressx.com/ ) 分享的《如何讓W(xué)ordPress延遲加載JavaScript加速頁面渲染?》,對您有幫助。

TAG:

WordPress如何新建頁面?添加/編輯頁面設(shè)置(wordpress 自定義頁面)

發(fā)布于: 2022-11-03

1 WordPress頁面和文章的關(guān)系

  • 2 WordPress文章和頁面的區(qū)別
  • 3 WordPress創(chuàng)建一個新頁面
  • 4 管理WordPress頁面

 

本文是《WordPress建站教程》系列文章的第 15 部分,該系列共包含以下 21 個部分:

  1. WordPress是什么意思?干什么的?能做什么網(wǎng)站?
  2. 個人/公司建站需要多少錢?搭建企業(yè)網(wǎng)站費用價格
  3. 建站需要什么程序軟件?自己做網(wǎng)站需哪些條件手續(xù)
  4. 如何選擇合適的域名?網(wǎng)站建設(shè)域名注冊建議&原則
  5. NameSilo域名注冊教程(送你 1 美金 NameSilo優(yōu)惠碼)
  6. BlueHost主機(jī)怎么樣?最新BlueHost美國優(yōu)惠碼/優(yōu)惠券
  7. Bluehost如何一鍵自動安裝WordPress?BH建站教程
  8. NameSilo將域名NS解析到Bluehost/SiteGround教程
  9. 如何手動搭建WordPress?WordPress安裝教程
  10. 如何登陸WordPress后臺?WP后臺登錄地址
  11. WordPress怎么用?WordPress后臺常規(guī)設(shè)置&中文Title
  12. WordPress如何修改語言設(shè)定?更換中文/英文設(shè)置方法
  13. 如何創(chuàng)建WordPress分類目錄?WP分類目錄管理
  14. WordPress如何發(fā)布文章?自己發(fā)文章的編輯選項
  15. WordPress如何新建頁面?添加/編輯頁面設(shè)置
  16. WordPress如何添加菜單?自定義導(dǎo)航欄顯示選項
  17. FTP怎么在線解壓縮zip文件?PHP線上解壓程序下載
  18. FTP工具連接超時失敗WordPress如何配置連服務(wù)器?
  19. WordPress主題是什么?如何安裝WordPress模板?
  20. 如何安裝WordPress插件?3種安裝WordPress插件方法
  21. VPS如何使用rclone備份?CentOS使用GDrive自動同步教程

WordPress頁面類似于文章,功能也是內(nèi)容發(fā)布,但它們是不同的。

由于很多網(wǎng)絡(luò)營銷新手,不知道WordPress如何新建頁面?

現(xiàn)在,就讓我們來分享,WordPress如何添加、編輯頁面設(shè)置吧!

登錄WordPress后臺? → 頁面 → 創(chuàng)建新頁面

你可以看到WordPress創(chuàng)建新頁面的界面?▼

wordpress-create-page

WordPress頁面和文章的關(guān)系

頁面與文章類似:

  • 它們都有標(biāo)題,文本和相關(guān)信息。
  • 但這些頁面類似于永久性文章,通常不會遵循一般的博客文章,隨著時間的推移逐漸消失在最新文章列表。
  • 頁面不能被分類或標(biāo)記,但它們可以具有層次關(guān)系。
  • 你可以將頁面附加到另一頁面下方。

創(chuàng)建新頁面與你撰寫文章的方式非常相似,你可以用相同的方式自定義在界面:

  • 拖放和排序
  • “顯示選項”選項卡
  • 展開和折疊模塊
  • 此頁面還支持全屏?xí)鴮懡缑妗?/li>
  • 全屏?xí)鴮懡缑嬷С帧翱梢暬焙汀拔谋尽蹦J健?/li>

WordPress文章和頁面的區(qū)別

頁面編輯器類似于文章編輯器,但頁面屬性模塊中的一些選項略有不同:

1)父級:

  • 你可以按層次結(jié)構(gòu)方式組織頁面。
  • 例如,你可以創(chuàng)建一個“關(guān)于”頁面,其中包含 “生活” 和 “冥想” 的下級。

層次結(jié)構(gòu)的深度不受限制。

2)模板:

  • 某些主題具有自定義模板,你可以在要添加新功能或自定義布局的特定頁面上,使用這些模板。
  • 如果是這樣,你可以在下拉菜單中看到它。

3)排序:

  • 默認(rèn)情況下,頁面按字母順序排序。
  • 你還可以通過指定頁碼來自定義頁面的順序:第一個是1;下一個是2;以此類推……
  • 因為WordPress 3.0引入了自定義菜單功能,所以會很少用到這個排序。

頁面通常用于創(chuàng)建單獨的內(nèi)容,例如:關(guān)于我們、友情鏈接、SEO專題、網(wǎng)友投稿頁面等等……

WordPress創(chuàng)建一個新頁面

頁面發(fā)布界面的其他模塊和功能,與文章發(fā)布頁面基本相同。

了解 WordPress 文章的編輯選項,可以看這篇《WordPress如何發(fā)布文章?自己發(fā)文章的編輯選項》。

管理WordPress頁面

登錄WordPress后臺 → 頁面 → 所有頁面

即能查看所有已創(chuàng)建的頁面 ▼

wordpress-page-management

  • 你可以通過單擊右上角的“顯示選項”,來設(shè)置要顯示的項目數(shù)和每頁的頁數(shù)。
  • 你可以批量選擇頁面,然后執(zhí)行一些批處理操作,例如批量移到回收站的操作。
  • 將鼠標(biāo)移動到頁面標(biāo)題,將顯示功能菜單“編輯、快速編輯、移至回收站、查看”。
  • 如果你只想編輯某些頁面的屬性,可以直接使用“快速編輯”;
  • 要修改頁面內(nèi)容,你應(yīng)該使用編輯。

希望我們網(wǎng)站( https://www.wordpressx.com/ ) 分享的《WordPress如何新建頁面?添加/編輯頁面設(shè)置》,對您有幫助。

如何手動搭建WordPress?WordPress安裝教程(WordPress怎么安裝)

發(fā)布于: 2022-11-03

1 安裝WordPress前的準(zhǔn)備

  • 2 安裝WordPress程序
  • 3 注意事項

 

本文是《WordPress建站教程》系列文章的第 9 部分,該系列共包含以下 21 個部分:

  1. WordPress是什么意思?干什么的?能做什么網(wǎng)站?
  2. 個人/公司建站需要多少錢?搭建企業(yè)網(wǎng)站費用價格
  3. 建站需要什么程序軟件?自己做網(wǎng)站需哪些條件手續(xù)
  4. 如何選擇合適的域名?網(wǎng)站建設(shè)域名注冊建議&原則
  5. NameSilo域名注冊教程(送你 1 美金 NameSilo優(yōu)惠碼)
  6. BlueHost主機(jī)怎么樣?最新BlueHost美國優(yōu)惠碼/優(yōu)惠券
  7. Bluehost如何一鍵自動安裝WordPress?BH建站教程
  8. NameSilo將域名NS解析到Bluehost/SiteGround教程
  9. 如何手動搭建WordPress?WordPress安裝教程
  10. 如何登陸WordPress后臺?WP后臺登錄地址
  11. WordPress怎么用?WordPress后臺常規(guī)設(shè)置&中文Title
  12. WordPress如何修改語言設(shè)定?更換中文/英文設(shè)置方法
  13. 如何創(chuàng)建WordPress分類目錄?WP分類目錄管理
  14. WordPress如何發(fā)布文章?自己發(fā)文章的編輯選項
  15. WordPress如何新建頁面?添加/編輯頁面設(shè)置
  16. WordPress如何添加菜單?自定義導(dǎo)航欄顯示選項
  17. FTP怎么在線解壓縮zip文件?PHP線上解壓程序下載
  18. FTP工具連接超時失敗WordPress如何配置連服務(wù)器?
  19. WordPress主題是什么?如何安裝WordPress模板?
  20. 如何安裝WordPress插件?3種安裝WordPress插件方法
  21. VPS如何使用rclone備份?CentOS使用GDrive自動同步教程

我們網(wǎng)站之前分享了WordPress的新手入門建站教程:

  1. WordPress是什么意思?干什么的?能做什么網(wǎng)站?
  2. WordPress做網(wǎng)站需哪些條件手續(xù)?

接下來,更新系列文章,本文主要演示如何手動安裝WordPress。

  • 此手動安裝WordPress方法,跟《SiteGround快速搭建WordPress》是有些不同的。
  • 若你已會安裝WordPress,請瀏覽其它文章。
  • 還不會的朋友,就來看看本文吧!

安裝WordPress前的準(zhǔn)備

第 1?步:下載最新版本的WordPress?▼點此進(jìn)入 WordPress官網(wǎng)

解壓縮后,將WordPress文件夾中的所有文件上傳到主機(jī)空間域的根目錄。

第 2? 步:創(chuàng)建一個新的MySQL數(shù)據(jù)庫

  • 若不會創(chuàng)建MySQL,請上網(wǎng)搜索資料,或詢問到你的虛擬主機(jī)托管公司。

新的數(shù)據(jù)庫信息(范例):

  • 數(shù)據(jù)庫名稱:demoxxx
  • 數(shù)據(jù)庫用戶名:demoxxx
  • 數(shù)據(jù)庫密碼:demox123
  • 主機(jī):localhost(若無特別聲明,通常是localhost)

安裝WordPress程序

第 1?步:創(chuàng)建配置文件

訪問域名,顯示以下界面,點擊【創(chuàng)建配置文件】▼

how-install-wordpress_001

第 2?步:點擊【現(xiàn)在就開始!】▼

how-install-wordpress_002

第 3 步:輸入MySQL數(shù)據(jù)庫信息

填寫你的MySQL數(shù)據(jù)庫信息。

你需要注意修改 “表前綴”,請不要使用默認(rèn)的wp_

點擊【提交】▼

how-install-wordpress_003

第 4 步:成功連接到數(shù)據(jù)庫,點擊【進(jìn)行安裝】▼

how-install-wordpress_004

第 5 步:填寫網(wǎng)站的基本信息

建議不要使用默認(rèn)用戶名admin。

另外,密碼最好是達(dá)到強(qiáng)的。

點擊【安裝WordPress】▼

how-install-wordpress_005

第 6 步:點擊【登錄】

安裝成功WordPress,點擊【登錄】 ▼

how-install-wordpress_006

第 7 步:使用以上設(shè)置的用戶名和密碼,登錄WordPress后臺?▼

how-install-wordpress_007

注意事項

在第 2 步中,如果無法自動創(chuàng)建配置文件 wp-config.php,則可以在WordPress根目錄中復(fù)制 wp-config-sample.php,并將其重命名為 wp-config.php?▼

how-install-wordpress_008

然后,打開 wp-config.php 文件,根據(jù)下圖示例說明填寫,并將其上載到WordPress根目錄?▼

how-install-wordpress_009

最后,刷新WordPress安裝界面,就可以繼續(xù)從 第 3?步開始進(jìn)行安裝。

閱讀該系列的其它文章:

<< 上一篇:NameSilo將域名NS解析到Bluehost/SiteGround教程
下一篇:如何登陸WordPress后臺?WP后臺登錄地址 >>

希望我們網(wǎng)站( https://www.wordpressx.com/ ) 分享的《如何手動搭建WordPress?WordPress安裝教程》,對您有幫助。

如何創(chuàng)建WordPress分類目錄?WP分類目錄管理(wordpress目錄結(jié)構(gòu))

發(fā)布于: 2022-11-03

1 WordPress分類目錄

  • 2 如何添加新分類目錄?
    • 2.1 1)名稱
    • 2.2 2)別名
    • 2.3 3)父級分類目錄
    • 2.4 3)描述
  • 3 如何默認(rèn)分類設(shè)置?
  • 4 如何管理現(xiàn)有分類?
  • 5 如何查看分類ID?

 

本文是《WordPress建站教程》系列文章的第 13 部分,該系列共包含以下 21 個部分:

  1. WordPress是什么意思?干什么的?能做什么網(wǎng)站?
  2. 個人/公司建站需要多少錢?搭建企業(yè)網(wǎng)站費用價格
  3. 建站需要什么程序軟件?自己做網(wǎng)站需哪些條件手續(xù)
  4. 如何選擇合適的域名?網(wǎng)站建設(shè)域名注冊建議&原則
  5. NameSilo域名注冊教程(送你 1 美金 NameSilo優(yōu)惠碼)
  6. BlueHost主機(jī)怎么樣?最新BlueHost美國優(yōu)惠碼/優(yōu)惠券
  7. Bluehost如何一鍵自動安裝WordPress?BH建站教程
  8. NameSilo將域名NS解析到Bluehost/SiteGround教程
  9. 如何手動搭建WordPress?WordPress安裝教程
  10. 如何登陸WordPress后臺?WP后臺登錄地址
  11. WordPress怎么用?WordPress后臺常規(guī)設(shè)置&中文Title
  12. WordPress如何修改語言設(shè)定?更換中文/英文設(shè)置方法
  13. 如何創(chuàng)建WordPress分類目錄?WP分類目錄管理
  14. WordPress如何發(fā)布文章?自己發(fā)文章的編輯選項
  15. WordPress如何新建頁面?添加/編輯頁面設(shè)置
  16. WordPress如何添加菜單?自定義導(dǎo)航欄顯示選項
  17. FTP怎么在線解壓縮zip文件?PHP線上解壓程序下載
  18. FTP工具連接超時失敗WordPress如何配置連服務(wù)器?
  19. WordPress主題是什么?如何安裝WordPress模板?
  20. 如何安裝WordPress插件?3種安裝WordPress插件方法
  21. VPS如何使用rclone備份?CentOS使用GDrive自動同步教程

新媒體人學(xué)習(xí)用WordPress建站做網(wǎng)絡(luò)推廣,將具有不同主題的文章被分配到不同的分類,可以幫助訪問者,找到他們想要的內(nèi)容,并改善用戶體驗。

因此,有必要為你的電商網(wǎng)站創(chuàng)建文章分類。

那么WordPress是如何創(chuàng)建和管理文章分類?我們今天就來看看。

在創(chuàng)建分類之前,最好先清楚地了解網(wǎng)站內(nèi)容的方向,然后列出首選的分類名稱(通常使用2-6個單詞)。

WordPress分類目錄

登錄WordPress后臺 → 文章 → 分類目錄

你可以看到分類創(chuàng)建和分類管理界面?▼

wordpress-catagory

如何添加新分類目錄?

默認(rèn)情況下,有4個選項,可用于添加分類:

名稱

  1. 別名
  2. 父級分類目錄
  3. 描述

1)名稱

  • 分類的名稱,通常為2-6個單詞

如下圖WordPress分類目錄中的 “微信營銷 所示?▼

wordpress-catagory

2)別名

  • 主要用于分類目錄中的URL。
  • https://www.wordpressx.com/china-phone-number 就是分類目錄“中國手機(jī)號碼”的別名。
  • (WordPress默認(rèn)會自動將 /category 添加到URL中,以區(qū)分它文章分類目錄)

3)父級分類目錄

  • 默認(rèn)是一級分類,也能在一級分類下創(chuàng)建子分類;
  • 如果還能將一級分類的內(nèi)容,歸類為更詳細(xì)的部分,請考慮添加子分類。

3)描述

  • 描述此分類的內(nèi)容,并且一些WordPress主題,會調(diào)用描述作為分類的描述(description)。

如何默認(rèn)分類設(shè)置?

默認(rèn)分類的主要目的是,如果在編寫文章時,未手動指定文章的分類,則會自動將其劃分為默認(rèn)分類。

  • 登錄WordPress后臺 → 設(shè)置 → 撰寫
  • 就能設(shè)置“默認(rèn)文章分類目錄”。

如何管理現(xiàn)有分類?

通過將鼠標(biāo)放在分類名稱上,就會出分類目錄的管理菜單?▼

  • 編輯 | 快速編輯 | 刪除 | 查看

如下圖WordPress分類目錄的 “電商” 所示 ▼

wordpress-catagory

  • 你可以單擊查看它。

請務(wù)必注意,如果某個分類為“默認(rèn)分類”且無法刪除,則可以先將其他分類設(shè)置為默認(rèn)分類,然后刪除該分類。

如何查看分類ID?

有時,例如,一些WordPress主題設(shè)置選項,需要填寫分類ID,來調(diào)用分類的內(nèi)容,此時你需要查看分類ID

將鼠標(biāo)放在分類名稱上,接著右鍵單擊 “復(fù)制鏈接地址”,以獲取以下鏈接:

https: //域名/edit-tags.php?action=edit&taxonomy=category&tag_ID=1&post_type=post
  • 其中 ID=1 是此分類目錄的ID

以上是WordPress分類目錄的基本介紹,如果你有任何疑問,可以留言。

擴(kuò)展閱讀:

WordPress怎么用?WordPress后臺常規(guī)設(shè)置&中文Title

我們在上一篇文章中,說到了如何安裝和搭建WordPress。接下來,我們需要快速熟悉WordPress,并執(zhí)行一些必要的基本設(shè)置。在開始設(shè)置之前,建議你先單擊左側(cè)菜單欄中的每個選項,以查看其……

hyperlink-icon_350x350-9如何手動搭建WordPress?WordPress安裝教程

我們網(wǎng)站之前分享了WordPress的新手入門建站教程:WordPress是什么意思?干什么的?能做什么網(wǎng)站? WordPress做網(wǎng)站需哪些條件手續(xù)?接下來,更新系列文章,本文主要演示如何手……

how-install-wordpress_001-1如何讓W(xué)ordPress分類/標(biāo)簽/作者頁顯示置頂文章?

WordPress有一個內(nèi)置的文章置頂功能,但默認(rèn)只支持首頁顯示置頂文章。其他存檔頁面(例如分類頁面,標(biāo)簽頁面,作者頁面和日期頁面)不能顯示置頂文章在頂部,只能以默認(rèn)順序顯示。很多使……

what-is-wordpress-3

閱讀該系列的其它文章:

<< 上一篇:WordPress如何修改語言設(shè)定?更換中文/英文設(shè)置方法
下一篇:WordPress如何發(fā)布文章?自己發(fā)文章的編輯選項 >>

希望我們網(wǎng)站( http://news.qtyiliao.cn/ ) 分享的《如何創(chuàng)建WordPress分類目錄?WP分類目錄管理》,對您有幫助。

網(wǎng)頁HTML 5圖片自適應(yīng)屏幕 img等比例縮放大小代碼(html設(shè)置圖片按比例縮放)

發(fā)布于: 2022-11-03

1 CSS 圖片自適應(yīng)什么意思?

  • 2 CSS image高度和寬度自適應(yīng)代碼
    • 2.1 為什么不使用寬度:100%?
  • 3 注意事項

 

由于移動互聯(lián)網(wǎng)蓬勃發(fā)展、微信營銷的普及,手機(jī)已是生活中必備的工具。

建站的模板,推薦使用WordPress的自適應(yīng)主題:

  • 若WordPress主題開發(fā)人員,在設(shè)計的WordPress主題網(wǎng)頁時,沒做好HTML 5圖片自適應(yīng)屏幕……
  • 在移動設(shè)備上瀏覽網(wǎng)站,就會出現(xiàn)非常難看圖片錯位,用戶體驗極差!

CSS 圖片自適應(yīng)什么意思?

css-html5

CSS圖片自適應(yīng)是指讓html 網(wǎng)頁中的圖片,通過CSS代碼實現(xiàn):

  • 自動適應(yīng)不同設(shè)備的寬度和高度。
  • img?標(biāo)簽等比例自動縮放大小。

接下來,我們會給你分享CSS img 等比例縮放大小代碼 ^_^

CSS image高度和寬度自適應(yīng)代碼

在html中插入圖像:

如果你希望圖像自適應(yīng)屏幕的小,而不是在寬度和高度上保持固定不變。

可以將以下代碼,添加到WordPress主題的?style.css 文件中?▼

/*圖片自適應(yīng)寬度和高度*/ 
img { max-width: 100%; height: auto; width: auto; width: auto; }

此處聲明max-width最大寬度規(guī)則

  • 以確保所有圖像最大100%顯示(即它們只能顯示為本身圖像那么大)。
  • 此時,如果包含圖像的元素(例如,包含圖像的主體或div)小于圖像的固有寬度,則將縮放圖像以占滿最大的可用空間。

width:auto;表示自動寬度的意思

\9 是hack css 的一種寫法。

  • 這種方式將“\9”添加到普通的css代碼中,只有IE瀏覽器可以識別它,其他瀏覽器會忽略這個語句。
  • 這將實現(xiàn)瀏覽器差異化,能夠?qū)崿F(xiàn)兼容的瀏覽器的目的。

為什么不使用寬度:100%?

要實現(xiàn)圖像的自動縮放,還可以使用更常用的寬度屬性,例如width:100%。

但是,此規(guī)則不適用于此處。

  • 因為此規(guī)則將使其顯示為與其容器一樣寬。
  • 在容器比圖片寬得多的情況下,圖片將被不必要地拉伸。

注意事項

CSS選擇器是什么?class跟id有什么區(qū)別?以下教程就有說到?▼

CSS選擇器class跟id有什么區(qū)別?HTML中id和class用法

CSS選擇器class跟id有什么區(qū)別?HTML中id和class用法我們最近在執(zhí)行SEO,優(yōu)化網(wǎng)站的WordPress主題。雖然之前有學(xué)過一些基礎(chǔ)的 HTML 和 CSS 知識,但是一段時間沒有操作,尤其是CSS部分……

 

手機(jī)端網(wǎng)站播放MP4視頻如何自適應(yīng)頁面?請點擊以下鏈接?▼

H5網(wǎng)頁MP4如何自適應(yīng)頁面?手機(jī)端網(wǎng)站播放視頻html代碼

視頻營銷是網(wǎng)絡(luò)營銷的組成部分:很多網(wǎng)絡(luò)推廣從業(yè)者經(jīng)常用視頻結(jié)合“病毒式營銷”來引流量。 若微信營銷結(jié)合視頻營銷,能進(jìn)一步提升新媒體和社交電商的文案轉(zhuǎn)化率。有不少朋友……

 

 

希望我們網(wǎng)站( https://www.wordpressx.com/ ) 分享的《網(wǎng)頁HTML 5圖片自適應(yīng)屏幕 img等比例縮放大小代碼》,對您有幫助。

TAG:

WordPress如何添加菜單?自定義導(dǎo)航欄顯示選項(wordpress設(shè)置菜單不顯示)

發(fā)布于: 2022-11-03

1 如何確定主題是否有自定義菜單功能?

  • 2 WordPress自定義導(dǎo)航菜單
    • 2.1 WordPress創(chuàng)建&設(shè)置菜單
  • 3 WordPress菜單選項
  • 4 WordPress菜單管理位置

 

本文是《WordPress建站教程》系列文章的第 16 部分,該系列共包含以下 21 個部分:

  1. WordPress是什么意思?干什么的?能做什么網(wǎng)站?
  2. 個人/公司建站需要多少錢?搭建企業(yè)網(wǎng)站費用價格
  3. 建站需要什么程序軟件?自己做網(wǎng)站需哪些條件手續(xù)
  4. 如何選擇合適的域名?網(wǎng)站建設(shè)域名注冊建議&原則
  5. NameSilo域名注冊教程(送你 1 美金 NameSilo優(yōu)惠碼)
  6. BlueHost主機(jī)怎么樣?最新BlueHost美國優(yōu)惠碼/優(yōu)惠券
  7. Bluehost如何一鍵自動安裝WordPress?BH建站教程
  8. NameSilo將域名NS解析到Bluehost/SiteGround教程
  9. 如何手動搭建WordPress?WordPress安裝教程
  10. 如何登陸WordPress后臺?WP后臺登錄地址
  11. WordPress怎么用?WordPress后臺常規(guī)設(shè)置&中文Title
  12. WordPress如何修改語言設(shè)定?更換中文/英文設(shè)置方法
  13. 如何創(chuàng)建WordPress分類目錄?WP分類目錄管理
  14. WordPress如何發(fā)布文章?自己發(fā)文章的編輯選項
  15. WordPress如何新建頁面?添加/編輯頁面設(shè)置
  16. WordPress如何添加菜單?自定義導(dǎo)航欄顯示選項
  17. FTP怎么在線解壓縮zip文件?PHP線上解壓程序下載
  18. FTP工具連接超時失敗WordPress如何配置連服務(wù)器?
  19. WordPress主題是什么?如何安裝WordPress模板?
  20. 如何安裝WordPress插件?3種安裝WordPress插件方法
  21. VPS如何使用rclone備份?CentOS使用GDrive自動同步教程

WordPress 3.0以上的版本,已經(jīng)添加了自定義導(dǎo)航欄菜單的功能。

大多數(shù)的WordPress主題都支持自定義導(dǎo)航欄菜單功能,你可以自由地為你的網(wǎng)站設(shè)置導(dǎo)航欄菜單。

將重要頁面鏈接,添加到導(dǎo)航欄菜單的2大作用:

  1. 可提升用戶體驗。
  2. 能提升SEO權(quán)重。

現(xiàn)在我們就來給你分享:如何設(shè)置WordPress導(dǎo)航菜單?

如何確定主題是否有自定義菜單功能?

啟用主題后,登錄WordPress后臺 → 外觀 → 菜單。

如果你看到下面顯示的內(nèi)容,則主題不支持自定義菜單,否則它支持 ▼

custom-menu-not-support

WordPress自定義導(dǎo)航菜單

在自定義菜單之前,你需要創(chuàng)建所需的文章分類目錄和頁面。

創(chuàng)建文章分類目錄、頁面方法,請參考以下教程 ▼

WordPress如何新建頁面?添加/編輯頁面設(shè)置

WordPress頁面類似于文章,功能也是內(nèi)容發(fā)布,但它們是不同的。由于很多網(wǎng)絡(luò)營銷新手,不知道WordPress如何新建頁面?現(xiàn)在,就讓我們來分享,WordPress如何添加、編輯頁面設(shè)置吧!登……

如何創(chuàng)建WordPress分類目錄?WP分類目錄管理

新媒體人學(xué)習(xí)用WordPress建站做網(wǎng)絡(luò)推廣,將具有不同主題的文章被分配到不同的分類,可以幫助訪問者,找到他們想要的內(nèi)容,并改善用戶體驗。因此,有必要為你的電商網(wǎng)站創(chuàng)建文章分類。那……

 

WordPress創(chuàng)建&設(shè)置菜單

第 1?步:進(jìn)入WordPress菜單頁面

登錄WordPress后臺 → 外觀 → 菜單?▼

wordpress-creates-menu

  • 此處能創(chuàng)建新菜單,也能管理之前創(chuàng)建的菜單。
  • 若創(chuàng)建新菜單,請在 “菜單名稱” 輸入框中,填寫菜單分類名稱。
  • 然后單擊“保存”,以創(chuàng)建新的導(dǎo)航菜單位置類別。

第 2? 步:選擇主題位置

  • 我們要將菜單指定為網(wǎng)站上的導(dǎo)航菜單。
  • 選擇主題位置,勾選 Primary Navigation(主導(dǎo)航)?▼

wordpress-menu-setting

  • 注意不要勾選 “自動將所有頂級頁面添加到此菜單”?▲
  • 在這種情況下,每次創(chuàng)建頂級頁面時,它都會自動添加到菜單中,但菜單的寬度有限,會在超出寬度后換行(影響美觀)。

第 3?步:添加和排序WordPress菜單結(jié)構(gòu)

這里以創(chuàng)建一個名為 “Menu 1” 的菜單為例?▼

wordpress-menu-structure

  • 從左側(cè)選擇要添加的鏈接(頁面鏈接,文章鏈接,自定義鏈接、分類目錄鏈接),然后將其添加到菜單中。
  • (其實你可以在這里添加任何鏈接,例如,你可以添加一個首頁,你可以通過“自定義鏈接”指向首頁網(wǎng)址)

排序菜單結(jié)構(gòu):

  • 在菜單結(jié)構(gòu)區(qū)域中,將菜單項稍微向右拖動,以快速設(shè)置二級菜單和多級菜單。
  • 設(shè)置的效果是梯形的,也就是說,二級菜單比其上一級更加縮進(jìn)。
  • 導(dǎo)航名稱后面會出現(xiàn)一些灰色的“子項目”標(biāo)志。
  • 排列菜單好了后,單擊“保存菜單”。

WordPress菜單選項

WordPress菜單默認(rèn)是隱藏了一些功能。

如果要控制菜單的更多屬性,請單擊屏幕右上角的“顯示選項”,以顯示隱藏的功能?▼

wordpress-menu-display-options

  • 你可以選擇更多菜單項類型。
  • 例如:標(biāo)簽和文章,以及顯示菜單的高級屬性(鏈接目標(biāo),CSS類,鏈接關(guān)系網(wǎng),描述)。

wordpress-menu-detail-settings

導(dǎo)航標(biāo)簽:

  • 鏈接的文字。

標(biāo)題屬性:

  • 是a標(biāo)簽的title屬性的值,如上圖中所示 “我們網(wǎng)站的首頁”。

CSS類:

  • 向菜單項添加class。
  • 此菜單項因css而異。
  • 我們網(wǎng)站首頁的CSS添加的是 fas fa-home。

鏈接關(guān)系網(wǎng)絡(luò):

  • 通過鏈接關(guān)系網(wǎng)(XFN),將rel屬性添加到菜單。
  • 如果你不希望搜索引擎給予此菜單鏈接權(quán)重,則可以向其添加rel="nofllow"屬性。

鏈接目標(biāo):

  • 控制菜單鏈接打開方式。
  • 比如,在新窗口中打開(target="_blank"),或在當(dāng)前窗口中打開(默認(rèn))。

以下是基于上圖中顯示的設(shè)置,網(wǎng)頁所呈現(xiàn)代碼:

<a title="我們網(wǎng)站的首頁" rel="nofollow" href="https://www.wordpressx.com/"><i class="fa fa-home"></i><span class="fontawesome-text"> 首頁</span></a>

WordPress菜單管理位置

以下是WordPress菜單設(shè)置頂部的管理位置 ▼

wordpress-menu-management

  • 管理位置所顯示的主題設(shè)置,會因為使用不同的主題,而有所不同。
  • 你可以為每個“主題位置”設(shè)置指派菜單,以便每個位置的導(dǎo)航菜單,顯示不同的內(nèi)容。

WordPress自定義導(dǎo)航欄菜單教程,到此結(jié)束。

希望我們網(wǎng)站( http://news.qtyiliao.cn/ ) 分享的《WordPress如何添加菜單?自定義導(dǎo)航欄顯示選項》,對您有幫助。

如何安裝WordPress插件?3種安裝WordPress插件方法(wordpress編輯插件)

發(fā)布于: 2022-11-03

1 安裝WordPress插件

  • 1.1 方法1:搜索安裝WordPress插件
  • 1.2 方法2:后臺上傳安裝WordPress插件
  • 1.3 方法3:FTP上傳和安裝WordPress插件
  • 2 啟用和管理Wordpress插件
  • 3 注意事項

本文是《WordPress建站教程》系列文章的第 20 部分,該系列共包含以下 21 個部分:

  1. WordPress是什么意思?干什么的?能做什么網(wǎng)站?
  2. 個人/公司建站需要多少錢?搭建企業(yè)網(wǎng)站費用價格
  3. 建站需要什么程序軟件?自己做網(wǎng)站需哪些條件手續(xù)
  4. 如何選擇合適的域名?網(wǎng)站建設(shè)域名注冊建議&原則
  5. NameSilo域名注冊教程(送你 1 美金 NameSilo優(yōu)惠碼)
  6. BlueHost主機(jī)怎么樣?最新BlueHost美國優(yōu)惠碼/優(yōu)惠券
  7. Bluehost如何一鍵自動安裝WordPress?BH建站教程
  8. NameSilo將域名NS解析到Bluehost/SiteGround教程
  9. 如何手動搭建WordPress?WordPress安裝教程
  10. 如何登陸WordPress后臺?WP后臺登錄地址
  11. WordPress怎么用?WordPress后臺常規(guī)設(shè)置&中文Title
  12. WordPress如何修改語言設(shè)定?更換中文/英文設(shè)置方法
  13. 如何創(chuàng)建WordPress分類目錄?WP分類目錄管理
  14. WordPress如何發(fā)布文章?自己發(fā)文章的編輯選項
  15. WordPress如何新建頁面?添加/編輯頁面設(shè)置
  16. WordPress如何添加菜單?自定義導(dǎo)航欄顯示選項
  17. FTP怎么在線解壓縮zip文件?PHP線上解壓程序下載
  18. FTP工具連接超時失敗WordPress如何配置連服務(wù)器?
  19. WordPress主題是什么?如何安裝WordPress模板?
  20. 如何安裝WordPress插件?3種安裝WordPress插件方法
  21. VPS如何使用rclone備份?CentOS使用GDrive自動同步教程

WordPress的強(qiáng)大之處,可以通過安裝WordPress插件的方式,來擴(kuò)展各種豐富功能,比如:SEO、電子商務(wù)功能等等。

安裝WordPress插件的方法,類似于安裝WordPress主題。

安裝WordPress插件

新媒體人學(xué)習(xí)用WordPress建站,有3種常用方法,可以安裝WordPress插件:

  1. 搜索安裝WordPress插件
  2. 后臺上傳安裝WordPress插件
  3. FTP上傳和安裝WordPress插件

方法1:搜索安裝WordPress插件

登錄WordPress后臺 → 插件 → 安裝插件?→?輸入關(guān)鍵字進(jìn)行搜索?▼

search-install-plugin

  • 瀏覽搜索結(jié)果,并安裝WordPress插件?▲

注意事項:

  • 通常建議安裝已提交到WordPress插件庫,并最近更新的WordPress插件。
  • 建議不要安裝尚未更新超過2年的WordPress插件。

方法2:后臺上傳安裝WordPress插件

登錄WordPress后臺 → 插件 → 安裝插件 → 上傳?▼

upload-plugin-online

  • 選擇電腦上的 .zip格式 的插件包?▲

方法3:FTP上傳和安裝WordPress插件

如果你不能通過以上的方法安裝它WordPress插件,你可以通過FTP連接到主機(jī)空間,將壓縮包解壓,并將其上傳到 /wp-content/plugins/ 目錄?▼

ftp-upload-plugins

如果上傳速度不快、WordPress主題文件太多,怎么辦?

可直接上傳zip壓縮包文件,再通過PHP線上解壓 zip?壓縮文件?▼

FTP怎么在線解壓縮zip文件?PHP線上解壓程序下載

網(wǎng)絡(luò)營銷新手學(xué)建站,通過FTP工具上傳WordPress程序、主題和WordPress插件。 有時使用FTP上傳大文件太慢,而且容易出錯……此時,我們可以壓縮要上傳到FTP的文件壓縮成zip文件(不是rar,……

download-now-normal-download

啟用和管理Wordpress插件

安裝Wordpress插件后,在WordPress后臺 → 插件 → 安裝Wordpress插件,即可啟用Wordpress插件?▼

enable-installed-plugins

  • 啟用Wordpress插件后,通常需要進(jìn)行設(shè)置。
  • 每個Wordpress插件的設(shè)置選項都不同,所以這里就不做說明了。

你也可以在此處,禁用已啟用的Wordpress插件?▼

以上是安裝WordPress插件的基本操作,你學(xué)到了嗎?

注意事項

如果你在安裝WordPress插件時,出現(xiàn)WordPress權(quán)限錯誤提示:

  • 無法創(chuàng)建目錄復(fù)制文件安裝失敗需要ftp
  • 安裝失敗未能找到WordPress內(nèi)容目錄wp content
  • WordPress無法安裝插件

解決方法,請看這篇WordPress教程?▼

升級WordPress權(quán)限錯誤提示:無法創(chuàng)建目錄復(fù)制文件安裝失敗需要ftp

升級WordPress權(quán)限錯誤提示:無法創(chuàng)建目錄復(fù)制文件安裝失敗需要ftp我們在剛安裝WordPress,或者WordPress網(wǎng)站搬家換空間之后,想要升級WordPress插件、程序或主題時,經(jīng)常會遇到這些常見問……

希望我們網(wǎng)站( https://www.wordpressx.com/ ) 分享的《如何安裝WordPress插件?3種安裝WordPress插件方法》,對您有幫助。

如何在WordPress文章內(nèi)添加JavaScript代碼?(wordpress可以自己寫代碼嗎)

發(fā)布于: 2022-11-03

1 WordPress文章內(nèi)添加JS代碼方法

  • 2 1)直接在WordPress文章里添加JS代碼
  • 3 2)寫入JS文件后WordPress文章中調(diào)用JS代碼
  • 4 WordPress調(diào)用今天日期的JS代碼
  • 5 注意事項

 

系統(tǒng)學(xué)過建站技術(shù)的SEO高手,都知道如何簡單使用JavaScript程序。

網(wǎng)絡(luò)上有很多別人分享出來的、好用的JavaScript代碼。

如果你可以在WordPress文章里添加JS代碼,必能讓文章生色不少。

WordPress文章內(nèi)添加JS代碼方法

在WordPress文章中,添加JavaScript代碼是非常簡單的。

接下來,我們將會為你分享:如何在WordPress文章中,添加 JavaScript 代碼程序?

通常有2種添加JS代碼的方式:

  1. 直接在WordPress文章里添加JS代碼
  2. 寫入JS文件后WordPress文章中調(diào)用JS代碼

1)直接在WordPress文章里添加JS代碼

第一種方法,直接在WordPress文章中編寫JavaScript。

以下是打印“Hello World!”文字的示例?▼

<script type="text/javascript">// <![CDATA[
document.write("Hello World!")
// ]]></script>

這是在WordPress文章中,執(zhí)行JavaScript后顯示“Hello World!” ▼

wordpress-article-add-js_001

2)寫入JS文件后WordPress文章中調(diào)用JS代碼

第二種方法,將JavaScript代碼寫入單獨的文件。

然后在需要插入JavaScript的WordPress文章中,通過WordPress文本編輯器調(diào)用JavaScript文件。

以下示例是在WordPress文章中,打印“Hello World”文本?▼

<script type="text/javascript" src="https://img.wordpressx.com/javascript/hello.js">// <![CDATA[
// ]]></script>

JavaScript文件hello.js的內(nèi)容?▼

document.write("Hello World");

在WordPress文章中添加JavaScript代碼所顯示的結(jié)果?▼

wordpress-article-add-js_002

WordPress調(diào)用今天日期的JS代碼

互聯(lián)網(wǎng)上有許多好玩又有用JavaScript代碼。

現(xiàn)在舉例說明如何使用它們?

在WordPress文章中打印今天的日期。

將以下JavaScript date.js文件,插入到WordPress文章中?▼

<script type="text/javascript" src="https://img.wordpressx.com/javascript/date.js"></script>
<script type="text/javascript">// <![CDATA[
     // call function if required.
// ]]></script>

以下是 date.js 文件的 JavaScript 內(nèi)容?▼

var calendarDate = getCalendarDate();

document.write("Today is: " + calendarDate);

function getCalendarDate()
{
?? var months = new Array(13);
?? months[0]? = "January";
?? months[1]? = "February";
?? months[2]? = "March";
?? months[3]? = "April";
?? months[4]? = "May";
?? months[5]? = "June";
?? months[6]? = "July";
?? months[7]? = "August";
?? months[8]? = "September";
?? months[9]? = "October";
?? months[10] = "November";
?? months[11] = "December";
?? var now???????? = new Date();
?? var monthnumber = now.getMonth();
?? var monthname?? = months[monthnumber];
?? var monthday??? = now.getDate();
?? var year??????? = now.getYear();
?? if(year < 2000) { year = year + 1900; }
?? var dateString = monthname +
??????????????????? ' ' +
??????????????????? monthday +
??????????????????? ', ' +
??????????????????? year;
?? return dateString;
} // function getCalendarDate()

以下是WordPress文章中JavaScript執(zhí)行今天的日期的結(jié)果?▼

wordpress-article-add-js_003

以下是本文中執(zhí)行的JavaScript文件date.js的結(jié)果?▼

注意事項

要將JS代碼插入到文章中,你需要WordPress編輯器切換到文本模式。

需特別注意<script>和</ script>之間不能有換行。

如果有換行,WordPress將自動處理為段落,自動加上導(dǎo)致JS腳本代碼失效的p標(biāo)簽。

這里還有更多關(guān)于WordPress?JavaScript代碼的文章?▼

WordPress如何指定文章頁面加載JavaScript/CSS代碼?

在制作WordPress主題時,如果有一個特定的JavaScript或CSS代碼,出現(xiàn)在WordPress的特定頁面上,它只會被使用一次。應(yīng)該把代碼放在哪里? Style.css還是base.js?但這樣做的成本有點大?!?/p>

wordpress-post-add-custom-fields_002-1如何讓W(xué)ordPress延遲加載JavaScript加速頁面渲染?

WordPress延遲加載JavaScript,來加速頁面渲染方法。什么是JavaScript的Defer屬性?每個人都可能遇到過這種情況:head中有N個腳本,在加載腳本時,會阻塞頁面渲染,這通常是空白的。 ……

hyperlink-icon_350x350-12WordPress如何適當(dāng)引入JavaScript?自定義加載JS和CSS文件

用WordPress建站的程序員,在開發(fā)WordPress插件或定制WordPress主題時,會引用一些JavaScript和CSS腳本資源。通常,人們直接為HTML使用link、script標(biāo)記。 實際上,WordPress內(nèi)……

hyperlink-icon_350x350-12

希望我們網(wǎng)站( http://news.qtyiliao.cn/ ) 分享的《如何在WordPress文章內(nèi)添加JavaScript代碼?》,對您有幫助。

TAG列表 wordpress最新最熱TG匯集,掌握wordpress熱線內(nèi)容
WooCommerce 功能WordPress濾敏感詞過濾插件wordpress cdnwp-json鏈接wordpress Post Viewswordpress文章卡片樣式Footer and Post Injections插件wordpress感謝頁面Easy WP Cleaner插件隱藏WordPress代碼內(nèi)版本號WordPress調(diào)試模式nameCheap最新優(yōu)惠碼WooCommerce 商店WordPress官網(wǎng)制作wordpress漏洞修復(fù)Image Sizes插件xmlrpc.php攻擊wordpress DropboxWordPress網(wǎng)站惡意代碼WordPress顯示運行數(shù)據(jù)庫BackWPup插件Rich Snippets結(jié)構(gòu)化數(shù)據(jù)Better Search Replace插件Avada主題Dropbox上傳失敗Redis加速緩存插件wp-json防止數(shù)據(jù)被采集保護(hù)robots.txtCWP開啟Redis緩存安裝WordPress插件WordPress網(wǎng)站安全防WordPress廣告詞檢測WordPress文章描文本bootstrap自適應(yīng)布局織夢采集俠wordpresswp-json安全設(shè)置WooCommerce 定價WordPress超級菜單robots.txt安全設(shè)置wordpress表單跳轉(zhuǎn)WordPress外鏈特色圖片Jetpack插件WordPress大氣的樣式禁用 xmlrpc.phpWP安全登錄插件推薦critical automatic updatesnamechep域名優(yōu)惠碼wp-json優(yōu)化CWP控制面板轉(zhuǎn)KLOXO-MRFeatured Image From URLnamechep續(xù)費優(yōu)惠碼WooCommerceWP SMTP插件Awesome SupportJetpack站點加速器CDN圖像緩存WordPress站內(nèi)搜索排除某些類別的文章WordPress違禁詞檢查百度熊掌號WordPress自動備份WordPress虛擬主機(jī)偽靜態(tài)WordPress站內(nèi)搜索排除所有頁面WP-No-Tag-Base插件h5自適應(yīng)布局WordPress網(wǎng)站防護(hù)WordPress過濾敏感詞插件wordpress小圖標(biāo)不顯示wordpress更換域名圖標(biāo)不顯示http://www.fandutaoci.cnPretty Links Pro插件Avada主題演示wordpress描文本wordpress安全防護(hù)wp-json漏洞Markdown here插件wordpress文章瀏覽數(shù)量統(tǒng)計wordpress常規(guī)設(shè)置WordPress菜單自定義圖標(biāo)WordPress tagWordPress頁腳頁眉插件扒站怎么改wordpress主題robots.txt禁止訪問谷歌 SEO網(wǎng)站添加CDN主機(jī)殼WordpressWordPress自定義頁眉Wordfence Security插件wordpress打開是代碼WP SMTP插件設(shè)置Shortcodes UltimateWordPress tag模版隱藏WordPress后臺登錄地址修改wordpress登錄地址xmlrpc.php漏洞Mega Menu插件WP插件優(yōu)化head代碼Shortcodes Ultimate插件什么是 WooCommerceWordPress頁腳加載JSAll In One WP Security去除tag標(biāo)簽url
服務(wù)電話:
0533-2765967

微信 13280692153