ส่วนหัวหมายความว่าอะไรใน Tumblr?

ส่วนหัวเป็นแบนเนอร์หลักของบล็อก Tumblr ส่วนหัวอาจเป็นรูปภาพข้อความหรือทั้งสองอย่างทั้งนี้ขึ้นอยู่กับการกำหนดค่าของคุณ ส่วนหัวทำหน้าที่ต้อนรับผู้เยี่ยมชมบล็อกของคุณโดยไม่ขึ้นกับโพสต์ ส่วนหัวจะต้องกำหนดค่าผ่านหน้าปรับแต่งธีมของคุณหรือโดยตรงผ่าน Hypertext Markup Language และ Cascading Style Sheets

ธีมและการปรับแต่ง

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

ไฟล์ส่วนหัวและเนื้อหา

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

HTML

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

การจัดรูปแบบส่วนหัว

Tumblr ส่วนหัวของคุณสามารถปรับแต่งเพิ่มเติมผ่าน CSS ใน CSS คุณสามารถระบุส่วนหัวด้วย ID #header หลังจากที่คุณสร้าง ID นี้แล้วคุณสามารถแก้ไขพารามิเตอร์เช่นความกว้างการวางตำแหน่งระยะห่างและการจัดตำแหน่งของส่วนหัว รายการที่มีรหัส "ส่วนหัว" ในรหัส HTML ของคุณจะถูกจัดรูปแบบตามพารามิเตอร์เหล่านี้ ตัวอย่างเช่นคุณสามารถจัดแนวส่วนหัวทางด้านซ้ายของหน้าโดยใช้คุณสมบัติ float: #header {float: left;}