วิธีปรับขนาดโลโก้ใน Genesis WordPress Themes Monochrome

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

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

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

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

รูปภาพโดย – https://wp.com

หลังจากที่คุณได้เลือกตัวเลือกเมนู 'ส่วนหัว' แล้ว ให้ไปที่การปรับแต่งลักษณะที่ปรากฏ จากนั้นคุณสามารถเลือก 'Site Identity' จากเมนู นี่คือที่ที่โลโก้ของคุณสามารถปรับขนาดได้ง่าย หากต้องการเปลี่ยน ความกว้างของโลโก้ ให้กดแถบเลื่อน 'ความกว้างของโลโก้' ไปทางซ้ายหรือขวา

ความกว้างและความสูงของโลโก้รูปสี่เหลี่ยมจัตุรัสควรมีขนาดอย่างน้อย 250 x 250 พิกเซล นอกจาก Photoshop แล้ว คุณยังสามารถใช้ Canva.com การตั้งค่าโลโก้เริ่มต้นมีให้สำหรับธีม WordPress ส่วนใหญ่ รวมถึง Divi ธีมส่วนใหญ่มีโลโก้เริ่มต้นของตัวเอง ขนาดโลโก้ส่วนหัวของบล็อกที่พบบ่อยที่สุดคือ 250 x 250px รูปภาพของผู้แต่งไม่ควรเล็กกว่า 80 x 80 และรูปภาพของ Favicon ไม่ควรเล็กกว่า 128 x 128 CSS เป็นอีกวิธีง่ายๆ ในการเปลี่ยนขนาดโลโก้บนไซต์ WordPress ของคุณ

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

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

หากคุณต้องการปรับแต่งธีม เจเนซิส คุณมีตัวเลือกที่แตกต่างกันสองสามตัว คุณสามารถใช้ปลั๊กอินเช่น Genesis Simple Edits หรือแก้ไขไฟล์ธีมได้โดยตรง หากคุณต้องการแก้ไขไฟล์ธีมโดยตรง คุณต้องคุ้นเคยกับโค้ดและสามารถเข้าถึงไซต์ของคุณผ่าน FTP ได้

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

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


ฉันจะใช้ธีม Genesis ใน WordPress ได้อย่างไร

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

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

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