บทความวิกิฮาวนี้จะแนะนำวิธีการแสดงรูปภาพเป็นพื้นหลังของ Tumblr ธีม Tumblr บางธีมไม่สามารถเปลี่ยนภาพพื้นหลังได้ ไม่ว่าจะเป็นผ่านการอัปโหลดหรือการแก้ไข HTML
ขั้นตอน
วิธีที่ 1 จาก 2: การใช้ธีมที่ปรับแต่งได้
ขั้นตอนที่ 1. ไปที่เว็บไซต์ของ Tumblr
ได้ที่ https://www.tumblr.com/ หากคุณลงชื่อเข้าใช้ในเบราว์เซอร์ การดำเนินการนี้จะนำคุณไปยังหน้าแรกของ Tumblr
หากคุณไม่ได้ลงชื่อเข้าใช้ Tumblr ให้ป้อนที่อยู่อีเมลและรหัสผ่านของคุณ จากนั้นคลิก เข้าสู่ระบบ.
ขั้นตอนที่ 2 คลิกไอคอนโปรไฟล์ของคุณ
ที่เป็นไอคอนรูปคน มุมขวาบนของหน้า
ขั้นตอนที่ 3 คลิกชื่อบล็อกที่คุณต้องการแก้ไข
ปกติอยู่ใต้หัวข้อ "TUMBLRS" ประมาณครึ่งทางของเมนูโปรไฟล์ที่ขยายลงมา
ขั้นตอนที่ 4 คลิกแก้ไขลักษณะที่ปรากฏ
ที่เป็นตัวเลือกด้านขวาบนของหน้า ล่าง ร่างจดหมาย และ กระทู้ ส่วนต่างๆ
ขั้นตอนที่ 5. คลิก แก้ไขธีม
ทางขวาของหัวข้อ "Website Theme" ใต้รูปโปรไฟล์ของคุณ
ขั้นตอนที่ 6 มองหาไอคอนกล้องหรือดินสอถัดจากพื้นหลัง
ที่เป็นตัวเลือกล่างหัวข้อ "THEME OPTIONS" หากคุณเห็นไอคอนกล้องหรือดินสอทางด้านขวาของ พื้นหลัง คุณสามารถอัปโหลดภาพของคุณเองได้
- ธีม Tumblr บางธีมมีรูปแบบต่างๆ ของ พื้นหลัง (เช่น., เลือกพื้นหลัง) ที่นี่.
- หากคุณไม่เห็นตัวเลือกนี้ในตัวเลือกธีมของบล็อก ให้ไปยังวิธีถัดไป
- ธีมฟรีบางธีมที่ให้คุณอัปโหลดรูปภาพของคุณเองได้คือ "จับช้าง" และ "ตัดกระดาษ" ธีมที่ต้องชำระเงิน ได้แก่ "Queens" และ "Halcyon"
ขั้นตอนที่ 7 คลิกไอคอนกล้อง
เพื่อเปิดหน้าต่างเลือกรูปจากคอม
สำหรับบางธีม ให้คลิกไอคอนดินสอแทน
ขั้นตอนที่ 8 เลือกรูปภาพ
ขึ้นอยู่กับคอมและตำแหน่งที่เปิดหน้าต่างนี้ ให้ไปที่โฟลเดอร์ Photos ของคอม
- บางธีมจะทำให้คุณต้องคลิกก่อน เลือกรูปภาพ.
- ตรวจสอบให้แน่ใจว่ารูปภาพมีคุณภาพสูงพอสมควร มิฉะนั้น อาจดูเหมือนเป็นเม็ดเล็กหรือหลุดโฟกัส
ขั้นตอนที่ 9 คลิกเปิด
ที่ด้านล่างของหน้าต่าง เพื่ออัพโหลดรูปของคุณไปที่ Tumblr; ธีมของคุณควรรีเฟรชภายในไม่กี่วินาทีเพื่อแสดงพื้นหลังใหม่ของคุณ
วิธีที่ 2 จาก 2: การแก้ไข HTML
ขั้นตอนที่ 1. ไปที่เว็บไซต์ของ Tumblr
ได้ที่ https://www.tumblr.com/ หากคุณลงชื่อเข้าใช้ในเบราว์เซอร์ การดำเนินการนี้จะนำคุณไปยังหน้าแรกของ Tumblr
หากคุณไม่ได้ลงชื่อเข้าใช้ Tumblr ให้ป้อนที่อยู่อีเมลและรหัสผ่านของคุณ จากนั้นคลิก เข้าสู่ระบบ.
ขั้นตอนที่ 2 คลิกไอคอนโปรไฟล์ของคุณ
ปุ่มรูปคนนี้จะอยู่ที่มุมขวาบนของหน้า
ขั้นตอนที่ 3 คลิกชื่อบล็อกที่คุณต้องการแก้ไข
จะอยู่ล่างหัวข้อ "TUMBLRS" ประมาณครึ่งทางของเมนู profile ที่ขยายลงมา
ขั้นตอนที่ 4 คลิกแก้ไขลักษณะที่ปรากฏ
ที่เป็นตัวเลือกด้านขวาบนของหน้า ล่าง ร่างจดหมาย และ กระทู้ ส่วนต่างๆ
ขั้นตอนที่ 5. คลิก แก้ไขธีม
ทางขวาของหัวข้อ "Website Theme" ใต้รูปโปรไฟล์ของคุณ
ขั้นตอนที่ 6 คลิก แก้ไข HTML
ลิงค์นี้อยู่ใต้ชื่อธีมของคุณที่ด้านบนของแถบด้านข้าง "แก้ไขธีม"
ขั้นตอนที่ 7 คลิกไอคอนรูปเฟือง
ที่ด้านซ้ายบนของแถบ "Edit HTML"
ขั้นตอนที่ 8 คลิก ค้นหาและแทนที่
เพื่อเปิดหน้าต่างให้ค้นหาบรรทัดโค้ดที่จะแก้ไข
ขั้นตอนที่ 9 พิมพ์เนื้อความ {
แท็กนี้มีอยู่ในธีม Tumblr ทั้งหมดที่มีภาพพื้นหลังที่ปรับแต่งได้
หาก HTML ของธีมที่คุณเลือกไม่มีแท็ก "body {" คุณจะไม่สามารถเปลี่ยนภาพพื้นหลังได้
ขั้นตอนที่ 10. ค้นหาพื้นหลัง:
แท็ก
นี่อยู่ใต้แท็ก "body {" โดยตรง; คุณจะต้องเพิ่ม URL รูปภาพของคุณที่นี่ระหว่าง ":" และ ";" ที่ท้ายบรรทัด
ขั้นตอนที่ 11 แทนที่ข้อความใด ๆ ระหว่าง "พื้นหลัง:
"และ ";" ด้วยแท็ก URL ของคุณ
แท็ก URL ควรเขียนดังนี้: url()
ในทางปฏิบัติ ทั้งบรรทัดนี้จะเขียนว่า background: url(www.website.com/image.jpg);. โปรดทราบว่ามีช่องว่างระหว่างส่วน "พื้นหลัง:" และส่วน "url"
ขั้นตอนที่ 12. ป้อน URL รูปภาพของคุณในวงเล็บ
URL ที่คุณเลือกต้องลงท้ายด้วยนามสกุลไฟล์รูปภาพ เช่น-j.webp
เปิดรูปภาพในแท็บใหม่ และคัดลอก URL จากที่นั่น
หากคุณต้องการใช้รูปภาพต้นฉบับ คุณสามารถอัปโหลดไปยังบริการเช่น Photobucket หรือ Imgur
ขั้นตอนที่ 13 คลิก อัปเดตตัวอย่าง
ที่เป็นปุ่มสีเขียวด้านขวาบนของแถบด้านข้าง "Edit HTML" คุณควรเห็นภาพที่คุณเลือกปรากฏขึ้น
ขั้นตอนที่ 14. จัดตำแหน่งรูปภาพใหม่หากต้องการ
หากภาพของคุณบิดเบี้ยวหรือถูกตัดออกอย่างกะทันหัน ให้ป้อนรหัสสามบรรทัดต่อไปนี้ใต้แท็ก "พื้นหลัง":
- ไฟล์แนบพื้นหลัง: แก้ไข; - วิธีนี้จะทำให้ภาพของคุณอยู่ในที่เดียว
- พื้นหลังซ้ำ: ไม่ซ้ำ; - คุณยังสามารถเปลี่ยนการไม่เล่นซ้ำเพื่อบอกว่าทำซ้ำได้หากต้องการให้รูปภาพของคุณเล่นซ้ำเมื่อผู้ใช้เลื่อนลง
- พื้นหลังตำแหน่ง:ศูนย์; - คุณสามารถใช้ขวาหรือซ้ายแทนศูนย์
- คุณยังสามารถเพิ่มบรรทัดที่ระบุว่า background-size: cover เพื่อให้รูปภาพของคุณเติมพื้นหลังทั้งหมดได้
ขั้นตอนที่ 15 คลิกบันทึก
มันคือปุ่มสีน้ำเงินทางซ้ายของ อัปเดตตัวอย่าง ที่ด้านบนของแถบด้านข้าง "แก้ไข HTML"
ขั้นตอนที่ 16 คลิก ←
ที่ด้านซ้ายบนของหน้า
ขั้นตอนที่ 17. คลิก ออก
คุณจะเห็นตัวเลือกนี้ที่มุมซ้ายบนของแถบด้านข้าง "แก้ไขธีม" ธีม Tumblr ของคุณมีภาพพื้นหลังแล้ว
