การแก้ไขเค้าโครง 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 ที่สร้างขึ้นโดยอัตโนมัติในเครื่องมือแก้ไข Dreamweaver HTML

6

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

เคล็ดลับ

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