การแก้ไขเค้าโครง Tumblr ใน Dreamweaver

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

1

เข้าสู่ระบบ Tumblr และคลิกไอคอนรูปเฟืองที่ด้านบนของหน้าจอเพื่อเข้าถึงการตั้งค่าบัญชีของคุณ

2

คลิกชื่อบล็อกของคุณทางด้านซ้ายคลิกปุ่ม "ปรับแต่ง" ใต้รูปภาพธีมแล้วคลิก "แก้ไข HTML" ในแถบทางด้านซ้าย

3

คลิกขวาที่โค้ด HTML เลือก "เลือกทั้งหมด" คลิกขวาอีกครั้งแล้วเลือก "คัดลอก"

4

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

5

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

6

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