วิธีปรับแต่งธีม WordPress ของคุณ
เผยแพร่แล้ว: 2022-10-16สมมติว่าคุณต้องการกระบวนการทีละขั้นตอน:
1. ลงชื่อเข้าใช้บัญชี WordPress ของคุณ หากคุณไม่แน่ใจในข้อมูลรับรองการเข้าสู่ระบบของคุณ ให้ตรวจสอบกับผู้ดูแลเว็บไซต์ของคุณ
2. ในแถบด้านข้างทางซ้ายมือ ให้วางเมาส์เหนือแท็บ "ลักษณะที่ปรากฏ" แล้วคลิก "ธีม"
3. ค้นหาธีมที่ใช้งานอยู่ (ธีมที่ใช้กับเว็บไซต์ของคุณในปัจจุบัน) และคลิกที่ปุ่ม "ปรับแต่ง"
4. คุณจะเห็นตัวเลือกต่างๆ สำหรับการปรับแต่ง ทั้งนี้ขึ้นอยู่กับธีมของคุณ ทำการเปลี่ยนแปลงที่คุณต้องการและคลิกที่ปุ่ม "บันทึกและเผยแพร่"
คุณยังสามารถปรับแต่งข้อมูลเมตา ฟอนต์เริ่มต้น ขนาดรูปภาพของผลิตภัณฑ์ และส่วนอื่นๆ ของไซต์ของคุณได้โดยใช้การตั้งค่าธีม การตั้งค่าส่วนบุคคลสามารถเปิดเผยในผู้ดูแลระบบหรือสามารถมอบหมายให้นักพัฒนาธีมได้
ฉันจะเข้าถึงตัวแก้ไขธีม WordPress ของฉันได้อย่างไร

ในการเข้าถึง โปรแกรมแก้ไขธีม WordPress คุณจะต้องลงชื่อเข้าใช้บัญชี WordPress และไปที่แดชบอร์ดของคุณ เมื่อคุณอยู่บนแดชบอร์ด คุณจะเห็นเมนูทางด้านซ้าย ในเมนูนั้น คุณจะต้องวางเมาส์เหนือแท็บ "ลักษณะที่ปรากฏ" จากนั้นคลิกลิงก์ "ตัวแก้ไข" ซึ่งจะนำคุณไปยังหน้าแก้ไขซึ่งคุณสามารถเปลี่ยนแปลงธีมของคุณได้
เพื่อให้การติดตั้ง WordPress ตรงไปตรงมายิ่งขึ้น ตัวเลือกตัวแก้ไขและ ตัวแก้ไขธีม จะถูกบล็อกโดยค่าเริ่มต้นโดย iThemes Security ภายใต้ความปลอดภัยของไซต์ คุณต้องปิดใช้งานตัวเลือกปิดใช้งานธีม คุณไม่สามารถกำหนดตัวเลือก DISALLOW_FILE_EDIT (เท็จ) ด้วยการโฮสต์ Siteground ในการใช้ตัวแก้ไขธีม ให้ทำตามขั้นตอนเหล่านี้: 1. คุณสามารถค้นหาค่า Change true to false: ได้โดยเปิดไฟล์ WordPress-config.php การตั้งค่าการแข็งตัวของปลั๊กอิน Sucuri WordPress ยังรวมถึงความสามารถในการปิดการใช้งานตัวแก้ไข นอกจากนี้ เป็นไปได้ว่าถูกบล็อกโดยปลั๊กอินความปลอดภัยหรือบุคคลที่สาม
วิธีสร้างธีม WordPress ใหม่
ในการสร้างธีมใหม่ ก่อนอื่นคุณต้องสร้างโฟลเดอร์บนคอมพิวเตอร์ของคุณ ซึ่งจะถูกใช้เพื่อบันทึก ภายในโฟลเดอร์ คุณสามารถสร้างไฟล์ธีมชื่อ “index.php” และเพิ่มรหัสต่อไปนี้: br> **br> ใน php คุณสามารถใช้ br *br ไฟล์ธีม * เป็นสิ่งจำเป็น /. โปรดดาวน์โหลดไฟล์ส่วนหัวหลักของไฟล์ './html/html.html'; คุณต้องเพิ่มบรรทัดต่อไปนี้ในไฟล์ header.php ของไซต์ WordPress: *br. ในกรณีที่คุณจำเป็นต้องเปลี่ยนธีมของคุณหนึ่งครั้ง ให้ป้อน – หนึ่งครั้ง; หรือ – หนึ่งครั้ง; หรือ – หนึ่งครั้ง; หรือ – หนึ่งครั้ง; หรือ – หนึ่งครั้ง; หรือ – หนึ่งครั้ง; หรือ – หนึ่งครั้ง; หรือ – หนึ่งครั้ง; หรือตอนนี้ขึ้นอยู่กับคุณแล้วที่จะปรับเปลี่ยนธีม ขั้นตอนแรกคือการใช้สคริปต์การติดตั้ง WordPress เพื่อติดตั้งธีมที่คุณต้องการแก้ไข หลังจากติดตั้งธีมแล้ว คุณสามารถเปิดใช้งานได้โดยไปที่ Theme Editor ไฟล์ “header.html” สามารถพบได้โดยการค้นหาธีมในตัวแก้ไขและค้นหา ในไดเร็กทอรีรากของธีม คุณสามารถเพิ่มไฟล์ “theme.php” ซึ่งมีไฟล์ส่วนหัว การเปลี่ยนสีในธีมสามารถทำได้โดยไปที่ Theme Editor และเลือก "color.php" นอกจากนี้ คุณสามารถเข้าถึงไฟล์สีโดยแก้ไขไฟล์ “theme.php” ในรูทของธีมของคุณ
การตั้งค่าธีม WordPress คืออะไร?

มี การตั้งค่า WordPress ทั่วไป สองสามแบบที่จำเป็นสำหรับธีมใด ๆ ซึ่งรวมถึง URL ไปยังการติดตั้ง WordPress ของคุณ ชื่อไซต์ คำอธิบายไซต์ของคุณ และรูปแบบวันที่และเวลา คุณยังสามารถตั้งค่าภาษาของไซต์ของคุณ เลือกว่าคุณต้องการให้ WordPress แก้ไข XHTML ที่ซ้อนกันอย่างไม่ถูกต้องโดยอัตโนมัติหรือไม่ และตัดสินใจว่าคุณต้องการให้แสดงบทความจำนวนเท่าใดในหน้าแรก
ธีมสามารถใช้เพื่อให้คุณมีตัวเลือกที่หลากหลายสำหรับไซต์ของคุณ เช่น ข้อมูลเมตา ฟอนต์เริ่มต้น ขนาดรูปภาพของผลิตภัณฑ์ ชนิดเนื้อหา และอื่นๆ สามารถเปิดเผยการตั้งค่าแต่ละรายการเป็นส่วนหนึ่งของโมดูลผู้ดูแลระบบหรือปล่อยให้นักพัฒนาธีม การตั้งค่าธีมหลักของ Kibo eCommerce Core มีให้โดยค่าเริ่มต้น การตั้งค่าธีมสามารถเข้าถึงได้ผ่านเทมเพลต Hypr ในการเข้าถึงการตั้งค่าธีมจากตัวแปร themeSettings ให้ใช้เทมเพลต Hypr พร้อมตัวแปร themeSettings Kibo eCommerce บันทึกการตั้งค่าที่ผู้ดูแลระบบกำหนดค่าในตัวสร้างไซต์ในเอกสาร CMS เมื่อพวกเขาทำเสร็จแล้ว คุณสามารถเข้าถึงการตั้งค่าธีมใดๆ ผ่านตัวแปร @theme-settings-settingName LESS ใน theme.html หรือสไตล์ชีตของคุณ
ในวิดีโอนี้ เราจะเรียนรู้ว่าเวลาและสถานที่ช่วยให้เราเข้าใจบริบทที่กว้างขึ้นได้อย่างไร ส่วนต่อไปนี้จะพิจารณาว่าการจัดฉากช่วยให้กระจ่างเกี่ยวกับตัวละคร ความขัดแย้ง และธีมของเรื่องราวได้อย่างไร
ยกตัวอย่างเรื่อง “The Great Gatsby” ในปี ค.ศ. 1920 นี่เป็นช่วงเวลา เป็นผลให้เราสามารถเห็นตัวละครและเข้าใจความขัดแย้งที่พวกเขาประสบ The American Dream เป็นหนึ่งในธีมหลักของ Fitzgerald ในเรื่องนี้
สร้างหน้าการตั้งค่าธีม WordPress

มีสองสามวิธีในการสร้างหน้าการตั้งค่าธีมใน WordPress วิธีหนึ่งคือการสร้างไฟล์ชื่อ theme-settings.php และเพิ่มลงใน โฟลเดอร์ธีม ของคุณ ในไฟล์นี้ คุณสามารถเพิ่มฟอร์มที่อนุญาตให้ผู้ใช้ป้อนการตั้งค่าได้ อีกวิธีหนึ่งคือใช้ Settings API วิธีนี้ช่วยให้คุณสร้างหน้าการตั้งค่าและเพิ่มฟิลด์ได้
ดังที่คุณเห็นในวิดีโอต่อไปนี้ การสร้างหน้าการตั้งค่าของธีม WordPress นั้นค่อนข้างง่าย และคุณจะทำได้หลังจากอ่านบทช่วยสอนนี้ สิ่งสำคัญคือต้องระบุรายการที่จะต้องเปลี่ยนและละเว้นเฉพาะรายการที่ไม่จำเป็นต้องเปลี่ยนแปลงเพื่อสร้างหน้าการตั้งค่าที่ชัดเจนและมีประโยชน์ ฉันสนุกกับการดูตัวอย่างการออกแบบ HTML ของฉันสำหรับผู้ดูแลระบบ WordPress ในขณะที่สร้าง HTML สำหรับผู้ดูแลระบบ WordPress ตอนนี้รหัสหน้าการตั้งค่าต้องมีอยู่ในฟังก์ชันที่เราเพิ่งสร้างขึ้น คุณมีตัวเลือกในการเพิ่มหน้าการตั้งค่าเป็นเมนูย่อยในกลุ่มการตั้งค่าปัจจุบันหรือสร้างเมนูของคุณเองที่ระดับบนสุด หากธีมของคุณต้องการหน้าการตั้งค่าหลายหน้า ผู้ใช้จะค้นหาทั้งหมดได้ยากในที่เดียว ในการสร้างกลุ่มการตั้งค่าของคุณเอง คุณต้องสร้างหน้าเมนูระดับบนสุดก่อน จากนั้นจึงเชื่อมโยงหน้าเมนูย่อยเข้ากับหน้าเมนูย่อย

องค์ประกอบเมนูด้านบนไม่ได้นำไปสู่เมนูหน้าแรก แต่จะนำไปสู่ หน้าธีมตัวอย่าง เมื่อสร้างหน้าการตั้งค่า WordPress ใหม่ อย่าลืมรวมคลาสและสไตล์ที่แพลตฟอร์มใช้ สิ่งที่สำคัญที่สุดคือการรวมหน้าการตั้งค่าของคุณใน div ด้วย class wrap ภายในองค์ประกอบ div นั้น คุณสามารถเลือกรูปแบบที่กำหนดไว้ล่วงหน้าได้ เช่น หัวเรื่อง ปุ่ม และช่องแบบฟอร์ม เราจะสร้างรายการสำหรับเก็บองค์ประกอบหน้าแรกและลิงก์ที่ผู้ใช้สามารถคลิกได้หากต้องการเพิ่มองค์ประกอบใหม่ ดูเหมือนว่าหน้าการตั้งค่าจะเข้ากันได้ดี แต่มีบางอย่างขาดหายไป ถึงเวลาที่จะใส่ความคิดบางอย่างลงในข้อมูลที่คุณมี
ปลั๊กอิน jQuery jQuery จะใช้ในการจัดเรียงองค์ประกอบหน้าแรกโดยใช้ปลั๊กอิน ui.sortable jQuery เพื่อหลีกเลี่ยงความเป็นไปได้ที่ฟอร์มจะถูกบันทึกในขณะที่รักษาลำดับใหม่ ตัวจัดการเหตุการณ์จะอัปเดตองค์ประกอบทั้งหมดด้วย ID ใหม่ เมื่อบันทึกแบบฟอร์ม สิ่งสำคัญคือต้องแจ้งให้ผู้ใช้ทราบว่ามีบางอย่างผิดพลาดเพื่อไม่ให้เธอสงสัยว่าเกิดอะไรขึ้น เราสร้างฟิลด์ update_settings ในแบบฟอร์มและเพิ่มฟิลด์ที่ซ่อนอยู่ซึ่งระบุว่ามีการส่งฟิลด์หรือไม่ จากนั้นตรวจสอบว่ามีการจัดการในฟังก์ชั่นการจัดการหรือไม่ หลังจากนั้น การเปลี่ยนแปลงควรมุ่งไปที่ index.php แทนที่จะเป็นฟังก์ชัน ในกรณีนี้ มีสองสิ่ง: 1. การดูยังคงค่อนข้างน่าเบื่อ
ให้เราเพิ่มรูปภาพที่ปักหมุดได้เพื่อให้ดูดีขึ้น ทำได้โดยใช้ฟังก์ชันใหม่ที่เพิ่มเข้ากับธีม หน้าแรกจะต้องโหลดใหม่หลังจากเลือกรูปภาพเด่นแล้ว
วิธีการใช้ธีมเฉพาะกับทุกหน้าบนเว็บไซต์ของคุณ
คุณสามารถใช้ปลั๊กอิน Page Builder เพื่อใช้ ธีมเฉพาะ กับหน้าเว็บไซต์ของคุณทั้งหมด เมื่อคุณสร้างเพจใหม่ ให้เลือกไอคอน Page Type ในแถบเครื่องมือ จากนั้นเลือก Page จากรายการ ในกล่องโต้ตอบรายละเอียดหน้า เลือกหน้าทั้งหมดจากรายการประเภท จากนั้นคลิกนำไปใช้
ตัวเลือกธีม WordPress
มี ตัวเลือกธีมมากมาย สำหรับ WordPress แต่ละตัวเลือกอนุญาตให้ปรับแต่งได้ในระดับที่แตกต่างกัน ดังนั้นคุณสามารถเลือกตัวเลือกที่เหมาะสมกับความต้องการของคุณมากที่สุด ตัวเลือกธีมยอดนิยมบางส่วน ได้แก่: – การเปลี่ยนสีของธีมของคุณ – การเพิ่มโลโก้ของคุณเอง – การเปลี่ยนเลย์เอาต์ของธีมของคุณ – การเพิ่มไอคอนโซเชียลมีเดีย – การเปลี่ยนแบบอักษรที่ใช้ในธีมของคุณ ด้วยตัวเลือกมากมายที่มีให้คุณ สามารถทำให้ไซต์ WordPress ของคุณเป็นของคุณเองได้จริงๆ ทดลองกับตัวเลือกต่างๆ จนกว่าคุณจะพบส่วนผสมที่ลงตัวสำหรับไซต์ของคุณ
การตั้งค่าบางอย่างของไซต์ WordPress สามารถเปลี่ยนแปลงได้โดยคลิกที่หน้าตัวเลือกธีม คุณสามารถเปลี่ยนสีของแบบอักษร พื้นหลัง รูปภาพ และประเภทแบบอักษรได้ใน ธีมพรีเมียม ส่วนใหญ่ หน้าตัวเลือกของปลั๊กอินยังสามารถใช้เพื่อเปลี่ยนการตั้งค่าและปรับแต่งปลั๊กอินได้อีกด้วย คุณต้องใช้ฟังก์ชัน register_setting() เพื่อลงทะเบียนการตั้งค่าของคุณใน Settings API พารามิเตอร์ที่คุณใช้เพื่อป้อนค่านี้คือ: เพิ่มส่วนต่างๆ ในการตั้งค่า และด้วยวิธีนี้ เราสามารถจัดระเบียบการตั้งค่าบนเพจ แล้วเพิ่มสไตล์เพื่อแสดงในวิธีที่ต่างออกไปบนเพจ การตั้งค่าทั้งหมดที่คุณกำหนดค่าไว้ที่นี่จะแสดงในตารางตัวเลือก ในการสร้างหน้าตัวเลือกธีม เพียงคัดลอกและวางข้อมูลต่อไปนี้ลงในไฟล์ functions.php ของคุณ
ฟังก์ชัน pu_register_settings รวมอยู่ในแอ็คชัน admin_init เนื่องจากเป็นการกำหนดส่วน ฟิลด์ และการตั้งค่า การเพิ่มข้อมูลเพิ่มเติมในส่วนสามารถทำได้โดยใช้ฟังก์ชันเรียกกลับ ซึ่งจะปรากฏเหนือองค์ประกอบอื่นๆ ทั้งหมด หากคุณคัดลอกข้อมูลโค้ดที่กล่าวถึงข้างต้นทั้งหมดลงในไฟล์ functions.php ของคุณ คุณจะเห็นรายการตัวเลือกต่างๆ ใต้เมนูลักษณะที่ปรากฏ ขณะนี้ตัวแปร $options ได้รับการอัปเดตเพื่อจัดเก็บอาร์เรย์ของ ค่าตัวเลือกธีม ช่วยให้คุณเห็นค่ากล่องข้อความที่เราใส่บนหน้าเว็บโดยใช้ข้อมูลโค้ดนี้ ในอนาคต ฉันจะแสดงให้คุณเห็นว่าคุณสามารถใช้แอปพลิเคชันบุคคลที่สามของ WordPress เพื่อปรับปรุงประสบการณ์ผู้ใช้บนแผงตัวเลือกธีมของคุณได้อย่างไร
ตัวเลือกธีมคืออะไร?
ตัวเลือกธีมเป็นส่วนหนึ่งของเว็บไซต์ WordPress ที่คุณสามารถเลือกธีมได้ แอปนี้ทำให้ง่ายต่อการเปลี่ยนการตั้งค่าธีมโดยไม่ต้องแก้ไขธีมหรือแตะโค้ดใดๆ
คุณจะพบตัวเลือกธีมปรับแต่งได้ที่ไหน?
WordPress Customizer เป็นวิธีที่สะดวกที่สุดในการปรับแต่งธีม WordPress ของคุณ คุณสามารถเข้าถึงได้โดยคลิกลิงก์ปรับแต่งในแถบผู้ดูแลระบบที่ด้านบนของหน้าจอ (เมื่อคุณเข้าสู่ระบบ) หรือคลิกลิงก์ปรับแต่งเมื่อคุณเข้าสู่ระบบ โดยการเลือกลักษณะที่ปรากฏ คุณสามารถกำหนดลักษณะที่ปรากฏของ เว็บไซต์ของคุณ.
สร้างสรรค์ด้วยการปรับแต่ง
เครื่องมือปรับแต่งเป็นเครื่องมือที่ยอดเยี่ยมสำหรับการปรับแต่งไซต์ของคุณ เมื่อคุณพร้อมที่จะก้าวไปสู่อีกระดับ คุณยังสามารถเปลี่ยนชื่อและแท็กไลน์ของไซต์ของคุณ เพิ่มวิดเจ็ตในแถบด้านข้างหรือส่วนท้าย และเพิ่มเมนูได้อีกด้วย คุณสามารถเริ่มปรับแต่งเว็บไซต์ของคุณเพื่อสะท้อนถึงสไตล์ของเว็บไซต์ที่ไม่ซ้ำใครได้ทันทีที่คุณเรียนรู้พื้นฐาน สิ่งสำคัญคือการสร้างสรรค์และสนุกสนาน