“ธีมไม่มีสไตล์ CSS สไตล์ชีต” วิธีแก้ไขปัญหานี้

เผยแพร่แล้ว: 2023-01-18


คุณเพิ่งพบข้อผิดพลาด "ธีมไม่มีสไตล์ชีตสไตล์ CSS" บนเว็บไซต์ WordPress ของคุณหรือไม่

เป็นข้อผิดพลาดทั่วไปที่ผู้คนพบขณะพยายามติดตั้งธีมบนไซต์ WordPress ของตน โชคดีที่มีมาตรการแก้ไขปัญหาง่ายๆ ที่คุณสามารถทำได้เพื่อแก้ไขปัญหา

ในบทความนี้ อันดับแรกเราจะสำรวจสาเหตุที่อยู่เบื้องหลังข้อผิดพลาดและนำเสนอความเข้าใจเบื้องต้นเกี่ยวกับไฟล์ธีมเพื่อป้องกันไม่ให้ข้อผิดพลาดปรากฏขึ้นอีกในอนาคต จากนั้น เราจะแสดงวิธีแก้ไขข้อผิดพลาดและช่วยคุณอัปโหลดธีมที่คุณเลือกไปยังเว็บไซต์ WordPress ของคุณ

มาเริ่มกันเลยกับบทช่วยสอน

อะไรทำให้เกิดข้อผิดพลาด "ธีมไม่มีสไตล์ชีตสไตล์ CSS"

ข้อผิดพลาด “ธีมไม่มีสไตล์ชีตสไตล์ CSS” (หรือที่เรียกว่าข้อผิดพลาด “สไตล์ชีต style.css หายไป”) จะเกิดขึ้นเฉพาะเมื่อคุณพยายามอัปโหลดธีมไปยังเว็บไซต์ WordPress ของคุณ

เป็นหนึ่งในข้อผิดพลาด WordPress ที่พบไม่บ่อย ซึ่งจะแจ้งให้คุณทราบเกี่ยวกับสาเหตุของข้อผิดพลาด เช่น “ไม่มี style.css stylesheet”

ไฟล์ style.css มีอยู่ในธีม WordPress ทั้งหมด เป็นส่วนสำคัญของธีมเพราะมีส่วนรับผิดชอบในการจัดวางและสไตล์ของเว็บไซต์ของคุณ ดังนั้นเมื่อไฟล์หายไป WordPress ปฏิเสธที่จะติดตั้งธีมและแสดงข้อผิดพลาด

สไตล์ไฟล์ css ในโฟลเดอร์ธีม

ต่อไปนี้เป็นสาเหตุที่เป็นไปได้บางประการของข้อผิดพลาด "The Theme Is Missing the Style CSS Stylesheet":

  • ผู้พัฒนาธีม ลืมใส่ไฟล์ style.css ไว้ในธีม หรืออาจวางผิดที่ในตำแหน่งที่ WordPress หาไม่พบ
  • โฟลเดอร์ ถูกลบ โดยไม่ตั้งใจหรือ เสียหาย มากจน WordPress ไม่สามารถจดจำได้อีกต่อไป
  • เป็นไปได้ว่าคุณกำลังอัปโหลดโฟลเดอร์ที่ไม่ใช่ธีม แต่เป็น ปลั๊กอิน การผสมผสานประเภทนี้มักเกิดขึ้นกับปลั๊กอินที่มีส่วนเสริมให้กับธีมที่ติดตั้งบนไซต์ของคุณ
  • ไฟล์ธีมอาจถูกจัดเก็บไว้ในโฟลเดอร์ zip และ จำเป็นต้อง แตกไฟล์ก่อนอัปโหลด เพื่อให้ชัดเจน ควรอัปโหลดไฟล์ธีมในโฟลเดอร์ซิป แต่ตลาดบางแห่งเช่น ThemeForest เป็นที่รู้จักกันเพื่อเพิ่มชั้นพิเศษของโฟลเดอร์ zip ซึ่งมีไฟล์ธีมพร้อมกับเอกสารประกอบและใบอนุญาตจากตลาด

ตอนนี้เรามีความชัดเจนบางอย่างเกี่ยวกับสิ่งที่อาจทำให้เกิดข้อผิดพลาด "ธีมไม่มีสไตล์ CSS สไตล์ชีต" เรามาหาวิธีลบข้อผิดพลาดออกจากเว็บไซต์ของคุณกัน

วิธีแก้ไขข้อผิดพลาด "ธีมไม่มีสไตล์ชีตสไตล์ CSS"

ในการแก้ไขข้อผิดพลาด คุณจะต้องใช้มาตรการต่อไปนี้:

  1. ตรวจสอบว่าไฟล์ style.css หายไปหรือไม่
  2. ตรวจสอบให้แน่ใจว่าไฟล์ style.css ถูกจัดเก็บไว้ในตำแหน่งที่ถูกต้อง
  3. ตรวจสอบให้แน่ใจว่าเป็นธีม ไม่ใช่ปลั๊กอิน
  4. ตรวจสอบให้แน่ใจว่าธีมเข้ากันได้กับ WordPress

บางท่านอาจพบข้อผิดพลาดนี้ขณะอัปโหลดธีมลูก โซลูชันเหล่านี้น่าจะเหมาะกับคุณเช่นกัน

หมายเหตุด่วน : ในบทช่วยสอนนี้ เรากำลังใช้ Windows เพื่อสาธิตวิธีแก้ปัญหาบางอย่าง ผู้ใช้ MacOS สามารถดำเนินการแก้ไขปัญหาเดียวกันได้ แต่ขั้นตอนจะแตกต่างกันเล็กน้อย เอกสารช่วยเหลือเหล่านี้จะแนะนำผู้ใช้ MacOS เมื่อพวกเขาต้องการความช่วยเหลือ

ตอนนี้มาดำน้ำกัน

1. ตรวจสอบว่าไฟล์ style.css หายไปหรือไม่

ไฟล์ธีม WordPress ทั่วไปมาในโฟลเดอร์ซิป ประกอบด้วยไฟล์และโฟลเดอร์ต่างๆ รวมถึงสไตล์ชีต style.css ในการตรวจสอบว่าไฟล์ style.css หายไปในโฟลเดอร์ธีมจริงๆ หรือไม่ คุณจะต้องแยกไฟล์ออกจากโฟลเดอร์ธีมที่ซิปไว้ นี่คือวิธี:

คลิกขวา ที่โฟลเดอร์ zip แล้วเลือกตัวเลือก แยกทั้งหมด

คลายซิปโฟลเดอร์ธีมเวิร์ดเพรส

เลือก โฟลเดอร์ปลายทาง สำหรับไฟล์ที่แตกแล้วกดปุ่ม Extract

การเลือกโฟลเดอร์ปลายทางสำหรับไฟล์ที่แยกออกมา

หากคุณต้องการความช่วยเหลือเกี่ยวกับกระบวนการแตกไฟล์ ให้ตรวจสอบคำแนะนำเหล่านี้สำหรับ Windows และ MacOS หรือลองใช้เครื่องมือออนไลน์ฟรีอย่าง ezyZip

หลังจากการแตกไฟล์เสร็จสิ้น ให้เปิดโฟลเดอร์ปลายทาง (ดาวน์โหลด ในกรณีของเรา) และคุณจะพบว่ามี โฟลเดอร์ธีมใหม่ ที่ดูเหมือนจะแตกไฟล์แล้ว

เปิดซิปโฟลเดอร์ธีมเวิร์ดเพรส

เปิดโฟลเดอร์ธีมใหม่ที่คลายซิปแล้วมองหา ไฟล์ style.css

สไตล์ไฟล์ css ในโฟลเดอร์ธีม

หากคุณพบไฟล์ style.css แสดงว่า WordPress ไม่สามารถอ่านไฟล์ได้โดยไม่ทราบสาเหตุ อาจเป็นข้อผิดพลาดชั่วคราวหรือไฟล์ธีมเสียหาย

เราขอแนะนำให้ดาวน์โหลดชุดรูปแบบใหม่และอัปโหลดไปยังเว็บไซต์ WordPress ของคุณ

แต่ถ้าคุณไม่เห็นไฟล์ style.css คุณต้องลองวิธีแก้ปัญหาถัดไป

2. ตรวจสอบให้แน่ใจว่าไฟล์ style.css ถูกจัดเก็บไว้ในตำแหน่งที่ถูกต้อง

ไฟล์ style.css ควรอยู่ในไดเรกทอรีรากของธีม ความหมาย ทันทีที่คุณเปิดโฟลเดอร์ธีม (หลังจากแตกไฟล์แล้ว) style.css ควรปรากฏขึ้น

หากอยู่ในโฟลเดอร์อื่น WordPress อาจตรวจไม่พบ ซึ่งอาจส่งผลให้เกิดข้อผิดพลาด "ธีมไม่มีสไตล์ CSS สไตล์ชีต"

การวางไฟล์ผิดตำแหน่งเป็นเหตุการณ์ที่เกิดขึ้นได้ยาก แต่อาจเกิดขึ้นได้ เราขอแนะนำให้ค้นหาไฟล์ในโฟลเดอร์อื่นโดยเขียนชื่อไฟล์ใน แถบค้นหา ของหน้าต่าง

ไฟล์และโฟลเดอร์ทั้งหมดที่มีคำว่า "style" และ "css" จะปรากฏขึ้น ค้นหาไฟล์ชื่อ “style.css” เมื่อคุณพบแล้ว ให้เลือกไฟล์ คลิกขวา แล้วเลือก ตัด

โดยใช้แถบค้นหาของ windows

จากนั้นไปที่ไดเร็กทอรีรากของธีม คลิกขวา บนพื้นที่ว่างแล้วเลือกตัวเลือก วาง

วางไฟล์สไตล์ css ในไดเร็กทอรีรูทของธีม

คุณได้ย้ายไฟล์ style.css ไปยังตำแหน่งเดิมแล้ว

ตอนนี้ style.css หายไปแล้ว ก็ถึงเวลาอัปโหลดไฟล์ไปยังเว็บไซต์ WordPress ของคุณ

ในขั้นตอนที่แล้ว เราได้แสดงวิธีคลายซิปโฟลเดอร์ธีม ตอนนี้คุณจะต้องบีบอัดไฟล์ธีมลงในโฟลเดอร์ซิป

คลิกขวา ที่โฟลเดอร์ธีมที่คลายซิปแล้วเลือกตัวเลือก บีบอัดเป็นไฟล์ ZIP จากป๊อปอัป ภายในไม่กี่วินาที โฟลเดอร์ซิปใหม่จะถูกสร้างขึ้น

บีบอัดโฟลเดอร์ธีม wordpress เป็นไฟล์ zip

เมื่อโฟลเดอร์ซิปพร้อม ให้ อัปโหลด โฟลเดอร์ธีมใหม่ไปยังเว็บไซต์ WordPress ของคุณและกดปุ่ม เปิดใช้งาน เพื่อให้ธีมทำงานบนไซต์ของคุณ

เปิดใช้งานธีมเวิร์ดเพรส

เท่านี้คุณก็ได้แก้ไขข้อผิดพลาด “missing style.css” และติดตั้งธีมที่คุณเลือกบนเว็บไซต์ WordPress ของคุณแล้ว

ในบางกรณี การย้ายไฟล์ style.css อาจทำให้คุณติดตั้งธีมได้...แต่ทำให้เกิดปัญหากับธีมเนื่องจากคุณย้ายไฟล์ หากเป็นเช่นนั้น เราขอแนะนำให้ติดต่อผู้พัฒนาธีมเพื่อขอความช่วยเหลือ

วิธีนี้จะใช้ได้ก็ต่อเมื่อคุณพบไฟล์ในโฟลเดอร์ธีมใดโฟลเดอร์หนึ่งเท่านั้น บรรดาผู้ที่ไม่พบไฟล์ style.css ในโฟลเดอร์ธีมจะต้องลองวิธีแก้ไขปัญหาถัดไป

3. ตรวจสอบให้แน่ใจว่าเป็นธีม ไม่ใช่ปลั๊กอิน

บนพื้นผิว เป็นการยากที่จะแยกความแตกต่างระหว่างธีมและปลั๊กอิน

หลังจากดาวน์โหลดธีมหรือปลั๊กอิน คุณต้องสังเกตเห็นว่าโฟลเดอร์ zipped มีเพียงชื่อและเวอร์ชันของซอฟต์แวร์เท่านั้น ไม่เคยติดแท็กเป็นปลั๊กอินหรือธีม

ดังนั้นจึงไม่ใช่เรื่องยากที่จะจินตนาการว่าผู้ใช้บางคนลงเอยด้วยการอัปโหลดปลั๊กอินแทนธีม ทำให้ WordPress โยนข้อผิดพลาด style.css ที่ขาดหายไป

ข้อผิดพลาดประเภทนี้มักเกิดขึ้นเมื่อซื้อส่วนเสริมของธีม

ตัวอย่างเช่น Neve ซึ่งเป็นธีมภายในบริษัทของเรา เป็น ธีม WordPress ฟรี คุณสามารถขยายฟังก์ชันการทำงานได้โดยติดตั้ง ปลั๊กอินเสริม ระดับพรีเมียม – Neve Pro

ไม่เคย

Neve เป็นธีมและต้องอัปโหลดผ่าน ลักษณะ → ธีม → เพิ่มใหม่ → อัปโหลดธีม Neve Pro เป็นปลั๊กอินและต้องอัปโหลดผ่าน Plugins → Add New → Upload Plugins

เนื่องจาก Neve Pro เกี่ยวข้องกับธีม Neve ลูกค้าจึงเข้าใจผิดว่า Neve Pro เป็นธีมและพยายามอัปโหลดให้เป็นธีม นั่นคือเมื่อพวกเขาแสดงข้อผิดพลาดสไตล์ชีต CSS ที่ขาดหายไป

สิ่งสำคัญที่สุดคือคุณต้องแน่ใจว่าธีมที่คุณกำลังอัปโหลดนั้นเป็นธีมจริง ๆ ไม่ใช่ปลั๊กอิน

คุณสามารถเริ่มต้นด้วยการดูเอกสารช่วยเหลือที่เผยแพร่โดยนักพัฒนา ตัวอย่างเช่น ในเอกสารความช่วยเหลือในการติดตั้งสำหรับ Neve Pro ซอฟต์แวร์จะถูกอ้างถึงอย่างชัดเจนว่าเป็นปลั๊กอิน

ไม่เคยทำเอกสารโปร

อีกวิธีในการตรวจสอบว่าซอฟต์แวร์ที่คุณกำลังพยายามติดตั้งนั้นเป็นปลั๊กอินหรือธีมหรือไม่ โดยดูว่าในโฟลเดอร์นั้นประกอบด้วยอะไรบ้าง

ไฟล์ที่พบในปลั๊กอินจะแตกต่างกันไปในแต่ละปลั๊กอิน แต่ทุกธีมจะมีโฟลเดอร์ดังต่อไปนี้:

  • ส่วนท้าย.php
  • header.php
  • sidebar.php
  • header.php
  • style.css

หากคุณพบโฟลเดอร์เหล่านี้ในซอฟต์แวร์ แสดงว่าเป็นธีม หากไม่เป็นเช่นนั้น เป็นไปได้มากว่าจะเป็นปลั๊กอิน

ไฟล์ทั่วไปในโฟลเดอร์ธีมเวิร์ดเพรส

4. ตรวจสอบให้แน่ใจว่าคุณกำลังอัปโหลดไฟล์ธีมที่ถูกต้อง

เมื่อคุณซื้อธีมจากตลาดอย่างเช่น ThemeForest คุณจะได้รับตัวเลือกให้ดาวน์โหลด เฉพาะไฟล์ธีม หรือ เอกสารประกอบทั้งหมดและไฟล์ธีม ในโฟลเดอร์ zip เดียว

คุณต้องแน่ใจว่าคุณกำลังติดตั้งไฟล์ธีม ไม่ใช่โฟลเดอร์ซิปพร้อมเอกสารประกอบ

เราขอแนะนำให้ ลบไฟล์ที่มีอยู่ ออกจากคอมพิวเตอร์ของคุณและ ดาวน์โหลดเฉพาะไฟล์ธีม จากบัญชี Marketplace ของคุณ

เพื่อให้แน่ใจว่าคุณกำลังดาวน์โหลดไฟล์ที่ถูกต้อง ให้คลิกที่ลูกศรถัดจากปุ่มดาวน์โหลด และเลือก ไฟล์ WordPress ที่ติดตั้งได้เท่านั้น :

วิธีดาวน์โหลดไฟล์ธีมจาก ThemeForest

หลังจากที่คุณดาวน์โหลดไฟล์แล้ว ให้ อัปโหลด ไปยังเว็บไซต์ WordPress ของคุณโดยไปที่ลักษณะที่ ปรากฏ → ธีม → เพิ่มใหม่ → อัปโหลดธีม

ยังไม่ทำงาน? ลองวิธีแก้ปัญหาถัดไป

5. ตรวจสอบให้แน่ใจว่าธีมเข้ากันได้กับ WordPress

WordPress เป็นแพลตฟอร์มสร้างเว็บไซต์ที่ได้รับความนิยมมากที่สุดในโลก แต่ไม่ใช่เครื่องมือสร้างเว็บไซต์เพียงแห่งเดียว เว็บไซต์นับพันสร้างขึ้นโดยใช้เครื่องมือต่างๆ เช่น Joomla, Drupal, Weebly, Webflow, Squarespace, Wix เป็นต้น

เช่นเดียวกับ WordPress แพลตฟอร์มเหล่านี้ส่วนใหญ่ใช้ธีมที่กำหนดรูปลักษณ์ของเว็บไซต์

ตลาดเช่น ThemeForest เป็นที่นิยมในหมู่ผู้ใช้ WordPress แต่ก็รองรับ Joomla, Drupal, Weebly, Webflow และผู้ใช้รายอื่นด้วย หากคุณไม่ระวัง คุณอาจต้องซื้อธีมเพื่อพบว่ามันไม่ได้สร้างมาเพื่อ WordPress

เพื่อให้แน่ใจว่าธีมถูกสร้างขึ้นสำหรับ WordPress อย่าลืมดูที่หน้าธีมอย่างละเอียด คุณควรพบคำว่า “WordPress” ที่กล่าวถึงในตำแหน่งต่างๆ เช่น หมวดหมู่ ชื่อ รุ่นซอฟต์แวร์ และคำอธิบายธีม

หน้าธีมเวิร์ดเพรสในธีมฟอเรสต์ - ไม่มีสไตล์ชีตสไตล์ css

หรือคุณสามารถคลายซิปธีมและค้นหาไฟล์ธีมทั่วไป เช่น footer.php, header.php, sidebar.php, header.php และ style.css

หากคุณได้ดาวน์โหลดไฟล์ธีมสำหรับแพลตฟอร์มที่ไม่ใช่ WordPress ให้ติดต่อทีมสนับสนุนของตลาดและขอรับเงินคืน

แก้ไขข้อผิดพลาด "The Theme Is Missing the Style CSS Stylesheet" ให้ดี

ข้อผิดพลาด “ธีมไม่มีสไตล์ชีตสไตล์ CSS” ปรากฏขึ้นเมื่อไฟล์ style.css หายไปจากธีมที่คุณกำลังพยายามอัปโหลดบนเว็บไซต์ WordPress ของคุณ

ไฟล์ style.css เป็นส่วนสำคัญของธีมของคุณ มีหน้าที่รับผิดชอบในการออกแบบและเค้าโครงของเว็บไซต์ หากไม่มีไฟล์นี้ ธีมจะไม่ทำงานบนไซต์ของคุณ ซึ่งเป็นสาเหตุที่ WordPress ปฏิเสธที่จะอัปโหลดและส่งข้อผิดพลาดแทน

ในการแก้ไขปัญหานี้ คุณต้องใช้มาตรการต่อไปนี้:

  • เปิดเครื่องรูดโฟลเดอร์ธีมและตรวจสอบว่าไฟล์ style.css หายไปหรือไม่
  • ตรวจสอบให้แน่ใจว่าไฟล์อยู่ในไดเรกทอรีรากของธีม
  • ตรวจสอบให้แน่ใจว่าไฟล์เป็นธีมไม่ใช่ปลั๊กอิน
  • ตรวจสอบให้แน่ใจว่าคุณดาวน์โหลดไฟล์ที่ถูกต้อง (โดยเฉพาะหากติดตั้งธีมจาก ThemeForest)
  • ตรวจสอบให้แน่ใจว่าธีมนั้นสร้างขึ้นสำหรับ WordPress ไม่ใช่ระบบจัดการเนื้อหาอื่นๆ

สำหรับเคล็ดลับอื่นๆ ในการแก้ไขปัญหา WordPress คุณสามารถดูคู่มือของเราเกี่ยวกับการแก้ไขปัญหา WordPress หรือแก้ไขข้อผิดพลาดทั่วไปของ WordPress มากกว่า 20 รายการ

แค่นั้นแหละสำหรับอันนี้ หากคุณมีคำถามใดๆ เกี่ยวกับวิธีแก้ไขข้อผิดพลาด “ธีมไม่มีสไตล์ชีตสไตล์ CSS” บนเว็บไซต์ WordPress ของคุณ โปรดแสดงความคิดเห็นด้านล่าง

คู่มือฟรี

5 เคล็ดลับสำคัญในการเร่งความเร็ว
เว็บไซต์ WordPress ของคุณ

ลดเวลาในการโหลดของคุณได้ถึง 50-80%
เพียงทำตามเคล็ดลับง่ายๆ