การออกแบบธีม WordPress ของคุณใหม่: แผงการดูแลระบบ Vs CSS

WordPress เป็นระบบจัดการเนื้อหา (CMS) ที่อนุญาตให้ผู้ใช้สร้างเว็บไซต์หรือบล็อกตั้งแต่เริ่มต้น หรือปรับปรุงเว็บไซต์ที่มีอยู่ มีสองวิธีในการออกแบบธีม WordPress ใหม่: ผ่านแผงผู้ดูแลระบบ WordPress หรือโดยการแก้ไขโค้ด CSS โดยตรง แผงผู้ดูแลระบบ WordPress นั้นง่ายกว่าในสองวิธี และไม่จำเป็นต้องมีความรู้เกี่ยวกับ CSS เพียงลงชื่อเข้าใช้ไซต์ WordPress ของคุณ ไปที่ส่วนลักษณะที่ปรากฏ > ธีม แล้วคลิกปุ่ม "ปรับแต่ง" สำหรับธีมที่คุณต้องการเปลี่ยน จากที่นี่ คุณสามารถเปลี่ยนสี ฟอนต์ และลักษณะอื่นๆ ของธีมของคุณได้ หากคุณต้องการควบคุมการออกแบบใหม่ของคุณมากขึ้น หรือหากคุณต้องการเปลี่ยนแปลงที่รุนแรงกว่านี้ คุณจะต้องแก้ไขโค้ด CSS โดยตรง วิธีที่ดีที่สุดคือใช้ธีมลูก ธีมย่อยสืบทอดการออกแบบของธีมหลัก แต่อนุญาตให้คุณเปลี่ยนแปลง CSS ได้โดยไม่กระทบกับธีมหลัก เพื่อให้แน่ใจว่าการเปลี่ยนแปลงของคุณจะไม่สูญหายหากธีมหลักได้รับการอัปเดต ในการสร้างธีมลูก ขั้นแรกให้สร้างโฟลเดอร์ใหม่ในไดเร็กทอรีการติดตั้ง WordPress ของคุณ จากนั้น สร้างไฟล์ชื่อ style.css ในโฟลเดอร์ใหม่นี้ และเพิ่มโค้ดต่อไปนี้: /* ชื่อธีม: เทมเพลตธีมลูกของฉัน: ยี่สิบห้าสิบ */ @import url(“../twentyfifteen/style.css”) ; บรรทัดแรกระบุชื่อธีมลูกของคุณ บรรทัดที่สองบอก WordPress ว่าธีมใดเป็นธีมหลัก ในกรณีนี้ เรากำลังใช้ชุดรูปแบบยี่สิบห้า บรรทัดที่สามนำเข้า CSS จากธีมหลัก ตอนนี้คุณสามารถแก้ไขไฟล์ style.css ในโฟลเดอร์ธีมลูกของคุณเพื่อปรับแต่งธีมของคุณ อย่าลืมบันทึกการเปลี่ยนแปลงและอัปโหลดไฟล์ไปยังเซิร์ฟเวอร์ของคุณเมื่อดำเนินการเสร็จสิ้น หากคุณต้องการออกแบบใหม่ไปอีกขั้น คุณสามารถสร้างไฟล์ functions.php ในโฟลเดอร์ธีมลูกของคุณ ไฟล์นี้ให้คุณเพิ่มคุณสมบัติและฟังก์ชันการทำงานให้กับธีมลูกของคุณ ตัวอย่างเช่น คุณสามารถใช้ไฟล์ functions.php เพื่อสร้างเทมเพลตโฮมเพจที่กำหนดเองได้ เมื่อคุณแก้ไขธีมลูกเสร็จแล้ว คุณสามารถเปิดใช้งานได้โดยไปที่ส่วน ลักษณะที่ปรากฏ > ธีม ของแผงการดูแลระบบ WordPress ธีมลูกของคุณจะแสดงพร้อมกับธีมอื่นๆ ที่ติดตั้งในไซต์ของคุณ

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

หากต้องการปรับแต่งธีม WordPress ให้ไปที่ลักษณะที่ปรากฏ ธีมที่ใช้งานอยู่ (ในกรณีของเรา Twenty Nineteen) อยู่ในหน้านี้ และคุณสามารถแก้ไขได้โดยคลิกที่ปุ่มปรับแต่งถัดจากชื่อ เมื่อเปิดธีม WordPress ของคุณแล้ว ก็สามารถเปลี่ยนแปลงได้ทันที

ฉันจะรีแบรนด์ธีม WordPress ได้อย่างไร

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

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

ขั้นตอนในการเปลี่ยนธีมของเว็บไซต์ของคุณ

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

ฉันจะปรับแต่งธีม WordPress 2022 ของฉันได้อย่างไร

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

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

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

ก่อนที่คุณจะเปลี่ยน ธีมสี ของเว็บไซต์ได้ คุณต้องแก้ไขโค้ด CSS เสียก่อน ไฟล์ functions.php เป็นหนึ่งในไฟล์ที่สำคัญที่สุดหากคุณต้องการเรียกใช้คุณสมบัติบางอย่างบนเว็บไซต์ของคุณ เครื่องมือนี้จะช่วยให้คุณค้นหาและกำหนดเป้าหมายองค์ประกอบทั้งหมดบนหน้าเว็บได้ง่ายขึ้น แก้ไขหรือเพิ่ม CSS และบันทึก ปลั๊กอินค่อนข้างเกี่ยวข้องกับโค้ดในไฟล์ฟังก์ชัน ไฟล์ archive.php ในธีมลูกถูกใช้แทนไฟล์พาเรนต์ archive.html สำหรับแท็ก ถ้าคุณไม่มีทักษะหรือความรู้ในการเขียนโค้ด คุณไม่ควรแก้ไขไฟล์ธีม แม้ว่าคุณจะใช้แพลตฟอร์มการแสดงละคร คุณก็สามารถทำการเปลี่ยนแปลงใดๆ กับเว็บไซต์ของคุณได้โดยไม่รบกวนเว็บไซต์ที่ใช้งานจริง

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

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

ปรับแต่งโค้ดธีม WordPress

หากคุณต้องการเปลี่ยนซอร์สโค้ดของธีม WordPress คุณสามารถทำได้โดยใช้ธีมย่อย คุณสามารถใช้ปลั๊กอินเพื่อจัดการข้อมูลโค้ดที่คุณเพิ่มลงใน *head] หรือฟังก์ชันได้ จำเป็นต้องมีไฟล์ php สำหรับธีมของคุณ สำหรับผู้ที่ต้องการเพิ่ม CSS ที่กำหนดเองเท่านั้น คุณสามารถใช้พื้นที่ CSS เพิ่มเติมในเครื่องมือปรับแต่ง WordPress หรือปลั๊กอิน เช่น “Simple CSS” ได้

สามารถปรับแต่งธีม WordPress ได้โดยไม่ต้องใช้โค้ดแม้แต่บรรทัดเดียว คุณสามารถใช้ปลั๊กอินและเครื่องมือในตัวเพื่อปรับแต่งธีมของคุณได้ เราจะพิจารณาว่าเหตุใดคุณจึงอาจต้องการแก้ไขการออกแบบเว็บไซต์ของคุณในโพสต์นี้ เราจะพูดถึงสามวิธีในการปรับแต่งธีม WordPress ของคุณโดยไม่ต้องใช้ทักษะการเขียนโค้ดใดๆ ในบทเรียนนี้ โดยทั่วไปแล้ว ธีมจะมีความยืดหยุ่นมากกว่าธีมอื่นๆ และอาจออกแบบโดยมีเป้าหมายในการปรับตัว ด้วยเหตุนี้ จึงมีสามวิธีง่ายๆ ในการปรับแต่งธีม WordPress ของคุณ เจ้าของสามารถแก้ไขเว็บไซต์ได้โดยใช้ฟีเจอร์ Full Site Editing (FSE) ใหม่

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

แก้ไขไฟล์เว็บไซต์ของคุณ

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