ดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

สำหรับผู้ที่เข้ามาใช้เว็บไซต์ของเราสิ่งที่ผู้ใช้จะเห็นก่อนก็จะเป็นหน้าเว็บไซต์ของเราซึ่งทำให้ด้านหน้าเว็บไซต์หรือหน้า front end ของเราเป็นสิ่งที่สำคัญมากโดยคู่มือนี้ก็จะมากอธิบายส่วนประกอบต่าง ๆ ของ Front End ของ Joomla ซึ่งในคู่มือนี้จะใช้เทมเพทต์ protostar มาอธิบายส่วนประกอต่าง ๆ กัน

 

ส่วนประกอบต่าง ๆ ของ Front End ส่วนประกอบต่าง ๆ ของ Front End มีดังนี้

 

หน้า Front End ของ joomla
ภาพตัวอย่างอธิบายส่วนประกอบต่าง ๆ ของ Front End

 

1. ชือเว็บไซต์ของเราที่เราได้ตั้งเอาไว้ตอนติดตั้งหรือต้องการที่จะเปลี่ยนชื่อเว็บไซต์สามารถเปลี่ยนได้ที่เมนู Global Configuration

2. เมนูหลักส่วนนี้จะเป็นการแสดงเมนูต่าง ๆ ที่เราได้สร้างขึ้นมา

3. ด้านซ้ายจะเป็นพื้นที่จะว่าส่วนเสริมต่าง ๆ ของ joomla เช่น โมดูลต่าง ๆ

4. ด้านขวาก็จะเป็นพื้นที่จะว่าส่วนเสริมเหมือนด้านซ้ายเช่นเดียวกัน

5. พื้นที่แสดงหน้าหาของแต่ละหน้าเว็บของเราจากในภาพนี้ก็จะเป็นเนื้อหาหน้าข่าวสารนั้นเองโดยเนื้อหาในแต่ละหน้าของเว็บไซต์เราสามารถปิดการแสดงส่วนเสริมทั้งด้านซ้านด้านขวาได้เพื่อเป็นการเพิ่มพื้นที่ให้กับเนื้อหาแต่ละหน้าของเว็บไซต์เรา

 

ถ้าท่านเข้าใจในส่วนของ Front End แล้วแต่ยังไม่ทราบวิธีการสร้างเมนูที่จะนำมาแสดงทีหน้าเว็บก็สามารถศึกษาเพิ่มเติมได้ที่ วิธีการเพิ่ม Menu ใหม่ใน Joomla เพื่อให้มีเมนูในการใช้งานมากขึ้น และสามารถศึกษาวิธีการทำเนื้อหาเป็นรูปแบบข่าวกิจกรรมได้ที่นี่ การทำข่าวกิจกรรมในเว็บไซต์ของ joomla เพื่อให้ผู้ที่เข้ามาใช้เว็บได้อ่าน

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
รายละเอียดงานออกแบบ bootstrap
โดย bolue ส 06 มิ.ย. 2020 10:21 am บอร์ด M104 - สุภาภรณ์ อินกรรไกร
0
7
ส 06 มิ.ย. 2020 10:21 am โดย bolue
งานประจำวันที่ 6 มิถุนายน 2563
โดย natthanit.r2538 ส 06 มิ.ย. 2020 9:58 am บอร์ด M103 - ณัฐนิตย์ ร่มบ้านโหล๊ะ
2
7
ส 06 มิ.ย. 2020 10:16 am โดย natthanit.r2538
งานประจำวันที่ 6 มิถุนายน 2563
โดย bolue ส 06 มิ.ย. 2020 9:57 am บอร์ด M104 - สุภาภรณ์ อินกรรไกร
4
12
ส 06 มิ.ย. 2020 10:54 am โดย bolue
Celeb net worth?
โดย Bailey99 ศ 05 มิ.ย. 2020 7:03 pm บอร์ด PHP Knowledge
1
14
ศ 05 มิ.ย. 2020 7:28 pm โดย rajneeskumar
วิธีการ ใช้งาน vuetify คู่กับ vue.js
โดย bolue ศ 05 มิ.ย. 2020 6:02 pm บอร์ด CSS Knowledge
0
8
ศ 05 มิ.ย. 2020 6:02 pm โดย bolue
วิธีการ ติดตั้ง vue.js สำหรับผู้เริ่มต้น หัดเขียน สอนติดตั้ง
โดย bolue ศ 05 มิ.ย. 2020 4:55 pm บอร์ด Jquery & Ajax Knowledge
0
31
ศ 05 มิ.ย. 2020 4:55 pm โดย bolue
วิธีการ ใช้ Grid ออกแบบเป็น responsive design โดย vuetify
โดย bolue ศ 05 มิ.ย. 2020 3:36 pm บอร์ด CSS Knowledge
0
15
ศ 05 มิ.ย. 2020 3:36 pm โดย bolue
วิธีการ เรียนใช้ dialog จาก components โดย vue.js
โดย bolue ศ 05 มิ.ย. 2020 1:45 pm บอร์ด Jquery & Ajax Knowledge
0
19
ศ 05 มิ.ย. 2020 1:45 pm โดย bolue
วิธีการ การเรียกใช้ methods โดย vue.js
โดย bolue ศ 05 มิ.ย. 2020 1:17 pm บอร์ด Jquery & Ajax Knowledge
0
11
ศ 05 มิ.ย. 2020 1:17 pm โดย bolue
วิธีการ ค้นหาด้วยการใช้ watch โดย vue.js
โดย bolue ศ 05 มิ.ย. 2020 12:45 pm บอร์ด Jquery & Ajax Knowledge
0
8
ศ 05 มิ.ย. 2020 12:45 pm โดย bolue
วิธีการ แสดงผลข้อมูล จากน้อยไปมาก มากไปน้อย โดย Python
โดย bolue ศ 05 มิ.ย. 2020 11:56 am บอร์ด Python Knowledge
0
9
ศ 05 มิ.ย. 2020 11:56 am โดย bolue
วิธีการ ค้นหาแบบช่วงวันที่ โดย Python
โดย bolue ศ 05 มิ.ย. 2020 11:25 am บอร์ด Python Knowledge
0
13
ศ 05 มิ.ย. 2020 11:25 am โดย bolue
เรียนรู้โปรแกรมบริหารตลาดนัด สรุป และการนำไปใช้
โดย natthanit.r2538 ศ 05 มิ.ย. 2020 11:07 am บอร์ด M103 - ณัฐนิตย์ ร่มบ้านโหล๊ะ
8
20
ส 06 มิ.ย. 2020 10:01 am โดย mindphp
งานประจำวันที่ 5 มิถุนายน 2563
โดย bolue ศ 05 มิ.ย. 2020 10:05 am บอร์ด M104 - สุภาภรณ์ อินกรรไกร
7
54
ศ 05 มิ.ย. 2020 7:47 pm โดย thatsawan
งานประจำวันที่ 5 มิถุนายน 2563
โดย natthanit.r2538 ศ 05 มิ.ย. 2020 10:01 am บอร์ด M103 - ณัฐนิตย์ ร่มบ้านโหล๊ะ
3
16
ศ 05 มิ.ย. 2020 8:07 pm โดย natthanit.r2538
กองทุนประกันสังคม มีผู้ประกันตนกี่ประเภท ??
โดย natthanit.r2538 พฤ 04 มิ.ย. 2020 5:53 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
11
พฤ 04 มิ.ย. 2020 5:53 pm โดย natthanit.r2538
สรุปความเข้าใจ เกี่ยวกับการตั้งกระทู้
โดย bolue พฤ 04 มิ.ย. 2020 5:16 pm บอร์ด M104 - สุภาภรณ์ อินกรรไกร
0
10
พฤ 04 มิ.ย. 2020 5:16 pm โดย bolue
วิธีการ ลงเวลา โดย Python
โดย bolue พฤ 04 มิ.ย. 2020 4:09 pm บอร์ด Python Knowledge
0
37
พฤ 04 มิ.ย. 2020 4:09 pm โดย bolue
การยื่นแบบ ภ.ง.ด. 53 ออนไลน์ สอนวิธีการยื่นแบบออนไล์ ทำได้ด้วยตัวเอง
โดย natthanit.r2538 พฤ 04 มิ.ย. 2020 3:51 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
1
26
พฤ 04 มิ.ย. 2020 4:16 pm โดย natthanit.r2538
วิธีการ โชว์ข้อมูลด้วยการ Format วันที่ โดย Python
โดย bolue พฤ 04 มิ.ย. 2020 3:38 pm บอร์ด Python Knowledge
0
34
พฤ 04 มิ.ย. 2020 3:38 pm โดย bolue