วิธีการแก้ไขชุดรูปแบบของคุณด้วย HTML บน Tumblr

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

1

เปิดหน้าการปรับแต่ง Tumblr ของคุณที่ Tumblr.com/customize คุณสามารถคลิกชื่อผู้ใช้ของคุณที่ด้านบนของแดชบอร์ด Tumblr จากนั้นคลิก "กำหนดลักษณะที่ปรากฏ" บนแถบด้านข้าง

2

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

3

ดูรหัสเพื่อทำความเข้าใจว่านักพัฒนาสร้างธีมอย่างไร ธีมใช้การผสมผสานของรหัสรวมถึง HTML, CSS และ Javascript ธีม Tumblr ใช้ชุดบล็อกมาตรฐานเพื่อกำหนดพื้นที่ของรหัสที่ใช้กับการโพสต์และส่วนต่าง ๆ ของบล็อก ตัวอย่างเช่นส่วนที่กำหนดโพสต์เสียงจะเริ่มต้น "{block: Audio}" และลงท้ายด้วย "{/ block: audio}" และส่วนสำหรับโพสต์คำพูดจะเริ่ม {block: Quote} และจบ "{/ block: Quote } "ทำให้ง่ายต่อการค้นหาประเภทโพสต์และแต่ละส่วน หากคุณกำลังค้นหาองค์ประกอบที่เฉพาะเจาะจงคุณลักษณะ "ค้นหา" ของเบราว์เซอร์ของคุณควรจะสามารถค้นหาคำภายใน HTML ของธีมได้

4

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

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

h2 {font-size: 22px; สี: # A8A8A8;}

5

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

6

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

ปลาย

• การเปลี่ยนแปลงชุดรูปแบบของคุณมีผลกับหน้าของคุณเท่านั้นไม่ใช่แดชบอร์ดหรือ Tumblelog ของคุณ

คำเตือน

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