วิธีปรับแต่งธีม WordPress ของคุณ

เผยแพร่แล้ว: 2022-10-16

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

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

ฉันจะเข้าถึงตัวแก้ไขธีม WordPress ของฉันได้อย่างไร

เครดิต: wphow.co

ในการเข้าถึง โปรแกรมแก้ไขธีม 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 คืออะไร?

เครดิต: Stack Exchange

มี การตั้งค่า 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

เครดิต: Pinterest

มีสองสามวิธีในการสร้างหน้าการตั้งค่าธีมใน 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 ของคุณ คุณสามารถเข้าถึงได้โดยคลิกลิงก์ปรับแต่งในแถบผู้ดูแลระบบที่ด้านบนของหน้าจอ (เมื่อคุณเข้าสู่ระบบ) หรือคลิกลิงก์ปรับแต่งเมื่อคุณเข้าสู่ระบบ โดยการเลือกลักษณะที่ปรากฏ คุณสามารถกำหนดลักษณะที่ปรากฏของ เว็บไซต์ของคุณ.

สร้างสรรค์ด้วยการปรับแต่ง

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