用Wordpress打造網站30幾個之後，發現好用的佈景主題確實能夠加快架站的速度，用OceanWP主題後，不需要懂HTML與CSS也能做出讓人喜歡的網站風格。加上Elementor視覺化編輯器做出更多想要的視覺效果。
本來想要寫文章教學用Elementor的免費模板做出漂亮的網站，但…我的網頁變成這樣….
網頁的組成是控制架構的HTML加上控制樣式的CSS，通常網頁歪掉跟CSS有極大的關係，那用Elementor視覺化編輯器就是幫助我們設定CSS樣式的部分。
用Elementor編輯器做出來的模板歪掉了，我猜想有幾個可能性：
- 我的瀏覽器沒有紀錄到這次新的更動
- 我選的這個模板CSS壞掉了或是沒吃到CSS
- WordPress或是Elementor故障。
接下來來找找以上問題的答案
1.的測試方式，在Chrome開啟無痕模式，在無痕模式開啟我做好的網頁，發現無痕模式看到的網頁跟上圖沒有不一樣，表示不管是誰在哪個地方看到的網頁確時都長這樣
2.該不會是我選到這個模板他在載入時沒有完整的載入CSS檔案??因此我在同個頁面的下方又加入了另一個模板，結果怎麼另一個模板也歪掉了，如下圖…
所以排除了以上1.2.兩個原因，我重新開啟了一個全新的頁面，在那個頁面載入我一開始選的模板，終於成功正常顯示了!!
最近Elementor編輯器有時候會怪怪的顯示不正常，但我用過很多視覺化編輯器，常常都會有這個問題產生，因此你也可以照這個方式測試看看喔～
以上教學就到這邊～以上頁面的教學文章努力編寫中，若有遇到其他問題歡迎留言與我討論～
此文章非贊助，純粹是出於愛用而撰寫之文章，若有其他的問題歡迎留言詢問，也希望您不吝嗇您的掌聲幫我點likecoin，贊助我寫教學文章囉～
您好~~方便跟您請教，我也發生elementor版型跑掉，外掛刪掉重灌，還是回不來，請問您指的重新開啟全新的頁面是什麼意思呢? 還是其實是elementor壞掉了呢? 先謝謝您唷 🙂
Elementor有時候會故障，網頁CSS編碼跑掉，導致網頁跑版，我通常是重新開一個頁面重做才可以。不好意思，太晚回覆你了。