แทรก วีดีโอ youtube ลงในบทความ joomla3

Ads-bygoogle


วิธีการแทรกวีดิโอลงในบทความ มีหลายวิธี ซึ่งแต่ละวิธีมีทั้งง่ายและยากที่แตกต่างกัน แต่ส่วนใหญ่จะเลือกใช้วิธีการง่ายที่สุดเพื่อการทดลอง

Joomla3 ให้ความสำคัญในเรื่องระบบการป้องกันทั้งระบบ และจะปิดกั้นในเรื่องของการใส่ CODEในส่วนของเนื่อหาแม้กระทั้งโมดูลเทมเพลท  ซึ่งฝั่งของผู้ดูแลระบบ ต้องเข้าไปจัดการเปิดการทำงานในส่วนนี้


1.คลิก>>เมนูส่วนเสริม>>ปลั๊กอิน>>เอดิเตอร์-TinyMce>>
2.คลิก >>เปลี่ยนค่าตัวแปร ในปลั๊กอิน โดยให้ลบเพียง2ค่าและเลือกเพียงค่าเดียว applet แล้วบันทึกปิด


แบกแรก แก้ไขไฟล์ใน Joomla เพื่อเปิดการใช้งานฟังก์ชั่นในปลั๊กอิน เป็นผลจากการป้องกันการวางสคลิปของ Joomla ซึ่งเราต้องตั้งค่าแก้ไข ลบไฟล์บางตัวออก เพื่อเปิดการใช้งาน ในที่นี้ ให้เหลือ applet เพียงอย่างเดียวเท่านั้น การใส่วิดิโอ youtube ก็จะทำงานแสดงผลได้ตามปกติ

แบบที่สอง คือ การติดตั้งส่วนเสริมด้วย plugin Dj-emded-light 
3.คลิก>>เมนูส่วนเสริม>>การจัดการ>>คลิกปุ่ม>>choose File
4.คลิก>>เลือกไฟล์ปลั๊กอินที่โหลดไว้มารอในเครื่อง คลิก>>ปุ่มเปิด open
5.คลิก>>ปุ่มอัพโหลดและติดตั้ง



6.คลิก>>เมนูส่วนเสริม>>ปลั๊กอิน>>
7.คลิก>>เลือกปลั๊กอิน ที่ชื่อ Dj Embed Light ที่ถูกปิดไว้แล้วเปิดการใช้งาน หรือ คลิก>>ปุ่มสีแดงหน้า ชื่อ Dj Embed Light ให้เป็นสถาณะสีเขียวให้เเป็นเครื่องหมายถูก

8.คัดลอก URL Youtube  มาวางในเนื้อหาบทความ แล้ว  Enter ท้าย Url นั้นๆ สังเกตุที่บทความ เริ่มจะมีวีดีโอแทรกขึ้นมาแล้ว เราสามารถปรับขนาดได้ตามใจชอบ จากนั้น คลิก ปุ่มบันทึกปิด 

คุณสมบัติของ ปลั๊กอิน Dj-emded-light นอกจากใช้งานและติดตั้งง่ายด้วยแล้ว ยังสามารถ แสดงผลให้วิดิโอของเรานั้น มีคุณลักษณะ  Responsive ย่นย่อตามอุปกรณ์ที่ใช้ เช่น ทับแล็ต โทรศัพย์มือถือ Smart phone ได้ทุกขนาดหน้าจอ ทำให้แสดงผลบนเว็บไชต์ได้อย่างมีประสิทธิภาพ 
Ads-bygoogle

Restore blackup Akeeba joomla

Ads-bygoogle

หลังจากติดตั้ง คอมโพแนนท์ Akeeba สำหรับ joomla เสร็จเรียบร้อยแล้ว ในบทความนี้ ผู้เขียนจะกล่าวุถึง การเรียกการใช้งาน สำรองข้อมูล Restore blackup ด้วย Akeeba เพื่อให้เว็บไชต์ของเรากลับมาใช้งานได้เหมือนเดิม เช่นเดียวกับการกู้ข้อมูลทั้งหมดนั่นเอง
โหลดไฟล์ ที่ชื่อว่า Akeeba eXtract Wizard มาติดตั้งในเครื่องของเราให้เรียบร้อยก่อน  หากผู้ใช้ windows 32/64 bit หรือ linux ก็เลือกให้ตรงรุ่นแล้วทำการ ติดตั้ง https://www.akeebabackup.com/

คลิก ตัวไฟล์ติดตั้งที่โหลดมา เช่น SetupAkeebaExtractWizard-i386 เพื่อติดตั้ง
1.คลิก >> ที่ปุ่ม Run
2.เลือกพื้นที่ในการติดตั้ง จะให้ติดตั้งที่ ไดร์ C:หรือ D:แนะนำให้ D:เป็นหลัก ก็พิมพ์ลงไป จากนั้น คลิก>>Next>
3.คลิก >> Next> ตามภาพ โดยตั้งชือไฟล์ Akeeba : ซึ่งระบบก็ตั้งให้แล้ว
4.ติ๊กเครื่องหมายถูก เพื่อสร้าง icons หน้า desktop แล้ว คลิก >>Next> 
5.คลิกที่ตัว icons หน้า desktop Akeeba eXtract Wizard แล้วเปิดใช้ 
การตั้งค่าตัวเลือก:
C:\Users\Administrator\Downloads\site-localhost-20161127-105004.jpa เลือกไฟล์ JPA ที่โหลดมารอไว้ในเครื่องครั้งก่อน ในที่นี้คือ site-localhost-20161127-105004.jpa

D:\MAMP\htdocs\myweb เลือกโฟลเดอร์ ที่จะนำไฟล์ JPA ไปไว้ แต่แท้จริงแล้ว ระบบแตกไฟล์แปลงไฟล์ JPA ไปเป็นไฟล์เว็บ joomla ของเรานั่นแหละ ไปไว้ในตำแหน่งและโฟลเดอร์ที่เราเคยติดตั้งในครั้งแรก ย้ำว่าห้ามวางไฟล์นี้ผิดที่ ไม่งั้นยุ่งไปหมด

เรียกการติดตั้ง joomla ของเราตามปกติ เช่น http://localhost/myweb/ ผู้เขียนทดลองทำในเครื่อง ก็พิมพ์ตามนี้ ระบบจะเข้าสู่หน้าจอ การติดตั้ง ทันที

6.คลิก>>Next> จะเข้าสู่หน้าจอ ตั้ง Restoration of site's main database ซึ่งระบบ fix ค่าไว้ให้เรียบร้อยแล้วตั้งแต่ตอนแรก ไม่ต้องแก้ไขอะไรลงไป ก็ข้ามส่วนนี้ไปได้เลย 
7.คลิก>>Next>

ข้อ 8 ข้อ 9 คลิก>> Nextไล่ต่อไปเรื่อยๆครับ 


10.คลิก>>เพื่อลบไฟล์การติดตั้งของ joomla คล้ายๆกับการติดตั้งใหม่ในครั้งแรก
11.คลิก>>ครั้งสุดท้าย หน้านี้จะพาไปสู่หน้าเว็บไชต์ของเราทันที


การ Restore เว็บ Joomla ด้วย Akeeba Backup นอกจากจะเอาไว้ใช้ กรณีเว็บมีปัญหาแล้วกู้คืน ยังสามารถใช้ในการย้ายเว็บ joomla ขึ้น Host หรือ ย้ายจูมล่าไป Host ใหม่ หรือย้ายลงมา localhostในเครื่องของเราเอง สามารถทำได้ทั้งหมด การใช้ Akeeba Backup ในการ Restore เว็บ จะทำให้ได้ข้อมูลทั้งหมด ตั้งแต่ไฟล์ภาพและไฟล์ข้อมูลไปจนถึงฐานข้อมูล และการ Restore เว็บ จะเป็นเหมือนการติดตั้งใหม่ และได้ข้อมูลเดิม 
Ads-bygoogle

เปลี่ยนภาษาไทยให้กับjoomla3 ทั้งเว็บ

Ads-bygoogle

เรื่องของภาษาเป็นเรื่องสำคัญที่สุดไม่ว่าจะเป็นภาษาพูดหรือภาษาเขียนเพื่อให้เกิดการสื่อสาร กันอย่างเข้าใจ เว็บไชต์ก็เช่นเดียวกัน ต้องมีหลากหลายภาษาเพื่อสื่อความหมายและข่าวสารให้ดีที่สุดสำหรับคนที่เข้ามาอ่านบทความในเว็บไชต์  joomla เอง ก็มีให้เลือกติดตั้งหลายภาษาแต่ละภาษามีให้เลือกโหลดมากมายและตอนนี้ภาษาไทยสำหรับ joomla ได้พัฒนาภาษาไทยได้สมบรูณ์ ร้อยเปอร์เซนต์แล้ว
1.Login เข้าระบบ joomla โดยพิมพ์ http://localhost/myweb/administrator/ ส่วนคำว่า myweb ก็เปลี่ยนชื่อโฟล์เดอร์ ตามที่ได้สร้างไว้ในครั้งก่อน พิมพ์รหัส อะไรที่จดใว้ แล้ว คลิก Login 


เราจะเจอหน้านิเป็นหน้าแรกกอน เรียกว่แผงควบคุมเว็บไชต์ Control Panel ซึ่งภายในนั้นจะมีปุ่มกด ลิ๊งมากมายแต่ไม่ใช่ภาษาไทยที่เราต้องการ อ่านไม่ค่อยเข้าใจเรื่องก็เยอะ ยุ่งไปหมด.


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


2.คลิกเมนูติดตั้งภาษา- Language Manager คลิกเข้าไปจะเจออีกหน้า


3.หน้านิมีเมนูให้ทำการเลือกเปลียนภาษาสองแบบ คือ แบบเปลี่ยนเมนูภาษาสำหรับเนื้อหาและแบบเปลี่ยนภาษาสำหรับผู้ดูแลเว็บไชต์ ตามภาพ ระบบภาษาตอนนี้มีเพียงภาษาเดียวรออยู๋ก่อนแล้ว ต้องโหลดไฟล์ภาษาไทยสำหรับ joomlaมาติดตั้งเพิ่ม ให้คลิกโหลดที่ลิ๊งด้านล่างนี้มาไว้ในเครื่องของเราก่อน.http://joomlacode.org/gf/project/jtranslation 


จะเห็นว่ามี เวอร์ชันให้โหลดหลายตัว ตอนนี้เราทำ joomla3.4.1 ภาษาไทยก็ให้โหลดรุ่นเดียวกันมาไว้ในเครื่องเตรียมความพร้อมในการติดตั้งขั้นต่อไป


4.เลือกไฟล์ภาษาไทย joomla ที่โหลดมาไว้ในเครื่องก่อนหน้านี้แล้ว กดปุ่มเมนู Choose File จะเข้าสู่การค้นหา อีกหน้านึง หาไฟล์ในเครื่องเราที่โหลดไว้ TH_joomla_lang_full_3.4.1v1ให้เจอก่อนครับแล้ว คลิกปุ่ม Upload@lnstsll เริ่มการติดตั้งกันเลย

5.กลับไปยัง เมนู System> และ Control panel ตามลำดับ ระบบจะพาไปสู้หน้าเลือกภาษาในหัวข้อที่แล้ว กดเลือกภาษาไทยปุ่มเลือกดาวสีเหลือง ให้ตรงภาษาไทย  6.คลิกเลือกดาวให้เป็นสีเหลือง เหมือนด้านบน


7.หลังจากนั้น คลิกออกระบบ joomla แล้ว login เข้ามาใหม่แต่สังเกตุกันดีๆจะมีเมนูเพื่มขึ้นมาใหม่ก็ให้เลื่อนๆปุ่มมาใช้ Thai(ภาษาไทย) แล้วเข้ามาจะเจอหน้าตา joomla3ของเราเป็นเมนูภาษาไทยกันไปแล้ว



การเปลี่ยนเมนูภาษาไทยเป็น mod ที่สำคัญอย่างที่สุดในการบริหารจัดการเว็บไชต์ joomla รุ่น3x หรือแม้แต่ joomla1.5รุ่นเก่าๆเค้าก็จะมีระบบการติดตั้งภาษาไทยเช่นเดียวกัน ซึ่งทั้งนี้เพิ่มความสะดวกในการใช้งานสร้างเว็บไชต์ให้เข้าใจได้ไว เริ่มจากง่ายไปยาก แล้วก็ง่ายไปเองครับ.
Ads-bygoogle

Editor-เครื่องมือเขียนบทความ เหมือน Microsoft Word มากๆติดตั้งยิ่งง่ายกว่า

Ads-bygoogle

เครื่องมือช่วยในงานเขียนบทความ joomla มีให้ใช้งานโดยพื้นฐานอยู่ก่อนแล้ว แต่อาจจะไม่ตรงใจเท่าไรนักในเรื่องการปรับแต่ง ข้อความ และรูปภาพ ในบทความนั้นๆ



  
เอดิเตอร์-TinyMce คือเครื่อมมือช่วยเขียนบทความพื้นฐาน หลายๆคนใช้เขียนอยู่เป็นประจำ ซึ่งจะมีหน้าตาในเหมือนกันหมดใน joomla ตัวอย่างภาพ ซึ่งต้องมีการปรับแต่งเพิ่มบ้างนิดหน่อย เครื่องมือในแม่แบบ จึงจะครบๆ

การเปิดการใช้งาน เพื่อให้ได้รูปแบบเต็มประสิทธิภาพ Editor Tiney-Mce ของเค้า ก็คือ คลิก >>เมนูส่วนเสริม>>ปลั๊กอิน>>เอดิเตอร์-TinyMce คลิก >> เลือกเลื่อนแท็ป จะเจอคำว่า Extended เปิดใช้ เครื่องมือที่ขาดหายไป จะเพิ่มขึ้นมาทันที

Editor ที่ดีกว่านี้ย่อมมีแน่นอน ก็คือ JCK-editor เป็น Extensions joomla ในหมวดหมู่ของ Plugin Editor ที่ทำหน้าที่ในการช่วยให้ผู้ใช้งานปรับแต่งดีไซน์ ตัวอักษร สี จัดหน้า จัดรูปภาพ อื่นๆ ในบทความได้ง่ายขึ้น การติดตั้งง่ายๆ ดังนี้ ไปที่เมนูส่วนเสริม คลิก >> การจัดการ >> แล้วคลิก >> ติดตั้ง >> เลือกไฟล์ pkg_jcksuite_6.6.2_forj.3.0




เมือถึงหน้านี้แล้ว กลับไป หน้าการจัดการ เปลี่ยนเครื่องมือ เอดิเตอร์อึกครั้ง แล้วเปิดการใช้งาน Editer-joomlack  แล้วดูที่หน้าการจัดการบทความ จะแสดงผลแบบนี้
ซึ่งจุดเด่นของ Jck Editor
นอกจากเรื่องคุณสมบัติพื้นฐานที่ครบถ้วนแล้ว ยังมี plugin ของ jck ที่สามารถเลือกติดตั้งเพิ่มเติมได้อีก จากเว็บไซต์ http://www.joomlackeditor.com/plugins และนอกจากนี้ Jck Editor ยังมีสีและการออกแบบที่สวยงามน่าใช้ และ รองรับระบบ Responsive ซึ่งจะทำให้ใช้งาน Plugin ตัวนี้ใน Tablet และ Smart Phone ได้ด้วย
Ads-bygoogle

สร้างเมนูแสดงหมวดหมู่บทความแบบ List ใน Joomla 3

Ads-bygoogle

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

1.คลิก เมนู >> Main Menu >>เพิ่มเมนูใหม่
2.จะหน้านี้ ให้กรอกรายละเอียด เช่น ชื่อเมนู  แล้ว คลิก >> เลือก 
3.จะขึ้น หน้าต่าง popup เมนูให้เลือกหลายชนิด คลิก >> หมวดหมู่ แสดงแบบลิสรายการ 



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

Ads-bygoogle

สร้างโฟลเดอร์ไว้จัดเก็บรูปภาพในJoomla3

Ads-bygoogle

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


วิธีทำ โฟลเดอร์ใหม่ให้กับ joomla

1.คลิกเมนู >> เนื้อหา และ 2. เมนู >> จัดการรูป/ไฟล์ 

3.คลิก>>แท็ป สร้างโฟลเดอร์ใหม่ เมืออยู่หน้านี้แล้ว สังเกตุดีๆจะมี โฟลเดอร์ย่อยภายใต้ รูด images ซึ่งก็คือ โฟลเดอร์หลักของ joomla เค้า ส่วนไฟล์ภาพ ที่อยู่นอกโฟลเดอร์ เป็นภาพตัวอย่าง อันนี้ไม่แนะนำให้สร้างไฟล์ภาพนอกโฟลเดอร์ เพราะจะดูรกตา

4.ตั้งชือ >>โฟลเดอร์ใหม่ ชืออะไรก็ได้ เช่น new แล้วไป ข้อ 5 คลิกแท็ป>> สร้างโฟลเดอร์ 

6.จะพบว่า มีโฟลเดอร์ที่เราสร้างขึ้นมาเอง ก็คือ new เรียบร้อยแล้ว และมีพื้นที่สำหรับจัดเก็บไฟล์ให้ด้วย การทำงานของ โฟลเดอร์ส่วนนี้ก็คือ รูด : images/new ระบบจะจัดการสร้างให้เองโดยอัตโนมัติ จากนั้น คลิกที่เมนู >> อัพโหลด ไฟล์ภาพ ต่างๆ จะถูกจัดเก็บตามการเรียกใช้ในโฟลเดอร์นั้น

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

Ads-bygoogle