แสดงภาพและข้อความแบบข่าวอย่างย่อๆยอดนิยมในเว็บไชต์ Joomla-3x

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

ตัวอย่าง ภาพประกอบบทความ โมดูลแสดงบทความแบบ บล็อก ของจูมลาที่มีอยู่ก่อนแล้ว

ภาพ Thumbnail สำหรับ จูมลา มีขนาดมาตรฐานแต่ผู้เขียนแก้ไขดัดแปลงภาพนิดหน่อยกำหนดให้เป็น 250x161  เพื่อให้ได้ขนาดพอดี ส่วนข้อความบรรยายภาพ แบ่งไว้ 5-6 บรรทัด เพื่อให้ได้หน้าจอที่สวยงาม การแสดงผลทั้งหมดจะได้ประมาณนี้

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

บทความ สอนวิธีการ ติดตั้งและใช้งาน ส่วนเสริมจูมล่า Featured Items Pro แสดงข่าวหน้าเว็บไชต์ Joomla3xโดยมีขั้นตอนตามลำดับดังนี้

1.ดาวน์โหลด ส่วนเสริม จูมลา Featured Items Pro ในเว็บไชต์ https://extensions.joomla.org

- ในกล่องค้นหา พิมพ์คำว่า Featured Items Pro แล้ว Enter
- คลิก ป้าย Featured Items Pro แล้วโหลดลงเครื่องเตรียมรอไว้
2.ติดตั้ง ส่วนเสริม จูมลา Featured Items Pro ตามปกติแล้วเปิดใช้
3.เลือกเทปเมนูย่อย Featured Items Pro ที่ชื่อ Joomla content option

- Category  ชื่อหมวดหมู่บทความ
-Select Article ชื่อบทความแต่ละบทความ แล้วบันทีกปิด
ทดลองแทรกโมดูล Featured Items Pro แสดงบทความในตำแหน่ง Position หน้าเว็บไชต์จูมลาของเรา

แก้ไขการป้องกันคลิกขวาคัดลอกบทความในเว็บไชต์Joomla3

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

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

บทควาสอนวิธีการ Copy บทความเว็บไชต์ที่ป้องกันการคัดลอกบทความแบบง่ายๆไม่ต้องจบโปรแกรมเมอร์เราก็ทำได้
1.เข้าเน็ตโดยใช้ Mozilla Firefox เปิดเว็บไชต์และบทความที่ต้องการคัดลอกนั้นๆ

2.คลิกเมนู>แฟ้ม>เลื่อนแท็ปเมนูย่อยๆ>บันทึกหน้าเป็น
3.เลือกวางที่ Desktop ซี่งระบบตั้งค่าไว้แล้ว แล้วคลิกปุ่ม Save ได้เลย Mozilla Firefox จะทำการดาวน์โหลดหน้าเว็บไชต์แบบสมบรุณย์ซึ่งเราจะได้บทความในหน้านั้น

4.กลับไปดูหน้าจอ Desktop ของเราอีกครั้ง จะพบ Icon ชื่อบทความของเว็บไชต์

5.คลิกรูป>ไอคอนบทความคลิกขวาเมาท์>เลื่อนหาเท็ปเมนู>เลือกเปิดด้วย Microsoft Office Word
6. โปรแกรม Microsoft Office Word จะทำการเปิดความขึ้นมาแสดงผล เพื่อให้เรานำไปใช้ประโยชน์

แก้ไขปุ่ม Dropdown Menu Joomla3X เมนูสามแท่ง แสดงในหน้าจอมือถืออุปกรณ์IT

ปุ่มซ่อนเมนูของจูมล่าเทมเพลต Protostra รุ่นใหม่หรือรุ่นใช้งานปัจจุบันและกำลังจะปรับรุ่นเป็น Joomla เบอร์4 ตั้งค่าหน้าจอมาตรฐาน 979PX ดูผ่านหน้าจอคอมพิวเตอร์PCดูง่ายสบายตา หากดูผ่านมือถือ Joomla จะไม่ปรากฏเมนูให้เห็นได้ทั้งหมด แต่จะถูกย่นย่อเมนูเป็นปุ่มเมนูไอคอนเล็กๆ แบบดรอบดาวน์ รอคลิกเลื่อนเปิดใช้ ซึ่งอาจเป็นการสับสน หากไม่เคยใช้งาน Joomla มาก่อน ไม่รู้ว่าเมนูเว็บไชต์หายไปไหน

ปุ่มเมนูสามแท่ง สำหรับ Joomla3x เทมเพลต Protostra ดูผ่านมือถือแสดงหน้าตาประมาณนี้

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

บทความสอนวิธีการเปลี่ยนรูปลักษณ์ปุ่มไอคอนเมนู Dropdown แสดงผลบนมือถือ Joomla-3x ด้วยวิธีการดังต่อไปนี้

1.คลิกเข้าสู่พื้นที่เว็บไชต์ของเราด้วยโปรแกรม FTP คลิกปุ่ม เชื่อมต่อหรือตกลง

2.ค้นหาไฟล์เว็บไชต์ Joomla ของเรา ที่ชื่อว่า index.php ซึ่งจะอยู่ในเทมเพลตที่เราใช้ มันคือ Protostra นั่นเอง

 

3.คลิกโหลดไฟล์เว็บ Index.php ดังกล่าวโหลดเก็บไว้ในเครื่องเราก่อนกันผิดพลาด จากนั้นคลิกขวาไฟล์เว็บนี้อีกครั้งในพื้นที่ทำเว็บไชต์ด้วยโปรแกรม FTP ด้วยคำสั่ง View edit 

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

5.ค้นหาโค้ดไฟล์เว็บ ที่เขียนคำสั่งว่า <nav class="navigation" role="navigation"> เป็นคำสั่งเกี่ยวกับการเปิดใช้ปุ่มไอคอน ดรอบดาวน์เมนู จะแสดงทุกครั้งเมื่อดูเว็บบนมือถือและจะหายไปทุกครั้งเมื่อเปิดดูด้วยคอมพิวเตอร์PC

6.ลบชุดคำสั่งโค้ดเว็บ<span class="icon-bar"></span> ทั้งหมด แล้วเพิ่ม คำว่า MENU ลงไปแทนที่ เพื่อเขียนทับเหนือปุ่มสามแท่ง และให้ปรากฏชื่อ MENU ในปุ่มนี้ 

7.คลิกปุ่ม File และปุ่ม save โปรแกรม Dreamweaver CS3 เพราะขณะนี้เราใช้โปรแกรมนี้แก้ไขอยู่และเชื่อมต่อกับโปรแกรม FTP คือการแก้ไขไฟล์เว็บไชต์บนโฮสนั่นเอง

8.หากสังเกตดีๆโปรแกรม FTP จะทำงานร่วมกันกับ Dreamweaver ให้เราคลิกยืนยันการแก้ไขไฟล์เว็บไชต์Joomla ด้วยโปรแกรม FTP ของเค้าอีกครับ เป็นอันเสร็จการ Save การแก้ไขไฟล์เว็บ Joomla ของเราแล้วดูเว็บไชต์ในมือถืออีกครั้ง

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

9.กลับไปที่การแก้ไขไฟล์เว็บไชต์ Joomla3 ของเราเหมือนครั้งก่อน ไฟล์เว็บ index.php ในเทมเพลต protostar 

วิธีการเปลี่ยนสีพื้นหลังของปุ่ม MENU Dropdown Joomla3 แสดงผลบนหน้าจอมือถือ แท็บเล็ตฯลฯ

แก้ไขครั้งเดียวแล้วจะใช้ได้ตลอดไป 

ค้นหาโค้ดเว็บ ที่เขียนว่า .btn-primary แล้วเพิ่มคำสั่งลงไปต่อท้าย , .navigation a.btn ก็จะได้โค้ดชุใหม่ต่อท้ายเข้ามาดังภาพ

10. saveไฟล์เว็บแล้วค้นหาชื่อไฟล์เว็บที่ชื่อว่า template.cssจะอยู่เทมเพลต protostar ของเราอีกครั้ง จะพบว่าโค้ดเว็บเขียนคำสั่งเยอะแยะมากมาย แต่จะมีคำสั่งที่แก้ไขสีพื้นหลังปุ่มกดแค่บรรทัดเดียวคำสั่งอื่นอย่าไปยุ่งกับเค้า หากแม่มั่นใจโหลดไฟล์เว็บ template.css ลงเครื่องไว้ก่อน แล้วทำการแก้ไขโค้ดสี จากนั้นบันทึก Save ออกมาดูเว็บไชต์ของเราในมือถือ แท็บเล็ตก็จะเปลี่ยนไปตามที่เราแก้ไขทันที

ปุ่มเมนู Dropdown ไอคอนบนเว็บไชต์ Joomla3 แสดงผลออกมาให้เห็นเมื่อเปิดดูเว็บไชต์ในมือถือหรืออุปกรณ์ ITได้ทุกประเภท และจะซ่อนเมนูทุกเมนูภายใต้ ปุ่มเมนูไอคอน Dropdown เท่านั้น หากไม่ต้องแสดงเมนูปุ่มไอคอน Dropdown  ก็สามารถลบทิ้งได้เช่นกัน โดยการลบคำสั่ง หมายเลข 6 ตามภาพด้านบนทิ้งไป แล้วตั้งค่าโมดูล Menu Meanager ให้อยู่ตำแหน่ง Position P0 ขวาบนสุดเว็บไชต์ Joomla3 เมนูทั้งหมดจะปรากฎแทนที่ ปุ่มเมนู Dropdown ไอคอนแทนทันที

Remove Back to Top ลบปุ่มย้อนกลับหน้าเว็บไชต์ Joomla3

ลบปุ่มสไลด์หน้าเว็บหรือปุ่มคลิกเลื่อนท้ายเทมเพลตกลับไปทางด้านบนเว็บไชต์ Joomla-3 ในเทมเพลต Photostra ซึ่งสามารถลบทิ้งไปเลยแล้วติดตั้งในภายหลังในแบบส่วนเสริม ปลักอิน Joomla

บทความสอนวิธีการ ลบปุ่มและข้อความ Back to Top Joomla-3 เทมเพลต Photostra ด้วยการแก้ไขไฟล์เว็บซึ่งมีวิธีการดังต่อไปนี้

1.คลิกเข้าสู่พื้นที่เว็บไชต์ joomla3 ของเราด้วย FTP
2.คลิกเข้าสู่เว็บไชต์Joomla3ผ่าน โดเมนดังภาพ เช่น /domains/ชื่อโดเมนเรา/public_html/templates/protostar/
ค้นหาไฟล์เว็บไชต์ ที่ชื่อ index.php

3.คลิกขวาไฟล์เว็บ index.php เพื่อแก้ไข ผู้เขียนใช้ Dreamweave ใช้งานง่ายสะดวกมาก แล้วค้นหาโค้สที่เขียนว่า TPL_PROTOSTAR_BACKTOTOP ซึ่งจะอยู่บรรทัด 212 ใส่เครื่องหมายปิดหัวท้ายเพื่อปิดคำสั่งนี้ทันที <!--  -->

4.save ไฟล์เว็บไชต์ index.php ของโปรแกรม Dreamweave แล้วดูผลหน้าเว็บไชต์ Joomla ของเรา คำสั่ง Back to Top หายไปแล้ว
5.ทำการติดตั้ง ปลักอิน Scroll to Top  For Joomla 3.0ใน Joomla ตามปกติแล้วเปิดใช้

6.ทำการปรับแต่ง ปลักอิน Skyline Scroll To Top โดยสามารถใส่ภาพ Icon Scroll แทนข้อความ ปรับแต่งเลือกสีเปลี่ยนสีพื้นของความ ปลักอิน Skyline Scroll To Top ตามความต้องการ แล้วบันทึกดูผลงาน

ดาวน์โหลดคลิบวีดิโอในTwitterด้วยเครื่องคอมPCคลิบของดีรอคุณอยู่นะ

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

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

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

บทความสอนวิธีการ โหลดลิบวิดีโอที่เผยแพร่บน Twitter เครือข่ายสังคมออนไลน์ที่กำลังได้รับความนิยมที่สุด

1.พิมพ์คำค้นที่ต้องการ ใน Google ต่อท้ายด้วยคำว่า ทวิตเตอร์
ตัวอย่าง ผู้เขียน ค้นหาคำว่า ลดความอ้วนทวิตเตอร์ แล้วดูผลลัพธ์การค้นหา

2.คลิกลิงค์ตามภาพ #ลดความอ้วนhashtag on Twitter จะเจอวีดิโอพร้อมการเล่น จากนั้นคลิกขวาในตัววีดิโอ 1ครั้ง เพื่อเตือน สถาณะ Copy Vedio Address ของวีดีโอนี้ และคลิกซ้าย1ครั้ง นั่นคือการ Copy Vedio

3.เข้าเว็บไชต์ที่ชื่อ ดาวน์โหลดวีดิโอ- Twitter ตามภาพด้านล่าง แล้วป้อน URL วีดิโอ ทวิตเตอร์ มือสักครู่นี้ โดยการคลิกขวาเมาส์1ครั้งแล้วคลิกซ้าย1ครั้งในช่องป้อน URL วีดิโอ ทวิตเตอร์

4.คลิกปุ่มดาวน์โหลดแท็ปด้านล่าง เลือกแบบ MP4HD ดีที่สุดแนะนำ ระบบจะทำการดาวน์วีดิโอที่ต้องการมาเก็บไว้ในเครื่องคอมพิวเตอร์PCของเรา เพื่อรอการเล่น เป็นอันใช้ได้

ตั้งค่าแสดงบทความหน้าแรก แบบผสมบทความหมวดหมู่ในJoomla3x

บทความสอนวิธีการ ตั้งค่าแสดงบทความหน้าแรก แบบผสมบทความในแต่ละหมวดหมู่จูมล่า เพื่อเผยแพร่บทความหน้าแรก โดยการตั้งค่าเมนูหน้าแรก มีขั้นตอนง่ายๆดังนี้

เข้าสู่ผู้ดูแลระบบจูมล่า Administrator
แผงควบคุม คอลโทรลพาเนล จูมล่าทั้งหมดจะอยู่หน้านี้ ทำตามขั้นตอนได้เลย
1.คลิก>>แท็บเมนูเลือก>>Main menu

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

2. แสดงความสำพันธ์ ระหว่างหน้าเว็บไชต์ เมนูหน้าแรก และหลังเว็บไชต์ หน้าแรก คือเมนูเดียวกัน ผู้เขียนสร้างไว้เรียบร้อยแล้ว แต่ลองคลิกเข้าไปดู เมนูนี้ก่อน

3.แสดงแท็บการตั้งค่าเมนูหน้าแรก แท็ปรายละเอียด คลิก3.>>ปุ่มเลือก
4.คลิก.>>เลือกเมนู เนื้อหา
5.คลิก>>เลือกชนิดเมนูแบบ เนื้อหาเด่น ระบบจะพาไปสู่หน้าจอเดิมอีกครั้ง

หน้าจอแท็ป การตั้งค่า เมนูหน้าแรก 

6.ตัวเลือกเค้าโครงเมนู หน้าแรก สำคัญมากที่สุด

7.เลือกหมวดหมู่ คลิก>>เลือกหมวดหมู่ทั้งหมด ซึ่งหมายความว่า บทความในทุกหมวดหมู่ เมนูหน้าแรก ยอมรับให้สามารถใช้งานร่วมกันได้ มีกี่หมวดหมู่ก็ได้ มีกี่บทความก็ได้

8.บทความนำ ใส่เลข1 หากไม่ใส่ระบบจะตั้งเป็นค่าพื้นฐาน เนื้อหาลอง ใส่เลข5 หน้าแรกเว็บไชต์ กำหนดให้แสดงบทความ5 บทเท่านั้น หรือมากกว่านั้นก็ได้เช่นกัน คอลัมน์ ใส่เลข1 คือบทความแถวเดียงเรียงต่อๆลงมา ลิงก์ใส่เลข 0 หากบทความมีไม่มาก 

9.ลำดับหมวดหมู่ เลือกแบบ เรียงตามชื่อซึ่งหมายความว่า รายชื่อหมวดหมู่ทุกหมวดหมู่ที่สร้างขึ้น สามารถใช้งานร่วมกับเมนูหน้าแรกแบบเนื้อหาเด่น และการเรียงลำดับเนื้อหา กำหนดให้ ใช้ค่าพื้นฐาน ล่าสุดก่อน เมื่อเผยแพร่บทความให้กำหนดเงื่อนไขลำดับวันที่นั่นเอง

10.คลิกปุ่ม>>บันทึกปิด เป็นอันเสร็จตั้งค่าเมนู หน้าแรก แบบเนื้อหาเด่น

ตั้งค่าเงื่อนไข การแสดงผลบทความทุกบทความ

การตั้งค่าบทความ คล้ายๆกับการกำหนดเงือนไขของบทความแต่ละบท ว่าต้องการเผยแพร่วันที่เท่าไร สิ้นสุดการเผยแพร่บทความวันไหน

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

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