fbpx
  • หน้าบ้าน
  • คอร์สเรียน
    • E-commerce
    • Line OA & MyShop
      • LINE Official Account Course
    • Facebook Ads
    • Google Ads
  • Ads
    • Facebook
    • Line
    • YouTube
  • TOP View
    • มือใหม่หัดเล่น WordPress
    • SEO Tool
    • LINE
    • Marketing Tool
  • WordPress
    • WordPress
    • Plugin
    • Theme
  • Software
    • Microsoft
      • Microsoft Office
    • Google
    • Adobe
  • LIVE Style
No Result
View All Result
Zenkoy
  • หน้าบ้าน
  • คอร์สเรียน
    • E-commerce
    • Line OA & MyShop
      • LINE Official Account Course
    • Facebook Ads
    • Google Ads
  • Ads
    • Facebook
    • Line
    • YouTube
  • TOP View
    • มือใหม่หัดเล่น WordPress
    • SEO Tool
    • LINE
    • Marketing Tool
  • WordPress
    • WordPress
    • Plugin
    • Theme
  • Software
    • Microsoft
      • Microsoft Office
    • Google
    • Adobe
  • LIVE Style
Zenkoy
  • หน้าบ้าน
  • คอร์สเรียน
    • E-commerce
    • Line OA & MyShop
      • LINE Official Account Course
    • Facebook Ads
    • Google Ads
  • Ads
    • Facebook
    • Line
    • YouTube
  • TOP View
    • มือใหม่หัดเล่น WordPress
    • SEO Tool
    • LINE
    • Marketing Tool
  • WordPress
    • WordPress
    • Plugin
    • Theme
  • Software
    • Microsoft
      • Microsoft Office
    • Google
    • Adobe
  • LIVE Style
Zenkoy
No Result
View All Result
ปลั๊กอิน ScrollSequence สร้างแอนิเมชั่นหน้าเว็บ สวยตาแตก

ปลั๊กอิน ScrollSequence สร้างแอนิเมชั่นหน้าเว็บ สวยตาแตก

THEZEN by THEZEN
กรกฎาคม 10, 2021
Reading Time: 2 mins read
0

Table of Contents

  1. รีวิวที่ดีนั้นควรมีราคา
  2. ScrollSequence Pro VS Business
  3. ตัวอย่างและหลังบ้านให้ลองเล่น!
  4. MAIN FEATURES
  5. การติดตั้ง Scrollsequence
    1. แสดงความเห็น

เรามักจะคุ้นเคยกับการสร้างหน้าเว็บโดยใช้พื้นหลังแบบ Parallax Scrolling หรือ Add-On บางตัวจะมี Auuto moving ใช้คู่กับ Parallax & mouse follow เพื่อสร้าง multi layer images ที่เกิดเป็นแอนิเมชั่นภาพเคลื่อนไหว แต่ในบทความนี้จะแนะนำปลั๊กอินที่ชื่อ Scrollsequence – Cinematic Scroll Image Animation Plugin

ScrollSequence ใช้หลักการเดียวกับ Stop Motion Animation ทำให้เราสร้างภาพเคลื่อนไหวได้ดังใจยิ่งขึ้น แบรนด์ดังๆอย่าง SONY,Apple ชอบให้วิธีนี้บนเว็บไซต์ในการโปรโมทสินค้า

รีวิวที่ดีนั้นควรมีราคา

ตอนนี้ทางผู้สร้างปลั๊กอินเปิดให้ใช้งงานอยู่ 3 แบบด้วยกันคือ Free, PRO และ BUSINESS plans.

  1. ScrollSequence Free
  2. ScrollSequence Pro Trial 14 Day
  3. ScrollSequence Pro Lifetime
    ราคา $149.99 ต่อ 1 เว็บ ต้องซื้ออย่างน้อยครั้งละ 10 เว็บ
    $149.99 x 10 Site = 1,499.90 ลด 55% เหลือ $659.99
  4. ScrollSequence Business Lifetime
    ราคา $449.99 ต่อ 1 เว็บ ต้องซื้ออย่างน้อยครั้งละ 10 เว็บ
    $449.99 x 10 Site = 4,499.90 ลด 53% เหลือ $2,069.99 

Scrollsequence Pro Price

ScrollSequence Pro VS Business

ในรุ่น Pro กับ Business  ต่างกันที่ Business จะเพิ่มบริการเข้ามาอีก 2 อย่างคือ Success Manager service และ customization pack

  1. Personal Success Manager
  2. Setup and Customization Package

 

Scrollsequence PRO 1

ตัวอย่างและหลังบ้านให้ลองเล่น!

  • สามารถดูตัวอย่างได้ที่ examples บนเว็บไซต์ผู้สร้างปลั๊กอิน
  • มีหลังบ้านให้ลองเล่นก่อนตัดสินใจซื้อ live demo
  • เอกสารคู่มือการตั้งค่าใช้งาน documentation

 

Scrollsequence PRO interface full page image scroll

MAIN FEATURES

  •  เนื้อหาที่สร้างเป็นมิตรกับ SEO
  • แบ็กเอนด์อัปโหลดสื่อลงแกลเลอรี เลือก
  • ลากและวางการเรียงลำดับของรูปภาพใหม่ หน้าเพจ และภาพเคลื่อนไหว
  • รองรับ Elementor,Divi,Oxygen,Beaver
  • รองรับ Chrome,iOS (Safari),Firefox,Android,IE,Edge
  • มี preloading และ caching engine
  • เทคโนโลยี HTML5 Canvas image draw
  • การแสดงผลแบบ Responsive กำหนดขนาดและการจัดตำแหน่งได้
  • การตั้งค่าความทึบของภาพและสีพื้นหลังได้
  • แสดงภาพเคลื่อนไหวบนหน้าเว็บแบบการโหลด ทีละฉากๆ
  • มีเครื่องมือแก้ไข WYSIWYG พร้อมกับ shortcode และ oEmbed
  • HTML elements ให้เกิดแอนิเมชั่นสกอร์เมาส์
  • ตั้งค่าความเร็วของแอนิเมชั่นลำดับการเลื่อนได้
  • มีตัวเลือกเมื่อผู้ใช้ปิดการใช้งาน Javascript
  • ตัวเลือกการ ซ่อน/แสดง footer/sidebar
  • รองรับ Native WordPress shortcode

 

การติดตั้ง Scrollsequence

เนื่องจาก Scrollsequence เป็นปลั๊กอิน ดังนั้นจึงต้องติดตั้ง WordPress บน server ของเราซะก่อน

1. Download and Installation
ดาวน์โหลดพร้อมกับทำการติดตั้ง Scrollsequence บนโฮสติ้ง และ activate เปิดใช้งานด้วย Licence key

2. Prepare a Motion Picture
เตรียมรูปภาพ วิดีโอ หรือ 3D animation ของเราให้พร้อม Scrollsequence ต้องการไฟล์ภาพเท่านั้น หากเรามีวิดีโอ ต้องทำการแคปเจอร์ หรือส่งออกมาเป็น frames หลายภาพ ปรับขนาดภาพให้เหมาะสมตามที่ต้องการ เพื่อลดการโหลดไฟล์ที่ใหญ่ แล้วมาสร้างเป็น Animation ผ่าน Scrollsequence

3. Upload Images and Create Content
อัปโหลดรูปภาพไปยังแกลเลอรีสื่อใน WordPress admin จากนั้นเพิ่มรูปภาพไปยัง Scrollsequence จะมีตัวแก้ไข WYSIWYG และ Animation engine ในตัว เพื่อสร้างแอนิเมชั่นโดยใช้เวลาไม่นาน!

 

 

Scrollsequence – Cinematic Scroll Image Animation Pluginสามารถดาวน์โหลดเวอร์ชั่นฟรีได้ที่….  Scrollsequence – Cinematic Scroll Image Animation Plugin

Website : https://scrollsequence.com

Facebook : https://www.facebook.com/scrollsequence

แสดงความเห็น

ความเห็น

Previous Post

LINE MyShop คืออะไร สมัครยังไง ฟรี! ไหม?

Next Post

Top Website Speed Test

THEZEN

THEZEN

ผู้ค้นพบความสุขในชีวิตได้ตลอดเวลา ทำตัวเองให้มีความสุกกับทุกสิ่งที่เข้ามาในชีวิต

Related Posts

Theme

Review Astra Theme Header Builder Menu

ธันวาคม 23, 2022
0
Review ProductX WooCommerce Builder
Lifetime Deal

Review ProductX WooCommerce Builder

ธันวาคม 22, 2022
0
Plugin

แก้ URLs ภาษาไทยใน wordpress ให้ยาวขึ้น

ธันวาคม 9, 2022
0
Live Copy Paste Elementor
Plugin

Live Copy Paste Elementor

พฤศจิกายน 25, 2022
0
รวม Email Marketing Platform 2022
Plugin

Email Marketing WordPress

ธันวาคม 17, 2022
0
review HappyMonster WordPress Plugin
Website

review HappyMonster WordPress Plugin

พฤศจิกายน 19, 2022
0
Next Post
ทำยังไงให้เว็บ WordPress โหลดเร็ว 100/100

Top Website Speed Test

  • Zenkoy คือใคร?
  • ห้องวิจัยส่วนตัว
  • My Future: My Life

© 2020 ผมชื่อเซน Blog เล็กๆของเด็กคอมคนนึง THEZEN . | เว็บนี้ใช้ธีม JNews

No Result
View All Result
  • หน้าบ้าน
  • คอร์สเรียน
    • E-commerce
    • Line OA & MyShop
      • LINE Official Account Course
    • Facebook Ads
    • Google Ads
  • Ads
    • Facebook
    • Line
    • YouTube
  • TOP View
    • มือใหม่หัดเล่น WordPress
    • SEO Tool
    • LINE
    • Marketing Tool
  • WordPress
    • WordPress
    • Plugin
    • Theme
  • Software
    • Microsoft
      • Microsoft Office
    • Google
    • Adobe
  • LIVE Style

© 2020 ผมชื่อเซน Blog เล็กๆของเด็กคอมคนนึง THEZEN . | เว็บนี้ใช้ธีม JNews

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

ตั้งค่า ไม่ยอมรับ ยอมรับ
ตั้งค่าความเป็นส่วนตัว

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

ยอมรับทั้งหมด
จัดการความเป็นส่วนตัว
  • เปิดใช้งานตลอด

บันทึกการตั้งค่า
ตั้งค่าความเป็นส่วนตัว