วิธีเพิ่มโลโก้ที่กำหนดเองให้กับธีม WordPress ของคุณ

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

หากคุณต้องการเพิ่มโลโก้ที่กำหนดเองให้กับ ธีม WordPress ของคุณ คุณสามารถใช้วิธีสองสามวิธีได้ วิธีแรกคือเพียงแค่เพิ่มภาพโลโก้ลงในโฟลเดอร์รูปภาพของธีม จากนั้นระบุ URL ของรูปภาพในไฟล์ header.php ของธีม อีกวิธีหนึ่งคือใช้ WordPress Customizer เพื่ออัปโหลดภาพโลโก้ของคุณ แล้วเพิ่ม URL ของรูปภาพลงในไฟล์ header.php ของธีม สุดท้าย คุณสามารถใช้ปลั๊กอินเช่น WP Add Custom Logo เพื่ออัปโหลดและจัดการภาพโลโก้ที่กำหนดเองของคุณได้อย่างง่ายดาย

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

เพิ่มการสนับสนุนธีม โลโก้ที่กำหนดเอง

เครดิต: since1979.dev

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

บทความนี้จะอธิบายขั้นตอนการสร้างโลโก้สำหรับธีม WordPress ฟังก์ชัน add_theme_support ช่วยให้ธีม WordPress มีคุณสมบัติที่หลากหลาย ฟังก์ชันนี้ยอมรับพารามิเตอร์สองตัว และหนึ่งในนั้นเป็นทางเลือก ในกรณีนี้ เราต้องการเพิ่มคุณลักษณะที่เรียกว่า 'โลโก้ที่กำหนดเอง' กล่าวอีกนัยหนึ่ง เราต้องการสร้างอาร์กิวเมนต์ $ สองรายการสำหรับคุณลักษณะนี้ ในบทเรียนนี้ เราจะเรียนรู้วิธีติดตั้งโลโก้นี้ที่ด้านหน้าของธีม WordPress หลังจากเรียนรู้วิธีเพิ่มโลโก้เข้าไป หากไม่มีโลโก้ เราสามารถใช้ has_custom_logo() เพื่อดูว่ามีอยู่หรือไม่ หากมีฟังก์ชันโลโก้ที่กำหนดเอง ฟังก์ชันนี้จะคืนค่า จริง เว้นแต่เป็นเท็จ WordPress Customizer ช่วยให้เราสามารถเปลี่ยนโลโก้ของเราในลักษณะเดียวกับที่ธีมอื่น ๆ อนุญาตให้เราทำได้

วิธีเพิ่มโลโก้ในส่วนหัวของ WordPress Php

เครดิต: docs.pinegrow.com

โลโก้จะต้องอยู่ในส่วนหัว ไฟล์ PHP สามารถกำหนดค่าได้สองวิธีพื้นฐาน ฟังก์ชันหลักของ WordPress ใช้ฟังก์ชัน custom_template() เพื่อแสดงโลโก้พร้อมมาร์กอัปที่กำหนด เมื่อคุณตัดสินใจเลือก URL ของโลโก้ แล้ว คุณสามารถสร้างมาร์กอัปของคุณเองได้

จำเป็นต้องมี โลโก้ ที่มองเห็นได้ชัดเจนสำหรับเว็บไซต์ WordPress ของคุณ ทันทีที่มีการติดตั้ง จะโดดเด่นกว่าเว็บไซต์ที่มีธีม WordPress เหมือนกัน นอกจากนี้ยังช่วยให้ผู้เข้าชมเข้าใจความหมายของภาพโดยเน้นที่คุณค่าของเว็บไซต์ของคุณ สองสิ่งนี้เป็นองค์ประกอบที่สำคัญในการสร้างแบรนด์และการตลาดของคุณ หากธีมของคุณรองรับ คุณสามารถใช้วิธีที่ 1 เพื่ออัปโหลดโลโก้ หากไม่เป็นเช่นนั้น คุณควรสร้างเว็บไซต์แสดงละครหรือลองใช้ในพื้นที่ของคุณ โปรดเก็บรหัสนี้ไว้ระหว่างส่วนหัวและแท็ก PHP ก่อนเปิดและปิด คุณสามารถเพิ่มได้หลายวิธี เช่น ใกล้ >h1 class=”something”> หรือการกล่าวถึงคลาส เช่น nav-bar

วิธีเพิ่มรูปภาพในส่วนหัวของคุณใน WordPress

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

วิธีเพิ่มสองโลโก้ในส่วนหัวของ WordPress

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

เพิ่มโลโก้อีกสองโลโก้ในส่วนหัวโดยป้อน GeneratePress ในส่วนหัว คุณจะเห็นว่าคุณกำลังดู 8 โพสต์ (หรือ 8 โพสต์ทั้งหมด) โพสต์ถึงผู้เขียนคนนี้จะเผยแพร่ในวันที่ 31 มกราคม 2020 มีวิธีเพิ่มโลโก้ทั้งสองที่ด้านซ้ายนอกเหนือจากโลโก้หลักทางด้านขวา (รูปที่แนบ) หรือไม่? โดยไม่ต้องยุ่งทั้งส่วนหัว? พื้นที่วิดเจ็ตแถบด้านบนมีอยู่ใน iPhone หรือไม่ คุณสามารถทำได้โดยใช้การตั้งค่าปัจจุบันของคุณ

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

WordPress เพิ่มโลโก้ที่สองในเครื่องมือปรับแต่ง

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

ตัวปรับแต่งธีมของ WordPress สามารถแก้ไขได้เพื่อรวมตัวอัปโหลดโลโก้ที่กำหนดเอง เครื่องมือปรับแต่งสามารถจัดการ ตัวเลือกธีม ได้เกือบทุกแบบ โดยมีคุณสมบัติมากมาย เช่น ตัวเลือกเลย์เอาต์ โปรแกรมอัปโหลดรูปภาพ และช่องข้อความ จะไม่มีหน้าตัวเลือกธีมและธีมจะถูกปรับแต่งเท่านั้น โลโก้ของเราจะแสดงในไฟล์ header.php ของธีมของเรา ชื่อเว็บไซต์และคำอธิบายจะปรากฏขึ้นไม่ว่าจะมีโลโก้หรือไม่ก็ตาม สำหรับ URL โลโก้ ใช้รหัสต่อไปนี้: [php]get_theme_mod('m1_logo.'

ฉันจะเปลี่ยนโลโก้ยอดนิยมบน WordPress ได้อย่างไร

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

โลโก้เว็บไซต์ WordPress

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