วันพุธที่ 13 พฤศจิกายน พ.ศ. 2556

Simple Dot Free



ชื่อเทมเพลท (Template Name) :
Simple Dot Free
ใช้ได้กับ (Support) : Joomla3.x
ดูตัวอย่าง (Demo) : คลิกที่นี่ (Click Here) 
ดาวน์โหลดเทมเพลท (Download Template) :
คลิกที่นี่ (Click Here)
เว็บไซต์ผู้ผลิต : www.accessibletemplate.com

เทมเพลทนี้แนะนำให้ลองใช้งานดูครับ  เพราะเท่าที่ดูตัวอย่างแล้ว ถือเป็นเทมเพลทที่มีความสามารถน่าสนใจ เช่น  สามารถปรับขนาดของเทมเพลทโดยการคลิกเมาส์ค้างแล้วลากเพื่อปรับขนาดของเว็บไซต์ สำหรับตำแหน่งในการแสดงโมดูลนั้นมีให้เลือกใช้มากพอสมควร เมื่อ Download เทมเพลทมาเรียบร้อยแล้ว ก่อนทำการติดตั้งจะต้องคลาย zip ก่อนนะครับ จึงจะสามารถติดตั้งได้


ในส่วนของ Option นั้นน่าประทับใจทีเดียว โดยจะเห็นว่าเทมเพลทนี้ให้ Option สำหรับปรับแต่งมาอย่างเหลือเฟลือเลยก็ว่าได้ 




บทความที่เกี่ยวข้อง

วันอาทิตย์ที่ 10 พฤศจิกายน พ.ศ. 2556

AS 002055 Free

ชื่อเทมเพลท (Template Name) :
AS 002055 Free
ใช้ได้กับ (Support) : Joomla3.x
ดูตัวอย่าง (Demo) : คลิกที่นี่ (Click Here)
ดาวน์โหลดเทมเพลท (Download Template) :
คลิกที่นี่ (Click Here)
เว็บไซต์ผู้ผลิต : http://www.astemplates.com


เทมเพลทนี้สวยสะอาดตา ดูเรียบง่าย แต่แฝงไว้ด้วยความสามารถมากมาย ตำแหน่งโมดูลมีให้เลือกใช้งาน เพียงพอและ หลากหลายจนแทบจะไม่ต้องปรับแต่งอะไรมากมาย ติดตั้งเทมเพลทได้ทันที่โดยไม่ต้องคลาย zip 




ในส่วนของ Option นั้นมีให้เลือกปรับแต่งหลายส่วนช่วยให้การปรับแต่งหน้าตาของเว็บไซต์ง่าย และรวดเร็วมากขึ้น




วันเสาร์ที่ 9 พฤศจิกายน พ.ศ. 2556

ST Magazine J3 Free

ชื่อเทมเพลท (Template Name) :
ST Magazine J3 Free
ใช้ได้กับ (Support) : Joomla3.x
ดูตัวอย่าง (Demo) : คลิกที่นี่ (Click Here)
ดาวน์โหลดเทมเพลท (Download Template) :
คลิกที่นี่ (Click Here)
เว็บไซต์ผู้ผลิต : http://www.beautiful-templates.com


ผมว่าเทมเพลทนี้เป็นอีกเทมเพลทหนึ่งที่มีความสวยงามใช่เล่น นอกจากความสวยแล้ว ยังแฝงไว้ด้วยตำแหน่งโมดูลที่หลากหลายสามารถประยุกต์ใช้งานได้หลากรูปแบบ เมื่อ Download เทมเพลทนี้มาแล้ว สามารถติดตั้งและใช้งานได้ทันทีโดยไม่ต้องคลาย zip





นอกจากตำแหน่งโมดูลที่หลากหลายแล้ว คุณสามารถปรับแต่ง Option ได้หลากหลายเช่นกัน ดูรายละเอียดตามภาพได้เลยครับ ว่าสามารถปรับแต่งอะไรได้บ้าง




AS 002046 Free

ชื่อเทมเพลท (Template Name) :
AS 002046 Free
ใช้ได้กับ (Support) : Joomla3.x
ดูตัวอย่าง (Demo) : คลิกที่นี่ (Click Here)
ดาวน์โหลดเทมเพลท (Download Template) :
คลิกที่นี่ (Click Here)
เว็บไซต์ผู้ผลิต : http://www.asdesigning.com


หนึ่งในเทมเพลทที่มีความเรียบหรู ดูคลาสสิก และเต็มเปี่ยมไปด้วยความสามารถ  และตำแหน่งโมดูลที่มีให้เลือกใช้งานหลากหลาย เมื่อ Download เทมเพลทนี้มาสามารถติดตั้งได้ทันที ไม่ต้องคลาย zip แต่อย่างใด นอกจากนี้คุณยังสามารถปรับแต่งในส่วนของ Option ได้หลากหลายพอสมควร




ภาพด้านล่างจะเห็นว่าคุณสามารถปรับแต่ง Options ได้หลายส่วน ไม่ว่าจะเป็นการปรับแต่งค่าทั่ว ๆ ไป โลโก้ และสไลด์บาร์ เป็นต้น ซึ่งช่วยให้คุณสามารถปรับแต่งเทมเพลทได้ง่าย ๆ โดยไม่ต้องปรับแต่ง Source Code




บทความที่เกี่ยวข้อง

วันเสาร์ที่ 3 สิงหาคม พ.ศ. 2556

Option ที่มาพร้อมกับ JSN Solid Free


ส่วนของการปรับแต่งค่าต่าง ๆ ใน JSN Solid Free นั้นถือว่ามีอยู่จำนวนหนึ่ง หากต้องการใช้งาน Option อื่น ๆ ต้องใช้รุ่น Professional ซึ่งเป็น Template แบบมีค่าใช้จ่ายนั่นเอง

ด้านล่างคือเมนูต่าง ๆ ที่ใช้สำหรับปรับแต่ง Template เราเริ่มกันที่ Get Started ซึ่งเป็นส่วนแรก (แท็บแรก) ของ Template ซึ่งให้เราสามารถติดตั้ง Sample Date หรือข้อมูลตัวอย่างของ Template ซึ่งต้องคิดให้ดีก่อนติดตั้ง หากคุณต้องการใช้งาน Template นี้อย่างจริงจัง จะติดตั้งเพื่อดูรูปแบบการทำงานนั้นถือว่าควรทำ แต่หากต้องการเพียงแค่ทดสอบก็ไม่จำเป็นต้องติดตั้งครับ หากต้องการติดตั้ง คลิก Install Sample Data




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




สามารถกำหนด Layout ของ Template ได้อีกด้วย เช่น ความกว้างของ Template และตำแหน่งโมดูลต่าง ๆ





บทความที่เกี่ยวข้อง
          กลับไปหน้าแนะนำ Template
          โครงสร้างของ Template



โครงสร้างของ JSN Solid Free

โครงสร้าง และตำแหน่งโมดูลใน Template นี้ต้องบอกว่าเยี่ยมจริง ๆ เนื่องจากให้ตำแหน่งโมดูลมามากมาย มีทั้งที่ติดกับตัว Website และอยู่ทางด้านขอบของหน้าจอ โดยให้มาถึง 6 ตำแหน่งไม่ว่าจะเป็นด้านบน ตรงกลาง หรือด้านล่าง มีทั้งฝั่งซ้าย และฝั่งขวาของหน้าจอ ซึ่งช่วยให้ Template นอกจากจะสวยงามแล้ว ยังมีความสามารถที่เพิ่มขึ้นอีกด้วย จากภาพตัวอย่างด้านล่างผมเลือกตัดส่วนบน และส่วนล่างของ Template มาให้ดู จะเป็นว่ามีตำแหน่งโมดูลให้เลือกแบบไม่อั้นทีเดียวครับ

หากต้องการดูภาพขยายใหญ่ คลิกที่รูปภาพได้เลยครับ





บทความที่เกี่ยวข้อง


JSN Solid Free

JSN Solid Free เป็น Free Template ที่มีเวอร์ชั่น Professional หรือรุ่นที่ต้องจ่ายเงิน สำหรับรุ่นฟรี ที่เราสามารถ Download มาใช้งานได้ฟรีนั้น ในส่วนของ Module ต่าง ๆ เราสามารถหามาติดตั้งเพิ่มเติมได้เอง อาจจะไม่เหมือนตัวอย่าง 100% แต่ไม่ใช่เรื่องน่าซีเรียสอะไร เนื่องจากบางครั้ง Module ต่าง ๆ ที่ Template ให้มาเราก็คงไม่ชอบใจทั้งหมด ได้โครงสร้างของ Template กับตัวอย่างการวางโมดูลต่าง ๆ มาแค่นี้ก็ถือว่า OK มากแล้วครับ
   
ดูตัวอย่างคลิกที่นี่
Download Template คลิกที่นี่
ใช้ได้กับ Joomla2.5/Joomla1.7
ตัวอย่าง Template




บทความที่เกี่ยวข้อง
          โครงสร้างของ JSN Solid Free
          Option ที่มาพร้อมกับ JSN Solid Free

วันอังคารที่ 30 กรกฎาคม พ.ศ. 2556

Template กับ Extensions เป็นของคู่กัน



ไม่ทราบว่าเคยสังเกตกันบ้างหรือเปล่า Template ของ Joomla ที่เว็บไซต์ต่าง ๆ ทำขึ้นมาขายนั้นมีส่วนผสมระหว่างการออกแบบและความสามารถของ Template อยู่ด้วยกัน แน่นอนครับ Template ที่ดีนั้นต้องมีความสวยงาม ซึ่งอาจจะเป็นสิ่งแรก ๆ ที่เราทุกคนมองหา เมื่อได้ Template สวยถูกใจแล้ว เราจึงเริ่มพิจารณาถึงองค์ประกอบอื่น ๆ เช่น ตำแหน่งในการแสดง Module และลูกเล่นเพิ่มเติมที่จะทำให้เว็บไซต์ของเราดูน่าสนใจนั่นเอง

อย่าลืมว่าหากคุณ Download Template ที่มีลูกเล่นมาก ๆ สิ่งที่จะตามมาก็คือการติดตั้งนั้นทำค่อนข้างยากเนื่องจากจะต้องมีการติดตั้ง Extensions ต่าง ๆ เพิ่มเติมนั่นเอง เพราะฉะนั้นจะเห็นว่าบาง Template มักจะมีคู่มือสำหรับการติดตั้งมาให้ด้วย เพื่อทำให้เราสามารถใช้งานได้ง่ายขึ้น

เพื่อให้คุณสามารถใช้งาน และปรับแต่ง Joomla ได้อย่างใจ อย่าลืมศึกษารายละเอียด และทำความเข้าใจในเรื่องของ Extensions ให้มาก ๆ เนื่องจากมันเป็นส่วนผสมที่ทำให้ Joomla มีความสามารถเพิ่มขึ้นพร้อมกับความสวยงามของ Template ที่นักออกแบบ Template สำหรับ Joomla ทุก ๆ แห่งใช้มันเป็นส่วนผสมในการสร้าง Template นั่นเอง


บทความที่เกี่ยวข้อง

วันพฤหัสบดีที่ 25 กรกฎาคม พ.ศ. 2556

ความสัมพันธ์ของ Template, Module และ Menu

บทความนี้ผมเขียนขยายความเพื่อให้คนที่เข้าใจคลุมเคลือ หรือยังไม่เข้าใจความสัมพันธ์ของทั้งสามอย่างนี้ เข้าใจความสัมพันธ์มากขึ้น ซึ่งจะช่วยให้การพัฒนาเว็บไซต์ด้วย Joomla มีความรวดเร็วมากยิ่งขึ้น

ผมขอเริ่มจากการดูโครงสร้างของ Template ก่อนแล้วกันครับ บทความก่อนหน้านี้ผมได้เขียนอธิบายเกี่ยวกับตำแหน่งโมดูลของ Joomla2.5 ซึ่งช่วยให้คุณมองเห็นว่าคุณสามารถแสดงโมดูลได้ในตำแหน่งใดบ้างนั่นเอง โดยตำแหน่งโมดูลต่าง ๆ จะมีชื่อประจำของมันเช่น Position-1, Position-2 เป็นต้น ชื่อเหล่านี้ช่วยให้คุณสามารถกำหนดรายละเอียดในแต่ละโมดูลได้ง่าย เช่น ใน Template ที่คุณเลือกมีตำแหน่งโมดูลด้านซ้าย ซึ่งอาจจะชื่อว่า Position-left และคุณต้องการแสดง แบบสำรวจในซึ่งเป็นโมดูลตัวหนึ่งในตำแหน่งนั้นพอดี  เพราะฉะนั้นในโมดูลแบบสำรวจของคุณสามารถเลือกตำแหน่งในการแสดงผลเป็น Position-left เพียงเท่านี้ก็จะทำให้คุณสามารถแสดงโพลในตำแหน่งที่ต้องการได้แล้ว ฉะนั้นการดูโครงสร้าง Template จึงเป็นเรื่องสำคัญที่คุณต้องดูให้เป็น

โมดูล (Module) เป็นโปรแกรมเล็ก ๆ ที่ติดตั้งเพิ่มเติมเพื่อช่วยเพิ่มความสามารถให้กับ Joomla เช่น สไลด์โชว์, นาฬิกา หรือปฏิทินเป็นต้น สำหรับใน Joomla2.5 นั้นในแต่ละโมดูลจะมีหัวข้อให้คุณกำหนด สำหรับหัวข้อที่เกี่ยวข้องกับบทความนี้คือ Position เพราะคุณจะต้องเลือกว่าจะแสดงโมดูลนั้น ๆ ในตำแหน่งใดนั่นเอง  หากเลือกไม่ตรงคุณจะไม่สามารถมองเห็นการทำงานของโมดูลที่คุณติดตั้งเพิ่มเติมเข้าไปนั่นเอง

เมนู (Menu) ชื่อมันก็บอกอยู่แล้วว่าทำหน้าที่อะไร แล้วเมนูมันเกี่ยวอะไรกับโมดูล และเทมเพลทด้วย มาดูกันต่อเลยครับ ในการสร้างเมนูนั้นคุณสามารถเลือกรายละเอียดได้หลายแบบ เช่น คลิกเมนูนั้นแล้วให้แสดงบทความ หรือคลิกเมนูนั้นแล้วให้แสดงหมวดหมู่ (Categories) เป็นต้น หลังจากกำหนดประเภทได้แล้วเพื่อให้เมนูสามารถแสดงในเทมเพลท ตรงกับตำแหน่งที่คุณต้องการได้ คุณจะต้องมีโมดูลเป็นตัวเชื่อมนั่นเอง เช่นเมนูของคุณชื่อ Main menu คุณก็ควรจะเลือกหรือสร้างโมดูล และตั้งชื่อโมดูลว่า Main menu ด้วย จากนั้นก็เชื่อมเมนูเข้ากับโมดูล และกำหนด Position ในโมดูลว่าต้องการให้แสดงในตำแหน่งใดของเทมเพลทเป็นต้น

หวังว่าบทความนี้จะช่วยให้คุณเข้าใจการทำงานของเทมเพลทได้มากขึ้นครับ


วันอังคารที่ 23 กรกฎาคม พ.ศ. 2556

แสดงตำแหน่งโมดูลของ Joomla2.5

ปัจจัยที่มีความสำคัญกับการเลือก Template ก็คือตำแหน่งของการแสดงโมดูล เพราะหากมีตำแหน่งโมดูลมากจะช่วยให้เกิดความยืดหยุ่นในการออกแบบเว็บไซต์ได้มากขึ้น สำหรับการดูตำแหน่งโมดูลของ Template ที่ Download มามีขั้นตอนดังต่อไปนี้ เริ่มจากเข้าสู่ระบบด้วย Username และ Password ของคุณ จากคั้นคลิกเมนู Extensions > Template Manager ตามภาพด้านล่าง


แสดงหน้าเว็บเพจสำหรับบริหารจัดการ Template ขึ้นมา




คลิกปุ่ม Options เพื่อเข้าไปเปิดใช้งาน Preview Template




คลิก Enabled จากนั้นคลิกปุ่ม Save & Close



เมื่อกลับมายังหน้ารายการ Template คลิกเมน Templates ซึ่งจะเห็นว่าในขณะนี้มีปุ่ม Preview และใต้ชื่อ Template เรียบร้อยแล้ว คลิกปุ่ม Preview



เพียงเท่านี้คุณก็สามารถมองเห็นตำแหน่งโมดูลทั้งหมดใน Template ที่คุณต้องการ



บทความที่เกี่ยวข้อง