用Elementor版型網頁怎麼變成這樣?Elementor版型故障解決問題方法

用Elementor版型網頁怎麼變成這樣?Elementor版型故障解決問題方法

用Wordpress打造網站30幾個之後,發現好用的佈景主題確實能夠加快架站的速度,用OceanWP主題後,不需要懂HTML與CSS也能做出讓人喜歡的網站風格。加上Elementor視覺化編輯器做出更多想要的視覺效果。

本來想要寫文章教學用Elementor的免費模板做出漂亮的網站,但…我的網頁變成這樣….

網頁的組成是控制架構的HTML加上控制樣式的CSS,通常網頁歪掉跟CSS有極大的關係,那用Elementor視覺化編輯器就是幫助我們設定CSS樣式的部分。

用Elementor編輯器做出來的模板歪掉了,我猜想有幾個可能性:

  1. 我的瀏覽器沒有紀錄到這次新的更動
  2. 我選的這個模板CSS壞掉了或是沒吃到CSS
  3. WordPress或是Elementor故障。

接下來來找找以上問題的答案

1.的測試方式,在Chrome開啟無痕模式,在無痕模式開啟我做好的網頁,發現無痕模式看到的網頁跟上圖沒有不一樣,表示不管是誰在哪個地方看到的網頁確時都長這樣

2.該不會是我選到這個模板他在載入時沒有完整的載入CSS檔案??因此我在同個頁面的下方又加入了另一個模板,結果怎麼另一個模板也歪掉了,如下圖…

所以排除了以上1.2.兩個原因,我重新開啟了一個全新的頁面,在那個頁面載入我一開始選的模板,終於成功正常顯示了!!

最近Elementor編輯器有時候會怪怪的顯示不正常,但我用過很多視覺化編輯器,常常都會有這個問題產生,因此你也可以照這個方式測試看看喔~

以上教學就到這邊~以上頁面的教學文章努力編寫中,若有遇到其他問題歡迎留言與我討論~


此文章非贊助,純粹是出於愛用而撰寫之文章,若有其他的問題歡迎留言詢問,也希望您不吝嗇您的掌聲幫我點likecoin,贊助我寫教學文章囉~

發佈留言