วันอังคารที่ 18 กุมภาพันธ์ พ.ศ. 2557

Unit6 การติดตั้งและเปลี่ยนโมดูล joomla

การติดตั้งและเปลี่ยนโมดูล joomla

การติดตั้งโมดูล

1.ดาวน์โหลดโมดูลก็บไว้บนเครื่องของตนเองก่อน
2.จากนั้นให้เข้าไปที่หน้า Admin ของ Joomla ดูที่เมนูด้านบนเลือก Extension > Install/Uninstall
3.เมื่อปรากฏหน้าจอติดตั้ง ให้เรากด Browse… จากนั้นเลือกโปรแกรมเสริมที่เราโหลดมาเพื่อจะติดตั้งลงไปบน Joomla แล้วกด Upload file and install
4.เพียงเท่านี้การติดตั้งก็เสร็จสมบูรณ์แล้ว



การเปลี่ยนโมดูล

1) เลือกเมนู ส่วนขยาย > การจัดการโมดูล
2) คลิก New
3) คลิกเลือกหัวข้อ Feed Display
4) คลิกปุ่ม ถัดไป





5. ตั้งค่า Feed Module

6. ตั้งค่าพารามิเตอร์ การแสดงผล
- คลิกปุ่ม นำไปใช้งาน > แสดงตัวอย่าง เมื่อแสดงผลถูกต้องจึงคลิก บันทึก

Unit5 การติดตั้ง Template Joomla

การติดตั้ง Template Joomla

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

1. ดาวน์โหลด template ฟรีได้จาก http://www.joomla24.com/ , http://www.siteground.com/joomla-hosting/joomla-templates.htm โดยเราจะต้องโหลด template ของ joomla ในเวอร์ชั่น 1.5 นะคะ หลังจากโหลดมาแล้วจะได้ไฟล์ .zip มาให้เราทำการติดตั้งตามวิธีการติดตั้งโปรแกรมเสริม extension บน joomla

2. เมื่อได้ไฟล์เทมเพลต .Zip สำหรับติดตั้งมาแล้วก็เข้าที่เมนู ส่วนขยาย >> ติดตั้ง/ถอนการติดตั้ง


จากนั้นคลิ๊กที่ปุ่ม เรียกดู.. (Browse..) เพื่อเลือกไฟล์ Template .zip ที่เราเพิ่งดาวน์โหลดมา



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

วิธีการเปลี่ยน Template

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


ไปที่เมนู ส่วนขยาย > การจัดการเทมเพลต



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


นอกจากรูปขนาดย่อที่ว่าแล้ว คุณก็จะมองเห็นรายละเอียดต่าง ๆ เกี่ยวกับ Template นั้น ไม่ว่าจะเป็น รุ่น หรือ ผู้สร้าง Template


หลังจากเห็นรายละเอียดครบแล้ว ให้คลิ๊กเลือก Template ที่ต้องการ ตามภาพด้านล่าง


จากนั้นคลิ๊กที่ปุ่ม ค่าปกติ


เมื่อสำเร็จแล้ว จะมีสัญลักษณ์รูปดาวที่ Template ที่คุณเลือกครับ
เสร็จแล้ว

Unit4 การสร้างบทความ Joomla

การสร้างบทความ Joomla

หลังจากได้ทำการสร้าง Section และ Category เพื่อใช้เก็บ ต่อไปก็ทำการสร้างบทความ (article)



คลิ๊กที่ Add new Article


หรือเข้าที่ Admin menu >> Content >> Article Manager
จากนั้นคลิ๊กที่  New


-  Title ชื่อของบทความ
- Alias ชื่อแทนของ บทความ ควรกำหนดเป็นภาษาอังกฤษจะดีที่สุด ถ้าปล่อยว่างไว้ joomla จะนำวันที่ เวลาที่บันทึกการสร้างบทความนี้มาใส่แทน เช่น 2009-09-09-01-12  และจะแสดงที่ลิ้งก์ ทำให้ลิ้งก์ของบทความไม่สวย เพราะฉะนั้นกำหนดจะดีกว่า 
-  Published กำหนดเป็น yes เพื่อเปิดเผยแพร่ ถ้ากำหนดเป็น no บุคคลภายนอกจะไม่สามารถเห็น section ได้ 
-  Front Page กำหนดเป็น yes คือกำหนดให้บทความนี้แสดงที่ด้านหน้าสุดของเว็บ (home page) ถ้ากำหนดเป็น no คือบทความนี้จะไม่แสดงที่หน้าเว็บไซต์ (home page) 
-  Section เลือก Section ที่ทำการเก็บบทความ 
- Category เลือก Category ที่ทำการเก็บบทความ


ส่วนนี้สำหรับพิมพ์ ข้อความบทความต่าง ๆ ใส่รูปภาพ หรืออะไรที่ต้องการได้



การใส่รูปภาพลงในบทความ
                การใส่รูปภาพ โดยใช้รูปภาพที่มีอยู่แล้ว หรืออัพโหลดจากเครื่องคอมพิวเตอร์ของคุณ


คลิ๊กที่ Image
เลือกรูปที่ต้องการจาก โฟล์เดอร์ที่มี หรืออัพโหลดจากเครื่องคอมพิวเตอร์ของคุณ โดยการ Browser เมื่อเลือกภาพได้แล้วก็คลิ๊ก start upload
          เมื่อเลือกรูปได้ แล้วให้คลิ๊ก insert เพื่อแทรกรูปภาพลงบนบทความ 

การแทรกภาพลงบนบทความด้วยลิ้งก์ URL



คลิ๊กที่รูปต้นไม้  จะขึ้นหน้าต่างให้ใส่รายละเอียด 

ใส่ Full URL ของรูปภาพ เช่น http://www.google.com/images.jpg


การสร้างลิ้งก์ อ่านต่อ Read more
                เป็นการสร้างบทความในส่วนของไตเติ้ล กล่าวนำก่อนแล้วให้ผู้อ่านเข้ามาอ่านต่อด้านใน
ต้องการจะตัดบทความให้เข้ามาอ่านต่อตรงส่วนไหน ก็นำเคอร์เซอร์มาวางแล้ว คลิ๊กที่ read more



จะเกิดเส้นขึ้นให้เราเห็นว่าส่วนนี้ลงไปเป็นส่วนที่ต้องเข้ามาอ่านต่อ


รูปแบบการใช้ read more ในบทความ


การแบ่ง บทความออกเป็นหน้า ๆ  (Page Break)
                ในกรณีที่บทความหนึ่ง ๆ มีความยาวมาก ๆ และต้องการแบ่งออกเป็นส่วน ๆ เพื่อให้ดูดี หรือไม่ยาวเกินไป



ต้องการจะแบ่งบทความตรงส่วนไหน ก็นำเคอร์เซอร์มาวางแล้ว คลิ๊กที่ Page Break

จะปรากฏหน้าต่างนี้ขึ้นมา page title ใส่ชื่อตามต้องการ   Table of contents alias  ควรกำหนดเป็นภาษาอังกฤษ จะดีที่สุด


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



หากต้องการแทรกคำสั่ง HTML เองก็สามารถทำได้โดย คลิ๊กที่ Toggle Editor


จะเห็นคำสั่งที่สามารถแก้ไขได้เอง


การกำหนดพารามิเตอร์ของบทความ Parameters Article 
ส่วนนี้เป็นการกำหนดชื่อผู้เขียน ชื่อแทนผู้เขียน วันที่ทำการสร้างบทความ คุณสามารถกำหนดวันที่ งดเผยแพร่บทความได้ที่นี่ด้วย

             
   การกำหนดพารามิเตอร์แบบ advanced 
เป็นการกำหนด ให้ค่าหรือไม่แสดง รายละเอียดต่าง ๆ ในบทความ



การกำหนด metadata information
ในส่วนนี้มีประโยชน์ต่อการค้นหา ทั้งใน Search Engine และในเว็บไซต์
-   Description  ใส่คำอธิบายเกี่ยวกับบทความ ว่าเป็นบทความอะไร กำหนดตามต้องการ
-   Keywords  ใส่คำค้นหาหลักสำหรับบทความ  กำหนดเป็นคำ ๆ หรือประโยคที่สั้นเข้าใจง่ายสามารถใส่เท่าไหร่ก็ได้โดยการเว้นขึ้นคำใหม่ให้ใช้ (,) จุลภาค ขั้นไว้ เช่น joomla, joomla thai เป็นต้น
-   robots เป็นคำสั่งที่ใช้บอก robots (โปรแกรมสำหรับค้นหาของ Search Engine) ว่าวรจะต้องทำอะไรในบทความนี้  คำสั่งหลัก ๆ มีดังนี้
                - index ให้นำบทความนี้ไปแสดงที่ Search Engine
                - follow ให้ค้นหาต่อ กรณีมีลิ้งก์ในบทความและต้องการให้ robots ไปตามลิ้งก์ URL ปลายทาง
        - noindex ไม่ให้นำบทความนี้ไปแสดงที่ Search Engine
        - nofollow ไม่ให้ค้นหาต่อ กรณีมีลิ้งก์ในบทความและไม่ต้องการให้ robots ไปตามลิ้งก์ URL ปลายทาง
ใส่คำสั่งใดคำสั่งหนึ่งก็ได้ หรือใส่ทั้งสองคำสั่งโดยใช้ (,) ขั้นระหว่างคำสั่ง 


การใช้งาน menu manager 
การสร้างเมนูลิ้งก์ไปหาบทความ section และ category  ทำได้โดยคลิ๊กที่ menu manager 


หรือเข้าที่ admin menu >> menus >> main menu       main menu   เป็นเมนูหลักที่มีอยู่แล้วไม่จำเป็นต้องสร้างใหม่ 


จากนั้นคลิ๊กที่ new เพื่อทำการสร้างเมนูย่อย ใน main menu


คลิ๊กเลือก Articles 


จะปรากฏเมนูย่อยลงมา
-                   Archive คือลิ้งก์ไปหาบทความที่ถูกเก็บ
-                   Article คือลิ้งก์ไปหาบทความ
-                   Category คือลิ้งก์ไปหา Category
-                   Section  คือลิ้งก์ไปหา  Section


รูปแบบการแสดงผล  
จะเห็นว่ามีส่วนของ blog layout  และ list layout
blog layout   จะเป็นแบบรูปด้านล่างเหมือนหน้า front page 



list layout  แสดงในส่วนหัวข้อบทความเท่านั้น

เมื่อเข้าใจรูปแบบการแสดงผลแล้วต่อไปก็ทำเมนูลิ้งก์ไปหาบทความตามต้องการ ในที่นี้จะทำลิ้งก์ไปหา section
ใส่ชื่อ title , alias ตามต้องการ


เลือก section ที่ต้องการ เมื่อกำหนดเรียบร้อยแล้วก็คลิ๊ก save เพื่อบันทึกการเปลี่ยนแปลง



จะเห็นเมนูที่สร้างขึ้นดังในรูป
               
การสร้างลิ้งก์เมนูอื่น ๆ ก็ทำลักษณะคล้าย ๆ กันนี้ 

Unit3 ติดตั้งภาษาไทยใน Joomla

ติดตั้งภาษาไทยใน Joomla 


1.ขั้นตอนแรกเราต้องดาวน์โหลด ภาษาไทย ของ Joomla 2.5 กันก่อนนะครับ โดยสามารถดาวน์โหลดที่หน้าแรกหรือที่ท้ายบทความนี้นะครับ เมื่อดาวน์โหลดมาแล้วเราจะได้ไฟล์ที่ชื่อว่า th-TH_joomla_lang_full_2.5.1v1.zip นะครับ ดังรูปที่.1

    รูปที่.1

2.จากนั้นให้เข้าในส่วนของ administrator นะครับ ไปที่เมนู Extensions เลือกที่ Extension Manager ในหัวข้อ Package File ให้ browse ไฟล์ไปที่ไฟล์ที่เราพึ่งดาวน์โหลดมานะครับ ที่ชื่อว่า th-TH_joomla_lang_full_2.5.1v1.zip นะครับ จากนั้นก็คลิ๊กที่ upload &install ดังรูปที่.2

    รูปที่.2

3.ตอนนี้เราก็ติดตั้งภาษาไทยใน Joomla 2.5 กันแล้วนะครับ ตอนนี้ให้ไปที่เมนู Extensions เลือกที่ Language Manager นะครับ ดังรูปที่.3

    รูปที่.3

4.ในหน้า Language Manager นั้น จะมีอยู่ด้วยกัน 2 ส่วนสำคัญ ในการเปลี่ยนภาษาของตัว joomla 2.5 คือ
A. Installed - Site เป็นการเลือกใช้ภาษาในส่วนของ หน้าเว็บไซต์ นะครับ
B. Installed - Administrator เป็นการเลือกใช้ภาษาในส่วนของ แอทมิน (ส่วนที่เรากำลังใช้งานอยู่) นะครับ 

จริงๆจะมีอีกตัวที่สำคัญ แต่จะใช้ในการสร้าง Languages code ในสลับภาษา ในหน้าเว็บไซต์ (คือการทำเว็บ 2 ภาษา) นั้นก็คือ content นะครับ ไว้จะคุยกันอีกที่ในเรื่องของการสร้างเว็บ 2 ภาษา นะครับ
5.ถ้าในกรณี หน้าเว็บเราต้องการให้เมนูหรือรายละเอียดต่างๆของตัว Joomla 2.5 แสดงเป็นภาษาไทย ก็ให้เราเลือกที่หัวข้อ Thai (ภาษาไทย) ในแท็บ Installed - Site แล้วคลิ๊กที่เมนูด้านบน ที่ Default นะครับ สังเกตุว่า ดาวสีส้มก็จะมาแสดงในรายการ Thai (ภาษาไทย) ดังรูปที่ .4

    รูปที่ .4


6.สังเกตุว่า เมื่อเราเปลี่ยนภาษาแล้วนั้นจะมีข้อความ แสดงเตือนเราให้ทำการเปิดใช้งาน plugin ที่ชื่อว่า System - Languagefilter ซึ่งจริงๆ ถ้าในกรณีที่เราแค่ทำการติดตั้งภาษาไทยแล้วเปิดใช้ในหน้าเว็บไซต์ก็ไม่จำเป็นต้องไปเปิดใช้งานในส่วน System - Languagefilter ก็ได้ครับ เพราะในส่วนนี้จะถูกใช้งานในกรณีที่เป็นเว็บ 2 ภาษา จะมีผลในส่วนของ Module ที่ใช้ในการสลับภาษาในหน้าเว็บไซต์ และในเนื้อหา นั้นเอง
7.ทีนีเมื่อเราเลือก Installed - Site เป็น Thai (ภาษาไทย) แล้ว ที่นี้เราลองไปดูในหน้าเว็บไซต์ในส่วนของการสมัครสมาชิกกันครับ เราก็จะได้ดังรูปที่.5

    รูปที่.5

8.ตอนนี้เว็บไซต์เราก็ลองรับรายละเอียดที่เป็นภาษาไทยแล้วนะครับ ในส่วนของ Administrator ก็ทำแบบนี้เช่นกัน แต่แนะนำว่า ควรใช้เป็นภาษา Eng ในส่วนของ Administrator เพราะเนื่องจาก หากเกิดปัญหา หรือข้อสงสัย เราสามารถบอกพาทหรือข้อมูลที่เป็น eng กับ คนอื่นๆ ที่อาจจะเป็นตามบอร์ดนอก เขาก็จะเข้าใจเหมือนกัน และเกิดความเคยชินในตำแหน่งต่างๆ ได้สะดวกมากยิ่งขึ้นนะครับ หากมี Extension อื่นๆที่เป็นภาษาไทย ค่อยสลับกลับมาใช้ก็ได้