มีเว็บง่ายๆ ได้แล้ว! วันนี้! กับ Hitzthemeเทมเพลตจูมล่า ภาษาไทย รองรับมือถือ 

Hitztheme Template

Documentations

คลิปวิดีโอนี้เป็น EP.8 แนะนำ Editor ใน Joomla 4 ซึ่งจะอธิบายเกี่ยวกับเครื่องมือที่ใช้ในการเขียนเนื้อหา (Articles) บนเว็บไซต์ครับ [00:01:13]

สรุปประเภทของ Editor และคำแนะนำในการใช้งานจากคลิปได้ดังนี้:

 

1. Editor พื้นฐานที่มากับ Joomla 4 [00:01:41]

  • TinyMCE: เป็นเครื่องมือมาตรฐานที่ระบบให้มา มีแถบเครื่องมือคล้ายโปรแกรมพิมพ์งานทั่วไป สามารถใส่รูปภาพ ลิงก์ และจัดรูปแบบข้อความเบื้องต้นได้ [00:02:30]
  • Editor - None: สำหรับปิดเครื่องมือช่วยเขียน เหมาะสำหรับการวาง Code หรือ Script ต่างๆ เช่น Code แผนที่จาก Google Maps หรือ iframe เพื่อไม่ให้ระบบลบ Code ทิ้งโดยอัตโนมัติ [00:04:25]
  • CodeMirror: เหมาะสำหรับสาย Developer ที่ต้องการเขียน HTML/CSS โดยตรง ซึ่งจะมีสีแยกประเภทของ Code ให้ดูง่ายขึ้น [00:06:47]

 

2. แนะนำ Editor เพิ่มเติม: JCE Editor (แนะนำให้ใช้) [00:07:56]

ผู้สอนแนะนำให้ติดตั้ง JCE Editor เพิ่มเติมเนื่องจากใช้งานได้สะดวกกว่ามาก โดยมีข้อดีคือ:

  • Image Manager: จัดการรูปภาพได้ง่าย อัปโหลดและตั้งค่าต่างๆ ได้สะดวก [00:10:04]
  • Link Manager: สร้างลิงก์ไปยังบทความ เมนู หรือไฟล์ต่างๆ ในเว็บไซต์ได้ง่ายขึ้น [00:10:28]
  • File Upload: สามารถอัปโหลดไฟล์จำพวก PDF และสร้างลิงก์ให้ดาวน์โหลดได้ทันที [00:10:43]
  • การตั้งค่าขนาดไฟล์: ผู้สอนสาธิตวิธีขยายขนาดไฟล์อัปโหลดในหน้า Profiles ของ JCE ให้เท่ากับความจุที่ Server รองรับ [00:11:12]

 

3. เทคนิคและคำแนะนำเพิ่มเติม [00:12:36]

  • Toggle Editor: สามารถสลับระหว่างหน้าเขียนปกติกับหน้า Code เพื่อตรวจสอบ Tag HTML เช่น <p> (Paragraph) หรือ <h2> (Heading) [00:12:47]
  • คำแนะนำเรื่อง Font และ Size: ไม่แนะนำให้กำหนดขนาดฟอนต์ (Font Size) หรือชนิดฟอนต์ (Font Family) ตายตัวใน Editor เพราะอาจทำให้การแสดงผลบนมือถือมีปัญหา (ไม่ Responsive) ควรไปตั้งค่าผ่าน Template หลักของเว็บไซต์แทน [00:14:54]
  • Buttons ด้านล่าง: ใต้กรอบเนื้อหาจะมีปุ่มเครื่องมือเสริม เช่น การใส่ Article ลิงก์ หรือการเรียกใช้ Extension อื่นๆ [00:14:06]

 

สรุป: การเลือกใช้ Editor ควรเลือกตามความถนัดและลักษณะงาน หากเป็นการเขียนเนื้อหาทั่วไปแนะนำให้ติดตั้ง JCE Editor เพิ่มเติมจะช่วยให้ทำงานได้เร็วขึ้นครับ [00:16:21]

 

พูดคุยผ่าน Messenger
พูดคุยผ่าน LINE
ribbon top right