วิธีปรับแต่งธีม WordPress เพื่อให้เข้ากับแบรนด์ของคุณ

ธีม WordPress มีรูปแบบและขนาดต่างกัน แต่เทคนิคการปรับแต่งธีมยังคงคล้ายกัน หากคุณรู้วิธีปรับแต่งธีมหนึ่ง คุณจะจัดการกับธีมอื่นได้ง่ายขึ้นมาก

ในบทความนี้ เราขอกล่าวถึงธีม WordPress ของ Cloe Brooks สำหรับเว็บไซต์ทางการแพทย์ และแสดงให้คุณเห็นว่าคุณสามารถปรับแต่งการออกแบบ เลย์เอาต์ และทำให้เป็นธีมของคุณเองได้อย่างไร

ธีมว่าง vs เนื้อหาสาธิต

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

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

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

โลโก้เว็บไซต์และ Favicon

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

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

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

favicon เป็นอีกหนึ่งองค์ประกอบเอกลักษณ์ของแบรนด์ที่คุณสามารถตั้งค่าได้ที่นี่ จะแสดงที่จุดเริ่มต้นของแท็บในเบราว์เซอร์ของคุณ ในการอัปโหลด favicon ให้ใช้รูปภาพ .png กว้าง 512 พิกเซล

ในการอัปโหลดโลโก้ ให้ไปที่ ลักษณะที่ปรากฏ > ตัวเลือกธีม > การปรับแต่ง และในส่วน 'โลโก้หลัก' ให้เลือกภาพโลโก้ของคุณ หากโลโก้ของคุณดูใหญ่หรือเล็กเกินไป คุณสามารถเปลี่ยนได้โดยการปรับค่า 'ความสูงของโลโก้'

โครงร่างสี

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

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

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

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

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

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

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

เมื่อคุณปรับแต่งชุดสีเสร็จแล้ว ให้กำหนดในแท็บ Body Style ใน Appearance > Theme Options > Customization

วิชาการพิมพ์

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

Cloe Brooks มีแบบอักษร sans-serif แบบกำหนดเองที่สวยงาม แต่ถ้าจำเป็น คุณสามารถเปลี่ยนเป็นแบบอักษรอื่นที่คุณต้องการได้ คุณสามารถเลือกแบบอักษรที่ใช้ได้จากคอลเล็กชัน Google Fonts หรืออัปโหลดแบบอักษรของคุณเอง

คุณสามารถค้นหาการตั้งค่าแบบอักษรของธีมได้ใน ลักษณะที่ปรากฏ > แบบอักษรและสี > แบบอักษร การตั้งค่าใช้งานได้หลากหลายและให้คุณควบคุมรูปแบบข้อความในไซต์ของคุณได้ดีเยี่ยม ปรับแบบอักษรสำหรับองค์ประกอบต่างๆ เช่น หัวเรื่อง ข้อความเนื้อหา ลิงก์ ช่องป้อนข้อมูล ปุ่ม รายการเมนู และอื่นๆ คุณสามารถเลือกรูปแบบแบบอักษร น้ำหนัก ความสูงของเส้น การตกแต่ง และแม้กระทั่งระบุระยะขอบด้านบนและด้านล่างขององค์ประกอบ

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

เคล็ดลับอีกประการหนึ่งคือการรักษาคอนทราสต์ระหว่างกลุ่มแบบอักษรต่างๆ เช่น ส่วนหัวและแบบอักษรของเนื้อหา ความคมชัดสามารถทำได้โดยใช้ขนาด สี น้ำหนักแบบอักษร และรูปแบบแบบอักษร

บัญชีโซเชียลและข้อมูลการติดต่อ

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

คุณสามารถค้นหาการตั้งค่าโซเชียลมีเดียได้โดยไปที่ ลักษณะที่ปรากฏ > ตัวเลือกธีม > โซเชียล

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

ในการผสานรวมฟีด Twitter เข้ากับไซต์ของคุณ คุณจะต้องกรอกรายละเอียด Twitter API เช่น รหัสผู้บริโภค ข้อมูลลับของผู้บริโภค ฯลฯ ที่นี่

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

ห่อ

แม้ว่าจะมีอีกหลายสิ่งที่คุณสามารถปรับแต่งได้ในธีม Cloe Brooks แต่เราได้กล่าวถึงสิ่งที่สำคัญที่สุดไว้ที่นี่แล้ว

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

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