การปรับตั้งค่าสไลด์เลเยอร์-คู่มือการใช้ธีม Meestyle

หัวข้อกระทู้ ใน 'ความรู้ OpenCart' เริ่มโพสต์โดย jormthepcyber, 2 พฤศจิกายน 2017.

  1. jormthepcyber

    jormthepcyber Administrator Staff Member

    สมัครเมื่อ:
    16 ธันวาคม 2016
    ข้อความโพสต์:
    81
    คำชอบใจ:
    0
    ถ้วยรางวัลสะสม:
    6
    สไดล์เลเยอร์ออกแบบให้รูปภาพสไลด์แสดงแบบเลเยอร์ซ้อนกัน โดยสามารถใช้รูปภาพ ตัวหนังสือ หรือปุ่ม แสดงซ้อนกันเป็นชั้น ๆ เลเยอร์ โดยกำหนดการแสดงตามช่วงเวลาในการปรากฏของแต่ล่ะเลเยอร์

    เมนู > Meestyle Menu > ส่วนเสริม > สไลด์

    การตั้งค่า แบ่งออกเป็น 3 แท็ป

    แท็ปแรกการตั้งค่าทั่วไป ขนาดสไลด์จะต้องกำหนดค่าเท่ากับกรอบเว็บ เช่นธีมตั้งต้นที่มีกรอบกว้างเต็มหน้าจะอยู่ที่ 1280 หรือ หากใช้ธีมตั้งต้นที่มีแบนเนอร์ด้านข้าง ขนาดความกว้างสไลด์จะอยู่ที่ 750 px.
    ส่วนความสูงไม่ได้กำหนดตายตัว(ใช้ได้ตามความเหมาะสม)

    [​IMG][​IMG]


    [​IMG]

    แท็ป Google Font ฟอนต์ที่ใช้ประกอบในสไลด์สามารถนำ Font จาก Google Font สวย ๆ มาใช้งานได้โดยทำการเพิ่ม google font เข้ามาในระบบ
    แท็ป SlideShow Manager
    A. ทำการกดปุ่ม Add Slide จะเป็นการเพิ่มสไลด์
    B. ทำการกดปุ่ม Change Slide Background เพื่อเพิ่มพื้นหลัง เลเยอร์แรก
    2.1 ช่วงเวลาแสดงสไลด์ คือเวลาที่สไลด์ปรากฏ
    2.2 เอฟเฟ็คของสไลด์ใช้กำหนดรูปแบบกราปรากฏของพื้นหลัง(เลเยอร์แรกเท่านั้น)

    [​IMG]

    C. ทำการ Save (หรือ Save & Stay) ก่อนทุกครั้งเพื่อบันทึกการเปลี่ยนแปลง
    D. การเพิ่มรูปภาพ ข้อความหรือปุ่ม จะอยู่ทางขวามือ เพิ่มกดปุ่มเพิ่ม จะมีเลเยอร์ใหม่ปรากฏขึ้นพร้อม ๆ กันตามลูกศรชี้ ผู้ใช้งานสามารถกำหนดให้เลเยอร์ที่เพิ่มมาใหม่แสดงและซ่อนในช่วงเวลาใด โดยลากแถบสีน้ำเงิน (แถบสีเทาคือช่วงเวลาของสไลด์ทั้งหมด)
    F. การปรากฏและการหายไปของเลเยอร์สามารถกำหนดรูปแบบได้ว่า จะให้แสดงแบบใด เช่น ค่อย ๆ หล่นลงมา เป็นเส้นตรง หรือหล่นลงมาแบบหมุน ค่อย ๆ ปรากฏจากพื้นหลัง หรือ ค่อย ๆ จางหายออกไป
    [​IMG]


    **** ข้อแนะนำ เพื่อความกลมกลืนของรูปภาพที่ใช้เป็นเลเยอร์กับพื้นหลังควรทำเป็นภาพโปรงใสนามสกุล .png


    แบนเนอร์ข้างสไลด์ กรณีต้องการกำหนดให้มีแบนเนอร์ข้างสไลด์

    1 แบนเนอร์ กำนหดให้ความสุงเท่าสไลด์ ความกว้างออกแบบที่ 375 px.

    [​IMG]

    2 แบนเนอร์ กรณีใช้ 2 แบนเนอร์ข้างสไลด์ ความสูงของแต่ล่ะแบนเนอร์ ให้ออกแบบที่ความสูง
    เป็นครึ่งหนึ่งของสไลด์ เช่น สไลด์สูง 800 px. แบนเนอร์ต้องออกแบบให้สูงที่ 400 px.

    [​IMG]
    วิธีนำแบนเนอร์มาแสดงข้างสไลด์

    แบนเนอร์ข้างสไลด์สามารถดึงมาแสดงได้จากเมนู

    Meestyle Menu > ส่วนเสริม > ป้ายโฆษณาข้างสไลด์

    ใน Drop Down จะแสดงชื่อป้ายโฆษณาที่ได้สร้างเอาไว้ในระบบทั้งหมด ให้ทำการเลือกจากลิสต์รายการและทำการเปิดใช้งาน(หรือปิดใช้งานหากไม่ต้องการให้แสดง)

    หากยงไมไ่ด้สร้างลิสต์รายการป้ายโฆษณา จะต้องไปทำการสร้างไว้ก่อนที่เมนู
    การออกแบบ > ป้ายโฆษณา โดยทำการ upload รูปภาพแบนเนอร์และตั้งชื่อให้สอดคล้อง เพื่อสะดวกในการเรียกใช้จากชื่อ

    [​IMG]


    ตัวอย่างสไลด์แบบต่าง ๆ และการปรับตั้งค่า

     
    แก้ไขล่าสุดเมื่อ: 3 พฤศจิกายน 2017

แบ่งปันหน้านี้