สำหรับใครที่อยากลองติดตั้ง Joomla! 3.7 Beta 3 Released for Testing ซึ่งเป็นรุ่นทดสอบ โดยทางผู้พัฒนายังไม่แนะนำให้ติดตั้งเพื่อใช้งานจริง ท่านที่สนใจการติดตั้งสามารถศึกษาได้จากบทความนี้ ส่วนรุ่นที่แนะนำให้ใช้จริงในขณะนี้ จะเป็นรุ่น 3.6.5 (05/03/2017)

การทำเว็บไซต์ด้วย Joomla เพื่อใช้งานจริง ทำเว็บไซต์จริง ให้ใช้ Joomla 3.6.5 ซึ่งเป็นรุ่นล่าสุดในขณะนี้ ส่วนการติดตั้ง Joomla 3.7 ในบทความนี้ ต้องการติดตั้งเพื่อทดสอบการใช้งานเท่านั้น แต่ก็คิดว่า เมื่อเวอร์ชั่นจริง ออกมา ก็ไม่น่าจะเปลี่ยนแปลงอะไรมาก นอกจากเสป็คของเซิร์ฟเวอร์ที่ต้องสูงขึ้นหรือติดตั้งโปรแกรมที่รองรับ โดยเฉพาะ PHP

ดาวน์โหลด Joomla 3.7 รุ่นทดสอบ

สำหรับท่านใดที่ต้องการทำเว็บไซต์ด้วย Joomla 3.7 เพื่อใช้งานจริง ก่อนอื่นท่านจะต้องเตรียมตัว เตรียมข้อมูลต่างๆ ดังต่อไปนี้ให้เรียบร้อยก่อน
1. ผู้อ่านสามารถดาวน์โหลด Joomla 3.7 รุ่นทดสอบได้ที่ ลิงก์ด้านล่าง
https://developer.joomla.org/news/671-joomla-3-7-beta-3-released-for-testing.html
2. คลิกที่ DOWNLOAD JOOMLA! 3.7.0 BETA 3 เพื่อดาวน์โหลด

3. เมื่อดาวน์โหลดมาแล้วจะได้ไฟล์ซิพชื่อ Joomla_3.7.0-alpha2-Alpha-Full_Package.zip ให้แตกไฟล์ซิพ
4. หลังจากแตกไฟล์ซิพแล้วก็จะได้โฟลเดอร์ชื่อ Joomla_3.7.0-alpha2-Alpha-Full_Package ข้างในจะมีโฟลเดอร์และไฟล์ของ Joomla 3.7

5. ในการติดตั้งจะทำการอัพโหลดไฟล์เหล่านี้ขึ้นพื้นที่เว็บไซต์จริง แต่ยังก่อน จะต้องแก้ไขอะไรบางอย่างเสียก่อน เริ่มจากสร้างไฟล์
configuration.php โดยชี้ที่พื้นที่ว่างๆ คลิกขวาของเมาส์ แล้วคลิก New>>Text Document
6. พิมพ์ชื่อไฟล์ configuration.php หากยังมี .txt ต่อท้ายชื่อให้ลบออก แล้วกด Enter
7. คลิกปุ่ม Yes ในกรอบข้อความแจ้งเกี่ยวกับนามสกุลของไฟล์

8. แก้ไขไฟล์ template ของ Joomla 3.7 โดยดับเบิ้ลคลิกเข้าไปในโฟลเดอร์ templates
9. ดับเบิ้ลคลิกโฟลเดอร์ protostar
10. ดับเบิ้ลคลิกโฟลเดอร์ css
11. จะพบไฟล์ template.css ชี้ที่ไฟล์แล้วคลิกปุ่มขวาของเมาส์ คลิก Edit
12. เมื่อไฟล์ template.css ถูกเปิดขึ้นมาแล้ว ให้เลื่อนไปบรรทัดสุดท้าย คลิกหลังอักษรตัวสุดท้าย แล้วกด Enter
13. คลิกและพิมพ์คำสั่งด้านล่าง ลงไป

.article-info-term {
display:none;
}

14. คำสั่งในข้อที่ 13 จะลบคำว่า Details ในหน้าบล็อกออกไป

15. สวนใครที่ต้องการปรับหน้าจอให้เมนูทางขวามือใหญ่กว่าปกติ ให้แก้ไข คำสั่ง .row-fluid .span9 เปลี่ยนตัวเลขจาก 74. เป็น 65. ดังตัวอย่าง ให้ใช้คำสั่ง Edit>>Find เพื่อค้นหาคำสั่งดังกล่าว ซึงมีอยู่หลายตำแหน่ง ต้องแก้ไขให้ครบทุกจุด
.row-fluid .span9 { width: 65.468085099%; *width: 65.414893609638%; }
16. ยังมีอีกตำแหน่ง ก็คือ .row-fluid .span3 เปลี่ยนตัวเลขจาก 23. เป็น 32. เสร็จแล้วบันทึกไฟล์เก็บไว้
.row-fluid .span3 { width: 32.404255317%; *width: 32.351063827638%; }

17. การปรับค่า .row-fluid .span9 และ .row-fluid .span3 จะทำให้ส่วนเนื้อหาลดความกว้างลง และส่วนแสดงเมนูขวามือกว้างขึ้น ดังภาพ หลังจากได้ติดตั้ง Joomla 3.7 เรียบร้อยแล้ว

แชร์บทความนี้: