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

แชร์ ความรู้ในการ พัฒนา Joomla Component Extension Module Plugin

Moderator: mindphp, ผู้ดูแลกระดาน

Patipat
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 996
ลงทะเบียนเมื่อ: 10/06/2019 10:12 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย Patipat »

เวลาที่เราสร้างโมดูลใน 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 1100 times
ผลลัพธ์ในการปรับก็จะขึ้น Title ให้แล้วนะครับ
Selection_999(348).png
2. ในการปรับ Module Style ก็มี ให้เลือกนะครับ
ถ้าเราเลือก Well ก็จะมีกรอบ ของ Module แสดงให้เห็นนะครับ จะสังเกตได้ว่า มีกรอบสีเทาๆ สำหรับ Module
Selection_999(349).png
Selection_999(349).png (33.99 KiB) Viewed 1100 times
Selection_999(351).png
Selection_999(351).png (80.47 KiB) Viewed 1100 times
3. ในส่วนของ Bootstrap ก็จะเป็นการ แบ่งหน้ากันนะครับ ถ้าเต็มจอ ก็มี 12 แต่ตัวอย่างจะเลือกเป็น 6 จะได้เห็นภาพกันนะครับ
Selection_999(353).png
Selection_999(353).png (26.89 KiB) Viewed 1100 times
ผลลัพธ์ก็จะเห็นได้ว่า ในกรอบแสดงสไลด์ โชว์แค่ ครึ่งเดียวครับ แล้วกรอบสีเขียวคือ เต็มจอ ส่วน Productด้านขวาจากเดิมอยู่ข้างล่างก็จะขึ้นมาข้างบนครับ ให้ได้เท่ากับ 12
Selection_999(352).png
Selection_999(352).png (70.74 KiB) Viewed 1100 times
4. ในส่วนของ Header tag ก็สามารถปรับขนาดของ Title ได้นะครับ
ผมลองเลือกไว้ที่ h1 ก็จะใหญ่ประมาณนี้เลยครับ ผู้ใช้งานก็ควรเลือกใช้ให้ตามความเหมาะสมเลยนะครับ
Selection_999(354).png
Selection_999(354).png (26.5 KiB) Viewed 1099 times
Selection_999(355).png
Kor ma di kub. :)
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 73