วิธีเพิ่มลิงก์ "อ่านเพิ่มเติม" จาก HTML โดยใช้ Tumblr

ผู้เขียน: Helen Garcia
วันที่สร้าง: 15 เมษายน 2021
วันที่อัปเดต: 11 พฤษภาคม 2024
Anonim
วิธีเพิ่มลิงก์ "อ่านเพิ่มเติม" จาก HTML โดยใช้ Tumblr - บทความ
วิธีเพิ่มลิงก์ "อ่านเพิ่มเติม" จาก HTML โดยใช้ Tumblr - บทความ

เนื้อหา

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


คำสั่ง

วิธีการสร้างลิงค์อ่านเพิ่มเติมเกี่ยวกับ Tumblr (รูปภาพ Comstock / Comstock / Getty)
  1. เปิดข้อความใหม่ในแดชบอร์ด Tumblr หรือไปที่ http://tumblr.com/new/text คุณจะไม่สามารถเพิ่มคุณสมบัติ "อ่านเพิ่มเติม" ให้กับข้อความใด ๆ ได้เฉพาะในข้อความเท่านั้น หากคุณใช้โหมดแก้ไขข้อความขั้นสูงบรรทัด "อ่านเพิ่มเติม" จะปรากฏขึ้นไม่นานหลังจากที่คุณเพิ่มรหัส หากคุณใช้โหมดบล็อกหรือแผงควบคุมจะไม่แสดงอย่างถูกต้อง

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

  3. ป้อนรหัสโปรแกรม "<- plus ->" ด้านล่างข้อความการโทรที่คุณป้อนซึ่งจะปรากฏเหนือคำสั่ง "อ่านเพิ่มเติม" รหัสนี้เป็นรหัสเฉพาะของ Tumblr และจะไม่ทำงานบนไซต์อื่น หากคุณใช้โปรแกรมแก้ไขข้อความขั้นสูงของ Tumblr คำสั่งจะปรากฏขึ้นพร้อมกับเส้นประสีเทาที่ชื่อว่า "Read More"


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

  5. คลิก "สร้างข้อความ" เพื่อแก้ไขข้อความให้เสร็จ

เคล็ดลับ

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