Read More break เป็นวิธีที่ดีในการเลิกบล็อกของคุณ
เครดิตรูปภาพ: millann / iStock / GettyImages
การเพิ่มช่วงพัก "อ่านเพิ่มเติม" บน Tumblr เป็นวิธีที่ยอดเยี่ยมในการแยกเนื้อหาในบล็อกของคุณและทำให้เลื่อนดูหลายโพสต์ได้ง่ายขึ้น ทำได้ง่ายมากโดยใช้ตัวแก้ไข Rich Text มาตรฐานที่ใช้โดย Tumblr แต่ถ้าคุณต้องการเพิ่มตัวแบ่ง Tumblr "อ่านเพิ่มเติม" ใน HTML คุณต้องเพิ่มโค้ดเล็กน้อย ไม่ใช่โค้ด HTML มาตรฐาน และดูเหมือนว่าจะใช้งานไม่ได้เมื่อคุณดูตัวอย่างโพสต์ แต่หลังจากที่คุณโพสต์ โพสต์จะปรากฏขึ้นตามที่คุณต้องการ เป็นความคิดที่ดีที่จะรู้ทั้งสองวิธี เนื่องจากวิธีมาตรฐานนั้นง่ายกว่ามาก
Tumblr “อ่านต่อ” – วิธีง่ายๆ
เพิ่มช่วงพัก "อ่านเพิ่มเติม" ได้ง่ายๆ โดยใช้ตัวแก้ไข Rich Text มาตรฐานบน Tumblr ขั้นแรก เขียนส่วนต้นของโพสต์ของคุณ ซึ่งหมายถึงส่วนที่คุณต้องการไปก่อนช่วงพัก "อ่านเพิ่มเติม" จากนั้นเลือก "Enter" เพื่อขึ้นบรรทัดใหม่และสังเกตสัญลักษณ์ "+" ที่ปรากฏทางด้านขวาของหน้าต่างตัวแก้ไขข้างบรรทัดใหม่ คลิกสัญลักษณ์นี้ และตัวเลือกจะปรากฏขึ้น โดยตัวขวาสุดคือแถวสามจุดบนพื้นหลังสีเทา
วีดีโอประจำวันนี้
คลิกสัญลักษณ์สามจุดเพื่อแทรกตัวแบ่ง "อ่านเพิ่มเติม" โดยใช้วิธีการง่ายๆ คุณยังสามารถใช้ปุ่มลัด "Ctrl"+"Shift"+"K" บนพีซีหรือ "Command"+"Shift"+"K" บน Mac เพื่อทำสิ่งเดียวกันได้ สิ่งนี้จะสร้างโค้ด HTML ที่คุณต้องการโดยอัตโนมัติ คุณไม่จำเป็นต้องไปที่โปรแกรมแก้ไข HTML หากคุณไม่ต้องการ
รหัส HTML สำหรับ “อ่านเพิ่มเติม”
คุณยังสามารถสร้าง "อ่านเพิ่มเติม" ของ Tumblr โดยใช้ตัวแก้ไข HTML บน Tumblr ในการเข้าถึงตัวแก้ไข ให้คลิกที่ไอคอนรูปเฟืองที่มุมบนขวาของหน้าจอเมื่อคุณสร้างโพสต์ใหม่หรือแก้ไขที่มีอยู่ จากนั้นคลิกเมนูแบบเลื่อนลงข้าง "ตัวแก้ไขข้อความ" เลือก "HTML" จากตัวเลือกที่แสดง และตัวแก้ไขจะเปลี่ยนเป็น HTML โหมด.
ขั้นตอนจากนี้ไปเป็นเรื่องง่าย หากคุณมีข้อความอยู่แล้ว คุณจะเห็น "
" และ "
" แท็กสำหรับจุดเริ่มต้นและจุดสิ้นสุดของย่อหน้าตามลำดับ ระหว่างแท็กสิ้นสุดและแท็กเริ่มต้น ที่คุณต้องการให้ระบุตัวแบ่ง "อ่านเพิ่มเติม" ให้พิมพ์ "[[MORE]]" (โดยไม่ใส่เครื่องหมายอัญประกาศ) เพื่อสร้างตัวแบ่ง "อ่านเพิ่มเติม"อย่างไรก็ตาม โค้ดนี้ไม่ใช่โค้ดมาตรฐานสำหรับ HTML และหากคุณคลิก "ดูตัวอย่าง" โค้ดจะแสดงตามที่คุณเขียน ไม่ต้องกังวลแม้ว่า เมื่อคุณเผยแพร่โพสต์ โพสต์จะแสดงเป็นตัวแบ่ง เช่นเดียวกับเมื่อคุณใช้วิธีก่อนหน้า
“อ่านเพิ่มเติม” ใน Markdown Editor
รูปแบบสุดท้ายสำหรับตัวแก้ไขใน Tumblr คือตัวแก้ไข Markdown และคุณยังสามารถสร้างลิงก์ "อ่านเพิ่มเติม" โดยใช้ตัวแก้ไขนี้ กระบวนการนี้เหมือนกับ HTML ทุกประการ คุณพิมพ์ข้อความที่ต้องการไปก่อนช่วง "อ่านเพิ่มเติม" แล้วตามด้วย "[[เพิ่มเติม]]" ก่อนที่คุณจะพิมพ์ข้อความต่อไป จะไม่แสดงในหน้าตัวอย่าง เช่นเดียวกับในโหมด HTML แต่จะใช้งานได้เมื่อคุณเผยแพร่โพสต์
การเพิ่มตัวแบ่งบรรทัดใน HTML
แม้ว่าลิงก์ "อ่านเพิ่มเติม" จะเป็นวิธีที่มีประโยชน์มากที่สุดในการแยกเนื้อหาของคุณ แต่การรู้วิธีแทรกตัวแบ่งบรรทัดใน HTML อาจช่วยได้เช่นกัน ทำได้ง่ายมาก: ใส่รหัส "
" (โดยไม่ใส่เครื่องหมายอัญประกาศ) ณ จุดที่คุณต้องการให้ตัวแบ่งบรรทัดปรากฏขึ้น คุณไม่จำเป็นต้องใส่สิ่งนี้ระหว่างแท็กย่อหน้าปิดและแท็กเปิด มันทำงานได้ทุกที่
