วิธีการออกแบบใน Tumblr

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

คำแนะนำ

1

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

2

คลิกชื่อบล็อกของคุณที่ด้านบนของหน้าถัดจากลิงก์ "แดชบอร์ด" หากคุณมีหลายบล็อกให้คลิกไอคอนรายการสัญลักษณ์แสดงหัวข้อย่อยแล้วเลือกบล็อกที่คุณต้องการออกแบบจากรายการที่ปรากฏ

3

คลิกปุ่ม "ปรับแต่งลักษณะที่ปรากฏ"

4

คลิกส่วนหัว "ธีม" จากแถบเครื่องมือที่ด้านบนของหน้าการปรับแต่งธีม

5

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

6

กด "ctrl" และ "A" บนแป้นพิมพ์เพื่อเลือกซอร์สโค้ดทั้งหมดของบล็อกของคุณและกดปุ่ม "ลบ" บนแป้นพิมพ์ของคุณ

7

พิมพ์ "" (ไม่มีเครื่องหมายคำพูด)

8

พิมพ์โค้ด CSS สำหรับบล็อกของคุณในช่องว่างระหว่าง ""

9

พิมพ์โค้ด HTML ที่คุณต้องการใช้สำหรับการออกแบบบล็อกของคุณในช่องว่างด้านล่างแท็ก ""

10

คลิกลิงก์ "ตัวอย่างการอัปเดต" เพื่อให้แน่ใจว่าบล็อกมีลักษณะตามที่คุณต้องการก่อนที่จะใช้งานจริงด้วยการออกแบบใหม่

11

คลิกปุ่ม "บันทึก + ปิด" ทางด้านขวาของแถบเครื่องมือที่ด้านบนของหน้าเพื่อเผยแพร่งานออกแบบใหม่ของคุณ