สร้าง Popup images ใน Article ด้วย Mavik Thumbnails

Tag :

สร้าง Popup images ใน Article ด้วย Mavik Thumbnails   
   สวัสดีครับ หลังจากที่หายไปหลายวัน วันนี้พอมีเวลา เลยอยากเขียนบทความจูมล่า! ขึ้นมาสักหน่อย โดยนึกถึงตัว Extension ของ Joomla ที่น่าจะมีติดไว้ใช้ในทุกๆ เว็บที่เราทำขึ้นมา ก็เลยนึกไปถึงเจ้า Plugin ตัวหนึ่ง ที่อยู่มานานมากแล้ว แต่ยังมีความสำคัญไม่น้อยในการย่อ-ขยาย รูปภาพในบทความของเรา พูดแบบนี้เพื่อนๆ คงร้อง อ๋อ กันแล้วใช่ไหมครับ เอาเป็นว่าเราไปรู้จักเจ้า Plugin ตัวนี้กันดีกว่า ตามมาเลยครับ


ชื่อ Extension :
MavikThumbnails
ผู้ผลิต : http://mavik.com.ua/
ตัวอย่าง : JoomlaHItz.com
ดาวน์โหลด : http://extensions.joomla.org/extension/mavik-thumbnails 

   เจ้า Plugin ตัวนี้มีชื่อว่า mavikThumbnails ซึงเป็น Plugin เก่าเก็บเลยก็ว่าได้ เราๆ คงทราบกันดีอยู่แล้วว่าหน้าที่หลักของเขาก็คือ การย่อ-ขยาย ขนาดรูปในบทความของเรา ให้เป็นแบบ Popup นั้นเอง แต่ใครจะรู้ไหมครับว่าจริงๆ แล้ว เจ้า mavikThumbnails ยังสามารถช่วยทำให้รูปภาพเราในหน้า รายการ บทความ หรือหน้า Catagory Blog นั้น สามารถที่จะคลิ๊กรูปแล้วลิงค์เข้าสู่บทความได้เลย มันแจ่มมากเลยใช่ไหมละ เรามาดูการใช้งานกันก่อนดีกว่านะครับ
1.ให้เราทำการดาวน์โหลดตัว Joomla Plugin ตัวนี้มาก่อนนะครับ แล้วจากนั้นแตกไฟล์ออกมาก่อนนะครับ แล้วทำการติดตั้ง ที่ Manage แล้วเลือกไปที่ไฟล์ mavikthumbnails_Joomla_3.zip เพื่อทำการติดตั้ง ดังรูปที่.1

สร้าง Popup images ใน Article ด้วย Mavik Thumbnails

รูปที่.1

เมื่อเราติดตั้งเสร็จแล้ว ก็ให้เราไปที่ Plugin Manager (Menu Plugin) แล้วคลิ๊กไปที่ Plugin ที่ชื่อว่า Content - mAvik Thumbnails ดังรูปที่.2

สร้าง Popup images ใน Article ด้วย Mavik Thumbnails

รูปที่.2

จากนั้นเราก็จะเข้ามาในส่วนของ Plugins: Content - mAvik Thumbnails ซึ่งโดยปกติ เราก็แค่เปิดใช้งานเจ้า Plugin ตัวนี้เท่านั้นที่ Status ให้เป็น Enabled ดังรูปที่.3

สร้าง Popup images ใน Article ด้วย Mavik Thumbnails

รูปที่.3

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

1. กำหนดให้ทุกรูปที่มีการย่อขนาดในหน้า Content จะถูกปรับเป็นระบบ Zoom images แบบ Slimbox 2
2. กำหนดให้รูปแรกใน Intro Text ที่ไม่มีการปรับขนาด จะถูกกำหนดลิงค์ให้เข้าสู่ Full Text ทันที

ข้อ 2 นี่แหละที่ผมชอบมาก เพราะโดยปกติแล้วรูปที่เราใส่ใน Intro text นั้น (ก่อนเส้น Readmore) มันจะไม่มีลิงค์อะไรเลย ทำให้เวลาอ่านบทความ จำเป็นต้องกดที่ชื่อ บทความ หรือ ปุ่ม อ่านต่อ เท่านั้น แต่พอใช้งานเจ้า Plugin ตัวนี้ จะทำให้รูปแรกที่เราใช้นั้น กลายเป็นลิงค์เข้าสู่บทความได้เลย ดังรูปที่.4

สร้าง Popup images ใน Article ด้วย Mavik Thumbnails

รูปที่.4

ตอนนี้เราก็ปิดตัว Plugin กันได้แล้วนะครับ ต่อมาเราจะมาดูวิธีใช้กันนะครับ ซึ่งโดยปกติ เราจะใช้ในส่วน Content หรือ Article เป็นหลักนะครับ โดยให้เราสร้าง บทความขึ้นมานะครับ แล้วใส่รูปตามปกติ ดังรูปที่.5

สร้าง Popup images ใน Article ด้วย Mavik Thumbnails

รูปที่.5

   จะเห็นว่ารูปแรกที่ผมใช้นั้น ก่อนเส้น Readmore (เส้นประ สีแดง ที่เกิดจาการกดสร้าง Readmore จากปุ่มด้านล่างของ Editor) ผมจะไม่มีการย่อรูปนะครับ เราจะใช้ขนาดตามปกติของรูป ทีนี่ต่อมา ในรูปอื่นๆ ที่เราอยากจะให้เป็นรูป Zoom images ก็ให้เราทำการย่อ ดังรูปที่.6

สร้าง Popup images ใน Article ด้วย Mavik Thumbnails

รูปที่.6

โดยการคลิ๊กค้าง ลากย่อรูปได้เลยนะครับ จากนั้นก็ลอง Save แล้ว ไปดูที่หน้าเว็บไซต์ พอเราคลิ๊กที่รูปที่เราได้ทำการย่อไว้ เราก็จะได้ดังรูปที่.7

สร้าง Popup images ใน Article ด้วย Mavik Thumbnails

รูปที่.7

   เท่านี้เราก็จะได้ระบบ Zoom Image และรูปแรกที่เป็น Link to Full content ไว้ใช้งานแล้วนะครับ ไม่ได้ยุ่งยากอะไรเลย สำหรับเจ้า mavikThumbnails และคิดว่า ยังเป็น Plugin ที่ต้องใช้ไปอีกนานเลย และที่สำคัญคือ ไม่ค่อย งอแง ที่จะมีปัญหากับ Extension ตัวอื่นๆ เท่าไหรเลย ลองนำไปใช้กันนะครับ

 

 

ขอบคุณครับ
Webmaster JoomlaHitz.com (ริว)

รับทำเว็บไซต์  ดูแลเว็บไซต์  สอนทำเว็บไซต์ www.joomla-creative.com

 

 

Tag :

บทความอื่นๆ ที่น่าสนใจ

คุณอาจสนใจ

สถิติผู้เข้าชม

2.png3.png7.png6.png0.png8.png
Today96
Yesterday503
This week1353
This month6780
Total237608

ผู้เข้าชม

3
Online
22 สิงหาคม 2562