ข้ามไปยังเนื้อหา

ธีม

หน้า “ธีม” ใต้ “หน้าตาเว็บไซต์” ในกลุ่ม “การตั้งค่า” ใช้เลือกว่าเว็บไซต์สาธารณะจะใช้ธีมไหน และผู้อ่านจะเห็นเว็บไซต์แบบสว่างหรือมืด TomeCMS มีธีมมาให้สองแบบ คือ Paper ซึ่งเว็บใหม่ใช้เป็นธีมแรก และ Plain ที่เรียบกว่า ทุกอย่างในหน้านี้มีผลทันทีที่กด หน้านี้จึงไม่มีแถบบันทึกอยู่ด้านล่าง มีเพียงแผง “ปรับแต่ง” ที่ต้องกด “บันทึก”

หน้า “ธีม” มีตัวเลข 2 อยู่ข้างหัวข้อ การ์ด Paper มีภาพตัวอย่างเล็ก ๆ ของหน้าแรกพร้อมหัวข้อ “เขียนไว้อย่างตั้งใจ เผยแพร่อย่างพิถีพิถัน” คำอธิบายภาษาอังกฤษ “Paper surfaces and hairline rules: the look TomeCMS ships with.” และมี “กำลังใช้” “ปรับแต่ง” กับ “ดูเว็บไซต์” อยู่ข้างล่าง การ์ด Plain มีภาพตัวอย่างแบบคอลัมน์เดียวและปุ่ม “ใช้ธีมนี้” ถัดลงไปเป็นการ์ด “ธีมมาจากไหน” และการ์ด “หน้าตาเว็บไซต์” ซึ่งตั้ง “การแสดงผลของเว็บไซต์” เป็น “ตามระบบ” และติ๊ก “ให้ผู้เข้าชมเลือกสว่าง/มืดเองได้” ไว้

แต่ละธีมมีการ์ดของตัวเอง ด้านบนของการ์ดเป็นภาพตัวอย่างหน้าแรกของเว็บไซต์คุณจริง ๆ ในธีมนั้น ในภาษาหลักของเว็บไซต์ ใช้บทความล่าสุดสามบทความและการตั้งค่าที่บันทึกไว้ของธีม ภาพตัวอย่างนี้เป็นแค่ภาพ กดแล้วจะไม่มีอะไรเกิดขึ้น ใต้ภาพเป็นชื่อธีมและคำอธิบายสั้น ๆ หนึ่งบรรทัด ซึ่งเขียนเป็นภาษาอังกฤษไม่ว่าหน้าแอดมินจะเป็นภาษาอะไร

การ์ดของธีมที่ใช้อยู่จะขึ้นว่า “กำลังใช้” ปุ่ม “ดูเว็บไซต์” เปิดหน้าเว็บสาธารณะในแท็บใหม่ ส่วนการ์ดอื่นมีปุ่ม “ใช้ธีมนี้” ซึ่งเปลี่ยนธีมของเว็บทันที แล้วหน้าจอจะบอกชื่อธีมที่ใช้อยู่ตอนนี้ เช่น “ตอนนี้เว็บไซต์ใช้ธีม Plain แล้ว”

Paper แสดงแถบด้านบนของหน้าแรก วางบทความเป็นการ์ดเรียงกันเป็นตาราง และมีข้อมูลผู้เขียนอยู่ท้ายบทความ ส่วน Plain แสดงข้อความประจำเว็บไซต์ หมวดหมู่ และรายการบทความเป็นคอลัมน์เดียว มีชื่อเรื่อง วันที่ และข้อความย่อ ด้วยฟอนต์ของเครื่องผู้อ่าน Plain ไม่มีแถบหัวเรื่อง จึงไม่แสดง “สไลด์หน้าแรก” และไม่มีอะไรให้ปรับแต่ง

ธีมมาพร้อมกับ TomeCMS ตามที่การ์ด “ธีมมาจากไหน” บอกไว้ หน้านี้ไม่มีทางติดตั้งธีมเพิ่ม

ปุ่ม “ปรับแต่ง” อยู่บนการ์ดของธีมที่ใช้อยู่ ถ้าธีมนั้นมีการตั้งค่า สำหรับ Paper ปุ่มนี้จะเปิดแผง “ปรับแต่ง Paper” ขึ้นมาทางข้างจอ แก้สิ่งที่ต้องการแล้วกด “บันทึก” แผงจะปิดลงและหน้าจอขึ้นว่า “บันทึกแล้ว”

การตั้งค่าเก็บแยกกันตามธีม ระหว่างที่ใช้ Plain อยู่ ค่าของ Paper ยังอยู่ครบ และจะกลับมาเหมือนเดิมเมื่อเปลี่ยนกลับไปใช้ Paper

การตั้งค่า ตัวเลือก ใช้ทำอะไร
“แถบหัวเรื่อง” “ข้อความ” (ค่าตั้งต้น) “ข้อความแบบเคลื่อนไหว” “ปกบทความล่าสุด” “สไลด์ที่จัดเอง” “ไม่แสดง” แถบเหนือการ์ดบทความ “ข้อความ” แสดงหัวข้อ “ข้อความแบบเคลื่อนไหว” จะค่อย ๆ เผยหัวข้อครั้งเดียวตอนผู้อ่านเปิดหน้า “ปกบทความล่าสุด” เลื่อนผ่านบทความล่าสุดที่มีปกได้ถึงห้าบทความ และต้องมีอย่างน้อยสองบทความ “สไลด์ที่จัดเอง” แสดงสไลด์ที่เก็บไว้ในสไลด์หน้าแรก และ “ไม่แสดง” คือไม่มีแถบนี้ ถ้าปกหรือสไลด์ไม่มีอะไรให้แสดง แถบจะแสดงหัวข้อแทน ผู้อ่านที่ตั้งเครื่องให้ลดการเคลื่อนไหวจะไม่เห็นอะไรขยับ
“หัวข้อ” ไม่เกิน 60 ตัวอักษร ข้อความในแถบหัวเรื่องแบบข้อความ ถ้าเว้นว่าง ธีมจะใช้ข้อความของตัวเองตามภาษาของหน้า ภาษาไทยคือ “เขียนไว้อย่างตั้งใจ เผยแพร่อย่างพิถีพิถัน” ไม่แสดงเมื่อเลือกปกบทความหรือสไลด์ที่จัดเอง
“สไลด์เลื่อนเอง” เปิด (ค่าตั้งต้น) หรือปิด ใช้กับสไลด์ที่จัดเองเท่านั้น ผู้อ่านหยุดสไลด์ได้เสมอ และผู้อ่านที่ขอให้ลดการเคลื่อนไหวจะไม่เห็นสไลด์เลื่อนเลย
“วินาทีต่อสไลด์” “4” “6” (ค่าตั้งต้น) “8” เวลาที่แต่ละสไลด์ค้างอยู่ก่อนเลื่อนไปสไลด์ถัดไป
“การเปลี่ยนสไลด์” “เลื่อน” (ค่าตั้งต้น) “จางหาย” แบบจางหายต้องใช้เบราว์เซอร์ที่ทำแอนิเมชันตามการเลื่อนหน้าได้ เบราว์เซอร์อื่นจะใช้แบบเลื่อนแทน
“บทความต่อการโหลด” “6” (ค่าตั้งต้น) “12” “18” จำนวนบทความที่หน้าแรกแสดงในแต่ละครั้ง ตัวเลขที่หารด้วยหกลงตัวทำให้แถวสุดท้ายเต็มพอดี ไม่ว่าจะเรียงหนึ่ง สอง หรือสามคอลัมน์
“จำนวนคอลัมน์” “2” “3” (ค่าตั้งต้น) “4” จำนวนการ์ดต่อแถวมากที่สุดบนจอกว้างที่สุด จอที่แคบกว่าจะมีการ์ดน้อยลง และบนมือถือจะเหลือคอลัมน์เดียว
“ตรึงส่วนหัวไว้ด้านบน” เปิด หรือปิด (ค่าตั้งต้น) ส่วนหัวของเว็บจะค้างอยู่บนสุดของหน้าต่างขณะผู้อ่านเลื่อนลง
“แถบความคืบหน้าการอ่าน” เปิด หรือปิด (ค่าตั้งต้น) เส้นบาง ๆ พาดบนสุดของบทความ และเติมเต็มขึ้นตามที่ผู้อ่านเลื่อนลงไป
“ลิงก์ของผู้เขียน” “ข้อความ” (ค่าตั้งต้น) “ไอคอน” “ไอคอนกับข้อความ” รูปแบบของลิงก์จากโปรไฟล์ที่แสดงใต้ชื่อผู้เขียนท้ายบทความ ลิงก์ไปยัง GitHub, X, LinkedIn, Facebook, Instagram หรือ YouTube จะแสดงโลโก้ของเว็บนั้น ลิงก์อื่นแสดงไอคอนลิงก์ธรรมดา
“โหลดเพิ่มเมื่อเลื่อนลง” เปิด (ค่าตั้งต้น) หรือปิด แถวใหม่จะโผล่ขึ้นมาเมื่อผู้อ่านเลื่อนใกล้ถึงท้ายรายการ ถ้าปิด จะเหลือลิงก์ “บทความเก่ากว่า” ซึ่งผู้อ่านที่ปิด JavaScript ใช้อยู่แล้ว

ธีมที่มาพร้อมระบบทั้งสองแบบมีช่องค้นหาอยู่เหนือรายการบทความในหน้าแรก ช่องนี้หาบทความที่เผยแพร่แล้วในภาษาของหน้านั้น ที่มีครบทุกคำที่พิมพ์ ไม่ว่าคำนั้นจะอยู่ในชื่อ บทคัดย่อ หรือเนื้อหา ค้นได้กลางคำและไม่สนตัวพิมพ์เล็กพิมพ์ใหญ่ ซึ่งทำให้ใช้กับภาษาไทยได้ ช่องนี้เป็นฟอร์มธรรมดา ใช้ได้แม้ปิด JavaScript และหน้าผลการค้นหาจะไม่ถูกเก็บในเสิร์ชเอนจิน Paper ซ่อน hero ระหว่างที่แสดงผลการค้นหา และเลือกหมวดหมู่แล้วจะออกจากการค้นหา ผู้อ่านที่ค้นเกิน 60 ครั้งในหนึ่งนาทีจะถูกขอให้รอ สคริปต์จึงทำให้ฐานข้อมูลยุ่งตลอดไม่ได้ ไม่มีอะไรต้องเปิด เว็บแบบ headlessขอสิ่งเดียวกันได้ด้วย q

การ์ด “หน้าตาเว็บไซต์” ด้านล่างสุดของหน้านี้กำหนดว่าผู้อ่านจะเห็นหน้าเว็บสาธารณะแบบไหน

“การแสดงผลของเว็บไซต์” เลือกได้ว่า “ตามระบบ” “สว่าง” หรือ “มืด” สำหรับผู้อ่านทุกคน ถ้าเลือก “ตามระบบ” เว็บจะเป็นไปตามการตั้งค่าในเครื่องของผู้อ่านแต่ละคน

“ให้ผู้เข้าชมเลือกสว่าง/มืดเองได้” ติ๊กไว้ตั้งแต่แรก ตัวเลือกนี้ใส่ปุ่ม “ธีม” ไว้ในส่วนหัวของเว็บ ให้ผู้อ่านเลือกเองว่า “สว่าง” “มืด” หรือ “ตามระบบ” สิ่งที่ผู้อ่านเลือกเก็บไว้ในเบราว์เซอร์ของผู้อ่านเอง ตามที่หน้าสิ่งที่เบราว์เซอร์ของผู้อ่านเก็บไว้อธิบายไว้ ถ้าเอาติ๊กออก ค่าของเว็บจะเป็นค่าเดียวที่ใช้ สิ่งที่ผู้อ่านเคยเลือกไว้จะไม่ถูกใช้ และหน้าเว็บสาธารณะจะไม่มีสคริปต์ของปุ่มนี้ติดไปด้วย

หน้าแอดมินมีตัวเลือกสว่างหรือมืดแยกต่างหาก คือ “การแสดงผลหน้าผู้ดูแล” ที่ด้านล่างของเมนูด้านข้าง ค่านี้มีผลกับหน้าแอดมินบนเครื่องที่ตั้งไว้เท่านั้น และผู้อ่านจะไม่เห็นค่านี้

หน้านี้กับหน้า “ทั่วไป” ใต้ “ตั้งค่า” บันทึกลงข้อมูลชุดเดียวกัน ถ้ามีการบันทึกหน้า “ตั้งค่า” จากแท็บอื่นหลังจากเปิดหน้านี้ การเปลี่ยนแปลงในหน้านี้จะถูกปฏิเสธ เพื่อไม่ให้ไปลบสิ่งที่บันทึกไว้ในแท็บนั้น ให้โหลดหน้านี้ใหม่แล้วเปลี่ยนอีกครั้ง