วิธีเพิ่มตัวแบ่ง HTML "อ่านเพิ่มเติม" ใน Tumblr

นักเรียนหญิงนั่งอยู่ในร้านกาแฟ .

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 อาจช่วยได้เช่นกัน ทำได้ง่ายมาก: ใส่รหัส "


" (โดยไม่ใส่เครื่องหมายอัญประกาศ) ณ จุดที่คุณต้องการให้ตัวแบ่งบรรทัดปรากฏขึ้น คุณไม่จำเป็นต้องใส่สิ่งนี้ระหว่างแท็กย่อหน้าปิดและแท็กเปิด มันทำงานได้ทุกที่

หมวดหมู่

ล่าสุด

วิธีแปลงไฟล์รูปภาพเป็น PDF และ JPEG

วิธีแปลงไฟล์รูปภาพเป็น PDF และ JPEG

แปลงไฟล์รูปภาพเป็นรูปแบบต่างๆ บนคอมพิวเตอร์ ไฟ...

วิธีเพิ่ม PDF ใน iMovie

วิธีเพิ่ม PDF ใน iMovie

PDF เป็นรูปแบบไฟล์ยอดนิยมที่พัฒนาโดย Adobe ซึ่ง...

วิธีเปลี่ยนภาพหน้าจอเป็น PDF

วิธีเปลี่ยนภาพหน้าจอเป็น PDF

เปลี่ยนภาพหน้าจอเป็น PDF การเปลี่ยนภาพหน้าจอเป...