วิธีปรับ Module Style และ แก้ปัญหาเบื้องต้น Title ของ Module ไม่ขึ้น

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: วิธีปรับ Module Style และ แก้ปัญหาเบื้องต้น Title ของ Module ไม่ขึ้น

วิธีปรับ Module Style และ แก้ปัญหาเบื้องต้น Title ของ Module ไม่ขึ้น

โดย Patipat » 22/07/2019 5:53 pm

เวลาที่เราสร้างโมดูลใน Joomla ขึ้นมานั้น การแสดงผล Module ของเราอาจจะผิดเพี้ยนไปบ้าง หรือ ข้อความ Titel ของโมดูลอาจจะไม่แสดงผล ผมได้เจอปัญหาของ Title ไม่แสดงผลครับเลย นำมาแชร์ความรู้ครับมีทั้ง รูปแบบ Module Style ให้เลือกใช้กันได้ครับสามารถปรับเปลี่ยนการแสดงผลได้ครับ ที่นำมายกตัวอย่างนั้นก็มี
- Title ของ Module ไม่ขึ้นครับ
Selection_999(347).png
1. ปัญหาของผมที่ title ไม่ขึ้นคือใน แถบ Advance Module มันไปปิด เป็น None ทำให้ title ไม่ขึ้นครับถ้าใครเจอปัญหานี้แต่บางทีไม่รู้ทางแก้ไขบทความนี้อาจจะช่วยได้ครับ ให้เราเปลี่ยน จาก None เป็น xhtml หรือ ว่า thml5 ก็ได้ครับ
Selection_999(346).png
Selection_999(346).png (20.98 KiB) Viewed 1116 times
ผลลัพธ์ในการปรับก็จะขึ้น Title ให้แล้วนะครับ
Selection_999(348).png
2. ในการปรับ Module Style ก็มี ให้เลือกนะครับ
ถ้าเราเลือก Well ก็จะมีกรอบ ของ Module แสดงให้เห็นนะครับ จะสังเกตได้ว่า มีกรอบสีเทาๆ สำหรับ Module
Selection_999(349).png
Selection_999(349).png (33.99 KiB) Viewed 1116 times
Selection_999(351).png
Selection_999(351).png (80.47 KiB) Viewed 1116 times
3. ในส่วนของ Bootstrap ก็จะเป็นการ แบ่งหน้ากันนะครับ ถ้าเต็มจอ ก็มี 12 แต่ตัวอย่างจะเลือกเป็น 6 จะได้เห็นภาพกันนะครับ
Selection_999(353).png
Selection_999(353).png (26.89 KiB) Viewed 1116 times
ผลลัพธ์ก็จะเห็นได้ว่า ในกรอบแสดงสไลด์ โชว์แค่ ครึ่งเดียวครับ แล้วกรอบสีเขียวคือ เต็มจอ ส่วน Productด้านขวาจากเดิมอยู่ข้างล่างก็จะขึ้นมาข้างบนครับ ให้ได้เท่ากับ 12
Selection_999(352).png
Selection_999(352).png (70.74 KiB) Viewed 1116 times
4. ในส่วนของ Header tag ก็สามารถปรับขนาดของ Title ได้นะครับ
ผมลองเลือกไว้ที่ h1 ก็จะใหญ่ประมาณนี้เลยครับ ผู้ใช้งานก็ควรเลือกใช้ให้ตามความเหมาะสมเลยนะครับ
Selection_999(354).png
Selection_999(354).png (26.5 KiB) Viewed 1115 times
Selection_999(355).png

ข้างบน