WordPress是一種用途廣泛的工具。 它既可以用作內容管理系統,也可以用作博客平台(不育系).
絕對是因為此工具易於學習,使用和自定義。 我的意思是,您可以根據需要進行轉換,而無需花費太多精力。 您甚至可以在WordPress帖子和頁面中添加不同的背景,這是本教程的主題的最後一部分。
如果您要為WordPress帖子和頁面添加一些顏色和样式,則本指南使用兩方面的方法來研究主題。 首先,我們將使用CSS和簡單的PHP函數為帖子或頁面添加不同的背景。
但是,如果那不是你的茶(假設您是完美的初學者,而代碼不是您的事),我們將提供一個插件來幫助您完成此操作。
無論哪種方式,您都不必浪費很多時間,因為這是一個相對簡單的項目。 另外,學習新知識總是很有趣。
但是之前,如果您從未安裝過WordPress發現 如何安裝WordPress博客7步驟 et 如何找到,安裝和你的博客激活WordPress主題
然後回到為什麼我們在這裡。
如何在WordPress上使用代碼添加背景
如果您了解PHP,HTML和CSS,那麼本部分將非常有用。 不用擔心,您可以隨時復制並粘貼此處提供的摘錄。 您只需要知道WordPress安裝中不同文件的位置即可。
發現原因 視頻背景並非總是一個好主意
在WordPress上使用CSS添加不同的背景
多,進入WordPress的文章和頁面(風格和整個網站)由名為“樣式表 “。 WordPress上的樣式表文件通常重命名為“ style.css”。 您可以訪問“ style.css文件 通過訪問“ 外觀>編輯器 在您的WordPress儀表板上:
我們將添加背景(和其他樣式),將您的文章和WordPress頁面保存在style.css文件中,因此,第二個打開的標籤可用於預覽各種更改,這一點很重要。
還發現這些 WordPress開發人員的一些文本編輯器
導航到“ 外觀>編輯器 您還將看到所有模型的列表 WordPress主題 在屏幕的右側。 如果您使用的是子主題,則需要上傳父主題的模板文件。
您需要關注文件“ header.php文件 “。 為什麼選擇header.php ? 因為此文件已添加到所有其他頁面和文章。 換句話說,header.php中的代碼會出現在您創建的每個頁面或帖子中。
找到以下代碼片段:
>
此功能是有目的的。 它提供CSS類,可用於更改文章和頁面的樣式。 您要做的就是將特定的CSS類定位到要自定義的頁面或文章,並添加背景和样式。 您現在要做的就是保存更改。
發現這個 您可以具體地使用WordPress插件Yellow Pencil嗎?
因此,
查看任何帖子或頁面的源代碼都很容易。 如果您使用的是Chrome,請右鍵點擊頁面上的空白區域,然後點擊“ 檢查元素 “。 在Mozilla上,直接在文章/頁面上單擊鼠標右鍵,然後單擊“ 頁面的源代碼 “。 如果您使用的是Microsoft Edge(Internet Explorer),請右鍵單擊您的頁面/文章,然後選擇“ 查看源代碼 “。
也學習 如何有效地使用標籤在Web瀏覽器
如果您查看WordPress頁面的源代碼,則生成的代碼幾乎相同:
如果查看單篇文章的源代碼,body_class函數將顯示類似以下內容:
如您所見,您將擁有一個CSS選擇器集,可用於自定義博客背景。
如何使用插件添加自定義背景
您還可以像我們之前展示的那樣自定義 WordPress 帖子和頁面背景,使用 WordPress插件. 因此,如果您沒有時間修改代碼或按照這些說明進行操作,這裡有一個插件可以幫助您實現目標。
高級WordPress的自定義背景
幾分鐘後, 自定義背景 您將能夠為文章,頁面,自定義出版物格式,分類法和檔案館等創建旋轉背景。 您甚至可以自定義視差效果,計時器等。
您甚至可以為WordPress帖子和頁面設置可點擊的背景,而無需進行過多配置。 作者還允許您在購買插件之前先對其進行測試,以便您了解期望。
1。 Zxeion
Zxeion是一個強大的 WordPress插件 這可以增強您網站的安全性。 該插件包含一系列補丁程序和工具,可為您提供額外的保護以及對網絡的實時保護,可以幫助您識別對網站的威脅並無需採取任何措施即可將其阻止。任何東西。
它的功能包括:實時保護,隱藏管理部分的功能,自動防火牆禁止,文件保護,IP阻止程序,針對蠻力攻擊的保護,服務器錯誤,垃圾郵件防護等
2。 SearchAzon
Le WordPress插件 SearchAzon 允許您將亞馬遜搜索功能集成到您的網站中。 這將使您可以選擇是否將亞馬遜上的搜索結果顯示到您的網站並將訪問者重定向到亞馬遜。
通過使用SearchAzon,您將獲得佣金,您的客戶將會感到高興。 這是一個非常簡單的概念,將從您的網站自動試用中獲得收益。 假設您已經有一個僅提供特定產品細分市場的在線商店,例如:Apple。 一位客戶搜索“ Samsung S8 +”,結果是您將失去該客戶。 這是SearchAzon起作用的地方。
如果客戶搜索基於您的關鍵字/詞組在您的網站上找不到的產品,則將在亞馬遜上啟動自動搜索,您的客戶將從亞馬遜直接獲得最佳結果,直接到您的網站。 因此,不再有失去或失望的客戶。 每個人都可以在您的網站上找到他們想要的東西,您將從亞馬遜公司獲得更多收入。
3。 主滑塊
難怪 WordPress插件 Master Slider 一直是 CodeCanyon 上的最愛。 這個觸覺和響應式滑塊提供了 70 多個模板,這些模板高度可定制且易於使用。
您可以選擇將HTML文本,鏈接,圖像或視頻直接插入或嵌入到每個幻燈片中,然後獨立地為每個圖層設置動畫。 擁有70多種配置選項,Master Slider仍然是此細分市場中高度可定制的插件之一。
它的功能包括:可視化幻燈片顯示生成器,易用性,導航鍵的存在,能夠從Flickr和WooCommerce等服務加載和查看圖庫的功能,以及更多其他功能
其他推薦資源
我們還邀請您參考以下資源,以進一步掌握和控製網站和博客。
- 如何管理WordPress博客圖像的URL
- 如何為您的WordPress博客配置CloudFlare CDN
- 如何更新在Themeforest上購買的WordPress主題
- 如何在WordPress上創建自定義模板
結論
就是這樣! 就是本教程的內容了,希望它可以讓您輕鬆地在WordPress上更改背景。 如果您喜歡這篇文章,請隨時 與你的朋友分享.
但是,您也可以諮詢我們的 RESSOURCES,如果您需要更多的元素來執行創建Internet網站的項目,請參考我們關於 WordPress博客創建。
但是,與此同時,請告訴我們您的 評論 和專用部分中的建議。
...