วิธีสร้างธีม WordPress จาก HTML & CSS
เผยแพร่แล้ว: 2022-10-10สมมติว่าคุณต้องการบทความที่พูดคุยกันว่าสามารถสร้างธีม WordPress จาก HTML & CSS ได้หรือไม่: ใช่ คุณสามารถสร้างธีม WordPress จาก HTML & CSS ได้ อันที่จริงนั่นคือวิธีสร้างธีม WordPress ส่วนใหญ่ การทำเช่นนี้ค่อนข้างง่ายเช่นกัน หากคุณเข้าใจทั้ง HTML และ CSS เป็นอย่างดี มีบางสิ่งที่ควรคำนึงถึงเมื่อสร้างธีม WordPress จาก HTML & CSS ขั้นแรก คุณจะต้องสร้างสไตล์ชีตแยกต่างหากสำหรับธีมของคุณ ประการที่สอง คุณจะต้องเขียนโค้ดธีมของคุณอย่างถูกต้องเพื่อให้เข้ากันได้กับ WordPress และสุดท้าย คุณจะต้องตรวจสอบให้แน่ใจว่าธีมของคุณดูดีบนอุปกรณ์และขนาดหน้าจอทั้งหมด จากที่กล่าวมา มาดูวิธีการสร้างธีม WordPress จาก HTML & CSS อย่างละเอียด
ในส่วนที่ 2 ของซีรีส์ของเราเกี่ยวกับวิธีสร้างธีม WordPress เราจะดูที่การสร้างเทมเพลต HTML/CSS การสร้าง ธีมพื้นฐาน เราจะดูวิธีการสร้างธีมตั้งแต่เริ่มต้นหรือจากเทมเพลตที่มีอยู่ในบทเรียนนี้ ก่อนที่เราจะเริ่มต้น เราจะต้องติดตั้งสภาพแวดล้อมการพัฒนา WordPress การทำเช่นนี้คุ้มค่าเพราะให้ภาพที่ถูกต้องของสิ่งที่เกิดขึ้นเบื้องหลัง หากคุณกำลังทำงานกับเทมเพลตที่มีอยู่ก่อนแล้ว การฮาร์ดโค้ดลงในส่วนหัวอาจง่ายกว่า แทนที่จะพยายามสร้างตั้งแต่เริ่มต้น ตัวอย่างเช่น หากคุณมีสไตล์ชีตที่แตกต่างกันหลายแบบสำหรับเทมเพลตต่างๆ คุณสามารถใช้ชื่อของแต่ละสไตล์เพื่อกำหนดเป้าหมายได้
ส่วนหัวที่เป็นปัญหาต้องมีอยู่จริงเพื่อให้สามารถจัดการได้ต่อไป สิ่งที่คุณต้องทำคือระบุ 'เมนูหลัก' ของแต่ละเทมเพลตของคุณ หากมีหลายเมนู รหัสด้านล่างเรียกว่าเมนูเมนูหลัก แท็กและข้อมูลเมตาทั้งหมดที่เราต้องการจะรวมอยู่ในไฟล์ header.php ไฟล์ส่วนท้ายจะอยู่ถัดจากนั้น ส่วนท้ายเป็นพื้นที่วิดเจ็ตที่เชื่อมโยงกับบรรทัดนี้ หากมีส่วนสนับสนุนในธีมของคุณ คุณสามารถฮาร์ดโค้ดในส่วนนี้หรือใช้ฟังก์ชันวิดเจ็ตของ WordPress เพื่อดำเนินการดังกล่าว
หากคุณรวมพื้นที่วิดเจ็ตไว้ในไฟล์ index.php หลัก ตอนนี้ก็ถึงเวลาที่จะรวมแถบด้านข้าง ควรอยู่ที่ด้านบนของพื้นที่วิดเจ็ตของเทมเพลต หลังจากที่คุณเปิดใช้งานแถบด้านข้างแบบไดนามิกของ WordPress แล้ว ระบบจะแจ้งให้คุณทราบ กรอกค่าชื่อ รหัส สิ่งที่ WordPress ต้องการสร้างหลังวิดเจ็ต และชื่อรายการวิดเจ็ต เพื่อลงทะเบียนแต่ละวิดเจ็ตและลงทะเบียนค่า เมื่อฟังก์ชั่นเสร็จสิ้นจะต้องปิด ฟอนต์ที่ไม่ใช่เฉพาะเทมเพลต สคริปต์ JS และเฟรมเวิร์กที่ WordPress ไม่รองรับโดยค่าเริ่มต้น จะต้องรวมอยู่ในไฟล์ functions.php คุณสามารถสร้าง ธีม WordPress พื้นฐาน ได้โดยการบันทึกไฟล์ จากนั้นจะปรากฏเป็นธีมภายในพื้นที่ผู้ดูแลระบบ หากคุณไม่มีเนื้อหาใด ๆ ในการติดตั้ง WordPress ในเครื่อง คุณสามารถใช้ปลั๊กอินเช่น FakerPress เพื่อตั้งค่าไซต์จำลองง่ายๆ ในส่วนถัดไป เราจะพูดถึงวิธีการใช้การออกแบบหน้าเว็บที่หลากหลายโดยใช้เทมเพลตเป็นฉากหลังและสไตล์ชีต
หากต้องการเพิ่ม WordPress Custom CSS ลงในแดชบอร์ด ให้ไปที่ Appearance – Upload CSS แล้วเลื่อนลงไปที่ด้านล่างของหน้าเพื่อเพิ่ม CSS ที่กำหนดเอง หลังจากที่คุณเปิดเครื่องมือแล้ว คุณสามารถเปลี่ยนนิพจน์ CSS ใดก็ได้
คุณสามารถอัปโหลด Custom Html Css ไปยัง WordPress ได้หรือไม่?

ได้ คุณสามารถอัปโหลด HTML CSS ที่กำหนดเอง ไปยัง WordPress ได้ คุณสามารถทำได้โดยไปที่ Theme Editor ใต้ Appearance ใน WordPress Dashboard จากที่นั่น คุณสามารถเลือกธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ไฟล์สไตล์ชีต (style.css)
WordPress เป็นแพลตฟอร์มที่ช่วยให้สามารถสร้างเนื้อหาได้ COM และ WordPress เหมือนกัน หลายคนแปลกใจที่รู้ว่า ORG มีความแตกต่างกันและมีการเข้าสู่ระบบ พอร์ทัลสนับสนุน ฟอรัมการสนับสนุน และเวอร์ชันของธีมที่แยกจากกัน และมีธีมอื่นให้เลือกใช้มากมาย ไม่สามารถอัปโหลดไฟล์ HTML และ CSS เนื่องจากไม่สามารถเข้าถึง FTP WordPress เป็นแพลตฟอร์มบล็อกยอดนิยม คุณสามารถใช้ลิงก์นี้เพื่อสร้างเธรดที่ปรากฏในฟอรัม CSS หากคุณกำลังอัปเกรดจากไซต์ COM เป็นรุ่น Premium หรือ Business นอกจากนี้ยังสามารถโพสต์ที่นี่ก่อนซื้อการอัปเกรดเพื่อเรียนรู้ว่า การแก้ไข CSS สามารถใช้เพื่อให้ได้ผลลัพธ์ที่ต้องการหรือไม่
คุณสามารถอัปโหลดรหัสที่กำหนดเองไปยัง WordPress ได้หรือไม่?
ไซต์ WordPress สามารถได้รับประโยชน์จากการเพิ่มโค้ดที่กำหนดเองด้วยปลั๊กอิน Code Snippets ซึ่งพัฒนาได้ง่ายกว่าการสร้างโค้ดของคุณเอง เนื่องจากคุณสามารถเพิ่มโค้ดที่กำหนดเองได้โดยไม่ต้องใช้ธีมของคุณหรืออัปเกรด นี่เป็นปลั๊กอินสำหรับวัตถุประสงค์เดียวกับของคุณเอง
Html สามารถแปลงเป็น WordPress ได้หรือไม่?

คุณสามารถใช้ปลั๊กอินหรือแอปเพื่อแปลงไซต์ HTML เป็น WordPress หรือแปลงไซต์เป็น WordPress ด้วยตนเองโดยใช้ธีมย่อย ในขั้นตอนแรก คุณจะต้องแปลง HTML ด้วยตนเองเพื่อสร้างธีม WordPress
คำแนะนำทีละขั้นตอนนี้จะสอนวิธีแปลงไซต์ WordPress แบบไดนามิกให้เป็นแบบคงที่ คุณสามารถใช้ปลั๊กอิน WordPress แบบคงที่เพื่อแปลง WordPress เป็น HTML ได้ สิ่งนี้จะช่วยให้คุณสามารถแปลง WordPress เป็น URL แบบคงที่ ซึ่งคุณสามารถบันทึกลงในไดรฟ์ในเครื่องหรือสื่อจัดเก็บข้อมูลอื่นๆ ได้ ด้วยตัวเลือกนี้ คุณสามารถเรียกดูไซต์ขณะออฟไลน์ได้ ขั้นตอนการแปลงอาจใช้เวลาสักครู่ขึ้นอยู่กับขนาดและความซับซ้อนของเว็บไซต์ WordPress สามารถบันทึกในเครื่องหรือแยกเป็น URL ที่คุณระบุ ตอนนี้คุณต้องอัปโหลดไฟล์ไปยังตำแหน่งโฮสต์ที่คุณต้องการ FTP ตรงกันข้ามกับ Cpanel ใช้เวลานานและช่วยให้คุณใช้ไฟล์บีบอัดได้อย่างรวดเร็ว
วิธีการแปลงเว็บไซต์เป็น Html
คุณสามารถดูว่าทุกอย่างทำงานอย่างไรโดยใช้โปรแกรมดูซอร์สโค้ดบนเว็บไซต์ คุณสามารถใช้เครื่องมือนี้เพื่อทำการเปลี่ยนแปลงหรือปรับปรุงเว็บไซต์ของคุณได้หากต้องการ คุณสามารถเปิดเว็บไซต์ในโปรแกรมแก้ไขข้อความ เช่น Notepad หรือ Sublime Text หลังจากดาวน์โหลดจาก HTTrack เว็บเบราว์เซอร์สามารถใช้เพื่อเข้าถึงเว็บไซต์ได้ ในการแปลงเว็บไซต์เป็น HTML ให้ทำตามขั้นตอนเหล่านี้: อันนี้เหมาะสำหรับคุณ ป้อนเว็บไซต์ที่คุณต้องการลงในช่องที่ปรากฏใน HTTrack คลิกปุ่มดาวน์โหลดเป็นเพื่อเปิดหน้า หากประเภทไฟล์เป็น HTML ให้เลือก เนื้อหาที่ดาวน์โหลดจะสามารถดูได้ทันทีที่มีให้ คุณสามารถแก้ไขไฟล์ HTML ได้โดยใช้โปรแกรมแก้ไขข้อความ ทำการเปลี่ยนแปลง HTML หากจำเป็น เว็บไซต์ของคุณจะปรากฏขึ้นเมื่อคุณรวมไฟล์ HTML
วิธีสร้างธีม WordPress

ธีม WordPress คือชุดของไฟล์ที่ทำงานร่วมกันเพื่อสร้างส่วนต่อประสานกราฟิกที่มีการออกแบบที่เป็นหนึ่งเดียวสำหรับเว็บบล็อก ไฟล์เหล่านี้เรียกว่าไฟล์เทมเพลต ธีมปรับเปลี่ยนวิธีการแสดงไซต์ โดยไม่ต้องแก้ไขซอฟต์แวร์พื้นฐาน ธีมอาจรวมถึงไฟล์เทมเพลตที่กำหนดเอง ไฟล์รูปภาพ (*.jpg, *.png) สไตล์ชีต (*.css) และเพจที่กำหนดเอง
ไดเร็กทอรีธีมของ WordPress คือชุดของธีมที่มีทั้งหมดสำหรับไซต์ WordPress ไดเร็กทอรีแบ่งออกเป็นหมวดหมู่ต่างๆ รวมทั้งรายการเด่น ยอดนิยม และใหม่ล่าสุด สามารถติดตั้งธีมได้จากแดชบอร์ด WordPress โดยไปที่ ลักษณะที่ปรากฏ > ธีม เมื่อติดตั้งแล้ว ธีมสามารถเปิดใช้งานได้โดยไปที่ ลักษณะที่ปรากฏ > ธีม และคลิกลิงก์ เปิดใช้งาน สำหรับธีมนั้น
โดยทั่วไป WordPress เป็นระบบจัดการเนื้อหาโอเพ่นซอร์ส (CMS) ที่เป็นที่นิยมใช้ทั่วโลก WordPress ถูกใช้โดยกว่า 40% ของเว็บไซต์ทั้งหมดในโลก ธีม WordPress ครอบงำจิตใจของนักพัฒนาและนักออกแบบโดยไม่รู้ตัว สิ่งสำคัญที่สุดของความนิยมของ WordPress คือการใช้งานง่าย กระบวนการทีละขั้นตอนสำหรับการสร้าง ธีม WordPress แบบกำหนดเอง ได้อธิบายไว้ด้านล่าง ไฟล์ของคุณต้องมีส่วนประกอบต่อไปนี้: ส่วนหัว พื้นที่หลัก ส่วนท้าย แถบด้านข้าง และ index.php ไฟล์เหล่านี้สามารถสร้างขึ้นในเครื่องด้วย Notepad โดยใช้โปรแกรมแก้ไขข้อความ

เมื่อใช้โปรแกรมนี้ คุณสามารถสร้างธีม WordPress ของคุณเองได้ตั้งแต่ต้น โดยไม่ต้องเขียนโค้ดแม้แต่บรรทัดเดียว ประกอบด้วยคุณลักษณะที่มีประโยชน์มากมายที่สามารถเข้าถึงได้อย่างรวดเร็วและง่ายดายผ่านอินเทอร์เฟซแบบลากและวางที่เรียบง่าย TemplateToaster ใช้งานง่ายมาก และไม่ต้องเขียนโค้ดใดๆ เลย ในการสร้างธีม WordPress เพียงทำตามขั้นตอนเหล่านี้ ตัวเลือกต่อไปนี้จะช่วยให้คุณเลือกความกว้างและความสูงของส่วนหัวได้ คุณยังสามารถใช้รูปภาพแบบกำหนดเองของคุณเองหรือดูรูปภาพจากแกลเลอรีรูปภาพในตัว หรือคุณสามารถเลือกสี การไล่ระดับสี หรือเรียกดูรูปภาพได้ เลือก 'คุณสมบัติของปุ่มเมนู' จากนั้นจัดตำแหน่งปุ่มเมนูทางด้านขวาของหน้า
ในขั้นตอนที่ 4 คุณจะสามารถใช้สไลด์โชว์บนไซต์ WordPress ของคุณได้ ขั้นตอนที่ห้าคือการปรับแต่งส่วนท้ายและพื้นที่เนื้อหา หลังจากที่คุณเพิ่มหน้ามากเท่าที่คุณต้องการแล้ว ให้คลิกปุ่ม "อัปเดตธีม" สามารถเพิ่มหน้าอื่นๆ ได้โดยใช้ไอคอน + ที่ด้านซ้ายของหน้า คุณยังสามารถรวมหน้าย่อยสำหรับแต่ละหน้าเฉพาะในหน้าย่อยได้อีกด้วย สิ่งเดียวที่คุณต้องทำคือคลิกที่จุดไข่ปลา (สามจุด) ที่ตรงกับชื่อหน้า จากนั้นคลิกขวาและเลือก “เพิ่มหน้าย่อย” ด้วย TemplateToaster คุณสามารถเพิ่มเนื้อหาลงในธีมได้อย่างง่ายดาย
ด้วยเหตุนี้ เนื้อหาใดๆ ที่คุณสร้างสำหรับธีม WordPress ของคุณสามารถส่งออกไปยังธีม WordPress ได้โดยตรง หลังจากทำตามขั้นตอนทั้งหมดแล้ว คุณจะสามารถสร้างธีม WordPress ที่กำหนดเองได้ด้วย TemplateToaster ส่วนใหญ่จะเหมือนกับภาพหน้าจอด้านล่าง หากคุณต้องการเพิ่มเพจย่อยไปยังเพจใดเพจหนึ่ง คุณก็สามารถทำได้เช่นกัน คุณยังสามารถสร้างรายได้ด้วยการพัฒนาธีม WordPress และรักษาอาวุธลับของคุณให้ปลอดภัย ซอฟต์แวร์ออกแบบเว็บเครื่องปิ้งขนมปังมีคุณสมบัติขั้นสูงมากมาย เช่น สไลด์โชว์ สไตล์เมนูใหม่ และพื้นหลังวิดีโอ คุณสามารถสร้างธีม WordPress ได้โดยไม่ต้องเขียนโค้ดแม้แต่บรรทัดเดียว ตราบใดที่คุณใช้ตัว สร้างธีม คุณสามารถควบคุมวิธีการสร้างธีม WordPress ได้อย่างสมบูรณ์
คุณสามารถสร้างธีม WordPress ของคุณเองได้หรือไม่?
การสร้างธีม WordPress เป็นกระบวนการที่ค่อนข้างง่ายซึ่งควรจะง่ายสำหรับทุกคน นอกจากนี้ยังไม่จำเป็นต้องมีความรู้ด้านเทคนิคหรือประสบการณ์ในการพัฒนาเว็บมากนัก นอกจากนี้ยังอาจคุ้มค่ากับเวลาและเงินของคุณในการสร้างธีมของคุณเอง ซึ่งจะทำให้เว็บไซต์ของคุณมีลักษณะและฟังก์ชันการทำงานที่ต้องการ
วิธีการแปลง Html/css เป็น WordPress
มีหลายวิธีในการแปลง HTML/CSS เป็น WordPress วิธีหนึ่งคือการใช้ธีม WordPress ที่มีโค้ด HTML/ CSS อยู่แล้ว อีกวิธีหนึ่งคือการใช้ปลั๊กอิน WordPress เช่น WPBakery Page Builder เพื่อช่วยคุณแปลงโค้ด HTML/CSS เป็นธีม WordPress
เทมเพลต Css
เทมเพลต CSS คือหน้าเว็บที่ออกแบบไว้ล่วงหน้าซึ่งสร้างขึ้นโดยใช้ HTML และ CSS เทมเพลต CSS นั้นแก้ไขได้ง่ายและใช้ได้กับเว็บไซต์ต่างๆ
เทมเพลต Css คืออะไร?
“CSS Web Template” คือการออกแบบเว็บที่สร้างขึ้นในเทคโนโลยี Cascading Style Sheets (CSS) นักพัฒนาเว็บสามารถจัดรูปแบบและจัด รูปแบบหน้าเว็บ ได้อย่างง่ายดายโดยใช้ Cascading Style Sheets เนื่องจากเบราว์เซอร์ทั้งหมดมองเห็น CSS ในลักษณะเดียวกัน จึงเป็นตัวเลือกที่ดีที่สุดเมื่อต้องรับมือกับสงครามเบราว์เซอร์
วิธีใช้ แท็ก
แม้ว่าหน้าจะโหลดซ้ำ เนื้อหาจะถูกดำเนินการเมื่อใช้แท็ก thetemplate> ผลลัพธ์ HTML จะแสดงเป็นเนื้อหาดั้งเดิมของเทมเพลต แท็ก template> มีประโยชน์ในทั้งสองสถานการณ์ โดยที่คุณต้องการใช้โค้ด HTML จำนวนมากซ้ำในหลาย ๆ หน้า หรือตำแหน่งที่คุณต้องการซ่อนเนื้อหาบางส่วนจากผู้ใช้ จึงไม่ปรากฏจนกว่าหน้าจะโหลด
Css คืออะไร?
CSS คืออะไร? คำว่า "CSS" เกี่ยวข้องกับ Cascading Style Sheets CSS หมายถึง วิธีแสดงองค์ประกอบ HTML บนหน้าจอ บนกระดาษ หรือบนสื่ออื่นๆ CSS ไม่เพียงแต่ประหยัดเวลา แต่ยังส่งผลต่อประสิทธิภาพการทำงานอีกด้วย คุณสามารถใช้เพื่อสร้างหน้าเว็บเดียวที่มีหลายเลย์เอาต์ได้ในคราวเดียว
วิธีใช้ Css เพื่อจัดรูปแบบเอกสารของคุณ
สไตล์ชีตเป็นวิธีกำหนดการนำเสนอของเอกสารที่เขียนด้วยภาษามาร์กอัปโดยใช้ CSS สไตล์ชีตเป็นชุดของกฎเกณฑ์ที่เบราว์เซอร์ต้องปฏิบัติตามเพื่อแสดงเอกสารที่เขียนด้วยภาษามาร์กอัป
สไตล์สำหรับแท็ก HTML เป็นวิธีที่ใช้กันทั่วไปใน CSS แท็ก HTML สามารถเปลี่ยนแปลงได้หลายวิธี รวมทั้งสี ขนาดแบบอักษร และแอตทริบิวต์อื่นๆ นอกจากนี้ คุณสามารถจัดรูปแบบแท็กทั้งหมดหรือบางส่วนได้ตามที่เห็นสมควร
คุณสามารถทำอะไรได้มากมายกับภาษา CSS เพราะมันมีความยืดหยุ่นสูง นอกจากนี้ยังมีประโยชน์สำหรับการจัดรูปแบบเอกสารทุกประเภท ไม่ใช่แค่ HTML
CSS เป็นหนึ่งในภาษาโปรแกรมที่ง่ายที่สุดในการเรียนรู้ คุณสามารถใช้ได้ทันที และคุณจะสามารถออกแบบเลย์เอาต์และงานนำเสนอที่ซับซ้อนได้ในเวลาไม่นาน
WordPress Theme Basics WordPress
ธีม WordPress คือชุดของไฟล์ที่ทำงานร่วมกันเพื่อสร้างส่วนต่อประสานกราฟิกที่มีการออกแบบที่เป็นหนึ่งเดียวสำหรับเว็บไซต์ ไฟล์เหล่านี้เรียกว่าไฟล์เทมเพลต ธีมปรับเปลี่ยนวิธีการแสดงไซต์ โดยไม่ต้องแก้ไขซอฟต์แวร์พื้นฐาน ธีมอาจรวมถึงไฟล์เทมเพลตที่กำหนดเอง ไฟล์รูปภาพ (*.jpg, *.png) สไตล์ชีต (*.css) และไฟล์ JavaScript (*.js)
การเปลี่ยนไปใช้การพัฒนาธีมอาจเป็นเรื่องยากสำหรับผู้เริ่มต้น การสร้างธีม WordPress ไม่ยากอย่างที่คิด การสร้างธีมที่กำหนดเองสำหรับแพลตฟอร์มนั้นไม่ใช่เรื่องยากเพราะเทคโนโลยีนั้นไม่ยาก เราจะแนะนำคุณตลอดขั้นตอนการออกแบบธีมแรกของคุณทีละขั้นตอน วิธีเขียนธีม WordPress (ในห้าขั้นตอน) เป็นคู่มือสำหรับผู้เริ่มต้น บทแนะนำนี้จะถูกสร้างขึ้นด้วยธีมเริ่มต้นของ Underscores อย่างง่าย หากคุณต้องการทำโดยไม่มีเทมเพลต คุณสามารถทำได้หากต้องการ
คุณจะต้องมีมากกว่าความเข้าใจพื้นฐานเกี่ยวกับการพัฒนาเว็บและการเขียนโค้ดเพื่อให้บรรลุเป้าหมายนี้ ก่อนติดตั้งธีม คุณต้องเข้าใจจุดประสงค์และวิธีที่คอมโพเนนต์โต้ตอบกันก่อน นักพัฒนาใช้ไฟล์เหล่านี้เพื่อให้แน่ใจว่าเนื้อหาและเลย์เอาต์ของเว็บไซต์ของตน header.php ใช้เพื่อสร้างส่วนหัว ในขณะที่ comments.php ใช้เพื่อแสดงความคิดเห็น ลูปคือโค้ด WordPress ที่แสดงเนื้อหา ซึ่งเป็นเหตุผลว่าทำไมจึงเป็นหัวใจของไซต์ของคุณ hook คือโค้ดที่แทรกลงในไฟล์เทมเพลต ฟังก์ชันการทำงานของ PHP Actions ช่วยให้คุณสามารถดำเนินการกับ PHP ได้ในหลายพื้นที่ของไซต์ ใส่สไตล์ และแสดงข้อมูลอื่นๆ
ตะขอมักฝังอยู่ใน WordPress โดยตรง แต่นักพัฒนาธีมก็สามารถใช้ได้เช่นกัน เราขอแนะนำให้คุณตรวจสอบ Add Styles เพิ่มเติม หากคุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับการออกแบบเว็บ หลังจากที่คุณสร้างธีมที่ใช้งานได้แล้ว ตรวจสอบให้แน่ใจว่าธีมนั้นตรงตามข้อกำหนดทั้งหมดเพื่อให้กลายเป็นธีมที่ใช้งานได้ วิธีที่ง่ายที่สุดในการค้นหาตำแหน่งของเว็บไซต์ในเครื่องของคุณคือการค้นหา ขั้นตอนต่อไปคือการบีบอัดโฟลเดอร์โดยใช้เครื่องมือบีบอัดเช่น WinRAR ส่งผลให้ไฟล์ a.zip