สกลนครไกด์.คอม

การใช้ Sticky menu ก็คือการทำให้เมนูเลื่อนตามหน้าเว็บ

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

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

myStickymenu

เป็นปลั๊กอินที่ใช้ง่ายมากๆ สำหรับบางธีมเช่น Astra ที่เรามักมาใช้ร่วมกับ Elementor ซึ่งหากออกแบบสวยๆ ก็แทบจะไม่ต้องเสียเงินซื้อธีมเพิ่มแล้ว

การใช้งานปลั๊กอินก็ง่ายมาก หลังจาก Activate ก็ไปที่เมนู myStickymenu > Settings

หากเราต้องการที่จะทำเมนูเลื่อนตามหน้า ก็สามารถที่จะคลิกเลือกเมนูในช่องด้านซ้ายได้เลยตรง Other CLass Or ID ก็ให้เลือกเมนูที่เราใช้งานอยู่ หรือเลือกเป็น Other Class Or ID แล้วใส่ CSS Class หรือ ID ที่เราต้องการ ในช่องด้านขวา

ในส่วนของ Settings นั้น เรายังสามารถกำหนดอย่างอื่นได้อีก เช่น

Disable at Small Screen Sizes – กำหนดให้ไม่ต้องทำงานในหน้าจอขนาดที่เล็กกว่าที่กำหนด

Fade or slide effect – เลือกเอฟเฟคว่าจะให้เป็นแบบสไลด์ลง หรือแบบเฟด

Make visible on Scroll – การให้มันซ่อนไปก่อน จนกว่าจะเลื่อนลงไปถึงตำแหน่งที่เราระบุถึงจะมีเมนูเด้งขึ้นมาและเลื่อนตามไปเรื่อยๆ โดยกำหนดเป็น pixel

Sticky Opacity – ความโปร่งใส

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

ขอบคุณข้อมูล https://www.wpthaiuser.com/sticky-anything/

Exit mobile version
  • https://ilkom.umuka.ac.id/
  • https://fkp.umuka.ac.id/
  • https://repository.stimaimmi.ac.id/
  • https://bpma.stimaimmi.ac.id/
  • https://rapat.alkhoziny.ac.id/
  • https://sipet.gunungmaskab.go.id/
  • https://hki.alkhoziny.ac.id/
  • https://sirbt.puskesmasciracas.com/
  • https://spmi.stimaimmi.ac.id/
  • https://sastrainggris.ipbcirebon.ac.id/
  • https://upt-tipd.iaincurup.ac.id/thai/
  • https://ais.stimaimmi.ac.id/
  • https://upt-tipd.iaincurup.ac.id/
  • https://library.stieppi.ac.id/
  • https://prodi.sisteminformasi.global.ac.id/
  • https://uptb.iaincurup.ac.id/
  • https://spmi.stieppi.ac.id/
  • https://tkjakartatimur.khoiruummah.id/mahjong/
  • https://tkjakartatimur.khoiruummah.id/qris/
  • https://sdsumedang.khoiruummah.id/smahjong/
  • https://sukabumi.khoiruummah.id/sdana/
  • https://acteaweb.org/bet400/
  • https://acteaweb.org/pulsa/
  • https://journal.literasihukum.com/mahjong/
  • https://journal.literasihukum.com/qris/
  • https://bandar168.store/
  • https://www.giathinhphatinterior.com/
  • https://www.okethelabel.com/
  • https://journal.moseskotaneinstitute.com/nas/liga367-pola-rtp/
  • https://my-klasiber.polhas.ac.id/sj/
  • https://international.unitomo.ac.id/wp-content/languages/hl/
  • https://bpm.unitomo.ac.id/wp-content/uploads/yi/
  • https://library.stieppi.ac.id/stam/
  • https://sastrainggris.ipbcirebon.ac.id/slsa/
  • https://prodi.sisteminformasi.global.ac.id/sris/
  • https://jurnal.fpok.upgripnk.ac.id/public/sloto/
  • https://ejournalperawat.poltekkes-kaltim.ac.id/sesmi/
  • https://library.stieppi.ac.id/xthailand/
  • https://sastrainggris.ipbcirebon.ac.id/xmahjong/
  • https://prodi.sisteminformasi.global.ac.id/xpulsa/
  • https://jurnal.fpok.ikippgriptk.ac.id/public/xqris/
  • https://ejournalperawat.poltekkes-kaltim.ac.id/xdana/
  • https://sumateraconnect.or.id
  • https://pt-ads.co.id/
  • https://bandungprecast.com/
  • https://jasaaspalhotmixbandung.my.id/
  • https://tjvs.tu.edu.iq/
  • https://ojs.al-adab-journal.com/
  • https://insightfuljournals.com/
  • https://interaction.id/
  • https://satpolpp.inhilkab.go.id/sthailand/
  • https://satpolpp.inhilkab.go.id/smahjong//
  • https://my-klasiber.polhas.ac.id/xthailand/
  • https://my-klasiber.polhas.ac.id/xmahjong/
  • https://my-klasiber.polhas.ac.id/slqris/
  • https://my-klasiber.polhas.ac.id/schitam/
  • https://satpolpp.inhilkab.go.id/scahitam/
  • https://satpolpp.inhilkab.go.id/slopulsa/
  • https://satpolpp.inhilkab.go.id/sloqris/
  • stmedj.com
  • inmovil.org
  • journal.fisil.ubhara.ac.id
  • https://egyptscholars.org//
  • Slot Thailand
  • Thailand Slot
  • Slot Deposit Pulsa 10k
  • Slot
  • https://egyptscholars.org/slot-thailand/
  • Slot Thailand
  • Thailand Slot/
  • Slot
  • Slot Deposit Pulsa 10k
  • Slot Maxwin
  • https://v2.stieputrabangsa.ac.id/nity/
  • https://siakad-pben.unida-aceh.ac.id/infy/
  • https://ct.pt-sultra.go.id/site/
  • https://ct.pn-probolinggo.go.id/file/
  • https://sipp.pa-bawean.go.id/site/