Deprecated: Function eregi() is deprecated in /home/makeweb/domains/makewebthai.com/public_html/modules/mod_tpmenu/tpmenu/dropdown/menu.php on line 194
| เอาให้เสร็จ Template Joomla |
|
วันนี้ต้องจบ เรื่อง การออกแบบ และ coddiing Template Joomla ของเว็บไซด์ makewebthai.com ให้เสร็จให้ได้ จากครั้งที่แล้ว เราได้ เมนู , โลโก้ และ ส่วนแสดง Content เป็นที่เรียบร้อยแล้ว มาวันนี้ เราจะมาต่อให้จบ โดยเรายังเหลือ Banner โฆษณา , ตำแหน่งโมดูลด้านข้าง และ footer เรามาลุยกันให้เสร็จ เริ่มจาก ตำแหน่ง adsโดยตำแหน่ง ads ผมจะเอาไว้ใส่ Banner โฆษณาเท่ๆ กว้างเท่ากับขนาดความกว้างเว็บเลย เราลองเปิด GIMP สร้างภาพตัวอย่างอะไรก็ได้ก่อน แต่ ขอให้ขนาดความกว้างเท่ากับ 950 px นะครับ
ตรง Banner ผมจะกลับมารีวิวที่ ละเอียดๆ ทีหลังนะครับใส่โค้ดพวกนี้ ในไฟร์ index.php ที่เราทำค้างเอาไว้ครั้งที่แล้ว
แล้วเหมือนเดิม เข้าไปเปิด Xamp เปิดดูจะได้แบบนี้
ทีนี้กลับมาดู ที่ ตำแหน่งแสดง Content และ Sitebar โดยผมจะแบ่งหน้าเพจเป็น 3 ส่วน โดย 2 ส่วนเป็น Content ไป ที่เหลือ ไปเป็น Sitebar ผมได้เพิ่มโค้ดตามนี้
เห็นไหมครับผม เปลี่ยน จำนวนกรีช จากเดิม 24 กริช สำหรับ Content ไปเป็น 16 กรีช เป็น Content และ แบ่ง 8 กริช ไปเป็น sidebar ครับ ลอง Refresh ใน Xamp จะได้แบบนี้
เห็นไหมครับ ตรง Sitebar ผมใส่ fanpage ของ facebook ไว้ มาที่ link โฆษณาบน footer กัน
โดยผมจะทำ Banner ด้านล่างก่อน footer 3 อัน โดยตำแหน่งทางซ้าย , กลาง และ ขวา โดยใช้ชื่อ linkleft , linkcenter และ linkright ตามลำดับครับ แล้ว ลอง Refresh ที่ Xamp ครับ
อ้อเรื่องสำคัญ ไฟร์ template.xml ด้วยนะ
ทีนี้มาที่ ตำแหน่งสุดท้าย footerผมจะเพิ่มข้อความ MakeWebThai.com by มาสเตอร์ อึ่ง สถาบัน EWTC ลงไปตรงกลาง ให้ใส่ โค้ดเหล่านี้
ลอง Refresh ใน Xamp จะได้แบบนี้
เห็นไหมครับ ง่ายไหม แต่ในการทำ Template Joomla สไตร์ มาสเตอร์ อึ่ง ผมจะค่อยๆปรับปรุง และ ขยับเป็นเวอร์ชั่นไปเรื่อยๆ ผมจะ Zip ไฟร์แล้ว นำไปทดสอบบน Server จริง ค่อยๆปรับแก้ไปครับ
|
Deprecated: Assigning the return value of new by reference is deprecated in /home/makeweb/domains/makewebthai.com/public_html/modules/mod_news_pro_gk1/mod_news_pro_gk1.php on line 45
อยากติดตั้ง google Map บน Joomla ต้องทำอ อยากติดตั้ง google Map บน Joomla ต้องทำอย่างไร ? ก็ตามหัวข้อเลยครับ สมัยนี้จะให้เขียนแผนที่เอง ก็จะเป็นอะไรที่เราเข้าใจคนเดียว ลูกค้า ไม่เข้าใจ ถ้าเราสามารถใช้ google Map แล้ว spot ตำแหน่นงของบริษัทเราลงไป สามารถนำแผนที่ google Map นี้ไปแสดงบน Joomla แบบนี้ ติดตั้ง google Map บน Joomla ต้อง Phocamaps Plugin ... อ่านต่อ ... |
ทดสอบของใหม่ joomla 1.7.2 บน XAMPP เห็นเขาลือกันว่า joomla 1.7.x สวยนัก สวยหน่า เดี๋ยวต้อง ทดสอบซะหน่อย หลังจากที่เราได้ไปโหลด joomla 1.7.2 มาเป็นที่เรียบร้อยแล้ว (ใครยังไม่ได้โหลด joomla 1.7.2 ไปโหลดมาได้จาก ที่นี่ ครับ) หลังจากโหลด Joomla 1.7.2 ผมได้ทำการ แตกไฟร์ และ เอาส่วนที่แตกได้ไปเก็บไว้ที่ /opt/lampp/htdocs/test17 ผมสร้างโฟวเดอร์ text17 เอาไว้ทดสอบ Joomla 1.7.2 ครับ ติดตั้ง Joomla ... อ่านต่อ ... |
จุดเริ่มต้นของการออกแบบ Template Joomla {xtypo_info}จะสร้างงานศิลป์ ต้องมีแรงบัลดารใจ เริ่มจากต้องการทำ Template Joomla ของเว็บไซด์ makewebthai.com ในเวอร์ชั่นปี 2011 เลยอยากนำมาทำเป็น case stady สำหรับเพื่อนๆ พี่ๆ น้องๆ ที่ต้องการ ทำ Template Joomla ใช้เอง ครับ makewebthai.com ... อ่านต่อ ... |
ไฟร์ index.php บน Template Joomla ทำอย่า {xtypo_info}จากครั้งที่แล้ว เราได้เรียนรู้ วิธีการ เตรียมความพร้อมสำหรับ การทำ Template Joomla ไปเป็นที่เรียบร้อยแล้ว ใครจำไม่ได้ ไปดู ที่นี่ ครับ มาวันนี้เราจะมาเรียนรู้ เรื่องการเขียนไฟร์ index.php ซึ่งเป็นหัวใจ รองจาก ไฟร์ css ที่ใช้ควบคุม การแสดงผลของ joomla เรามาลองเริ่มต้นเขียนไฟร์ index.php กัน{/xtypo_info} เปิด Editor ที่ใช้เขียน Code ที่ชื่นชอบครับ โดยส่วนตัวผมใช้ Quanta ... อ่านต่อ ... |
สถาบัน EWTC (easy4com workshop & training center)
ออกแบบโดย มาสเตอร์ อึ่ง