seljeVisitorsFlags

ຄຳອະທິບາຍ

seljeVisitorsFlags ຊ່ວຍໃຫ້ທ່ານສະແດງທຸງຊາດໄດ້ທຸກບ່ອນໃນເວັບໄຊ WordPress ຂອງທ່ານໂດຍໃຊ້ຊອດໂຄ້ດແບບງ່າຍໆ. ມັນເໝາະສຳລັບການສະແດງປະເທດທີ່ທ່ານເຄີຍໄປ, ສະແດງໃຫ້ເຫັນວ່າຜູ້ເຂົ້າຊົມມາຈາກໃສ, ຫຼື ເພີ່ມຄວາມເປັນສາກົນໃຫ້ກັບໜ້າ Landing Page, ແຖບຂ້າງ (Sidebar), ແລະ ສ່ວນເນື້ອຫາຕ່າງໆ.

ຫຼັງຈາກເປີດໃຊ້ງານແລ້ວ, ໃຫ້ໄປທີ່ ເຄື່ອງມື → seljeVisitorsFlags ເພື່ອເລືອກປະເທດທີ່ຈະສະແດງ, ຈັດລຽງລຳດັບ, ແລະ ຕັ້ງຄ່າການສະແດງຜົນເລີ່ມຕົ້ນ. ເມື່ອບັນທຶກແລ້ວ, ທ່ານສາມາດສະແດງທຸງດ້ວຍຊອດໂຄ້ດເລີ່ມຕົ້ນ:

[seljev_flags]

ທ່ານຍັງສາມາດສ້າງຊອດໂຄ້ດທີ່ປັບແຕ່ງເອງໄດ້ໂດຍໃຊ້ແຖບ Shortcode Builder ທີ່ມີມາໃຫ້, ເຊິ່ງຈະຊ່ວຍສ້າງຮູບແບບທີ່ແຕກຕ່າງກັນສຳລັບແຕ່ລະໜ້າ ໂດຍບໍ່ຈຳເປັນຕ້ອງຈື່ທຸກພາລາມິເຕີ.

ຕົວເລືອກການສະແດງຜົນໜ້າເວັບລວມມີ ແບບລາຍຊື່/ຕາຕະລາງຄົງທີ່ ແລະ ແບບແຖບເລື່ອນຕໍ່ເນື່ອງ (Ticker). ໂໝດແຖບເລື່ອນຖືກອອກແບບມາໃຫ້ເບິ່ງລຽບນຽນ ແລະ ທັນສະໄໝ ໂດຍທີ່ຍັງຄຳນຶງເຖິງປະສິດທິພາບ: ການເຄື່ອນໄຫວຈະຢຸດຊົ່ວຄາວເມື່ອມັນບໍ່ໄດ້ຢູ່ໃນໜ້າຈໍ ຫຼື ເມື່ອແທັບບຣາວເຊີຖືກເຊື່ອງໄວ້.

ປລັກອິນນີ້ລວມມີຕົວເລືອກການສະແດງຜົນທີ່ຫຼາກຫຼາຍເພື່ອໃຫ້ເຂົ້າກັບເວັບໄຊຂອງທ່ານ: ທັງຂະໜາດ, ໄລຍະຫ່າງ, ການຈັດວາງ, ແລະ ການສະແດງຊື່/ຄຳອະທິບາຍ. ຮູບທຸງມີການກຳນົດຂະໜາດທີ່ຊັດເຈນເພື່ອຫຼຸດການເຄື່ອນຍ້າຍຂອງເລເອົາ (Layout Shift) ໃນຂະນະທີ່ກຳລັງໂຫຼດ ເພື່ອໃຫ້ໜ້າເວັບມີຄວາມໝັ້ນຄົງ.

ການເຂົ້າເຖິງ ແລະ ຄວາມງ່າຍໃນການໃຊ້ງານຂອງຜູ້ດູແລກໍໄດ້ຮັບການເອົາໃຈໃສ່: ຄຳອະທິບາຍ (Tooltip) ຮອງຮັບການໃຊ້ຄີບອດໂຟກັສ, ແລະ ຕົວເລືອກປະເທດມີການຕອບສະໜອງທີ່ຊັດເຈນ (ລວມທັງຕົວເລກສະແດງຈຳນວນທີ່ເລືອກແບບສົດໆ). ທ່ານສາມາດເລືອກທຸກປະເທດໄດ້ຢ່າງໄວວາ, ໃຊ້ຄ່າທີ່ຕັ້ງໄວ້ສຳລັບ EU/EEA, ລ້າງການເລືອກທັງໝົດພ້ອມການຢືນຢັນ, ແລະ ຍົກເລີກການລ້າງຂໍ້ມູນໄດ້ຫາກທ່ານກົດຜິດ.

ບໍ່ວ່າທ່ານຈະຕ້ອງການແຖວທຸງທີ່ສະອາດຕາ, ຕົວເລື່ອນເຄື່ອນໄຫວທີ່ສວຍງາມ, ຫຼື ສ່ວນ “ລາຍຊື່ປະເທດ” ແບບງ່າຍໆ, seljeVisitorsFlags ຊ່ວຍໃຫ້ການຕັ້ງຄ່າໄວ ແລະ ສະແດງຜົນໄດ້ຍືດຍຸ່ນ ໂດຍບໍ່ຕ້ອງໃຊ້ Page Builder ຫຼື ຂຽນໂຄ້ດເອງ.

ເຫັນວ່າປລັກອິນຟຣີນີ້ມີປະໂຫຍດບໍ່? ກະລຸນາສະໜັບສະໜູນການພັດທະນາຂອງຂ້ອຍໂດຍການ ບໍລິຈາກຄັ້ງດຽວ (50% ຂອງລາຍໄດ້ຈະມອບໃຫ້ຢູເຄຣນ).

ຄຸນສົມບັດຫຼັກ

• ເລືອກປະເທດຈາກລາຍຊື່ທີ່ສາມາດຄົ້ນຫາໄດ້
• ລາກ ແລະ ວາງ ເພື່ອຈັດລຳດັບປະເທດທີ່ເລືອກໃໝ່
• ການຈັດການແບບກຸ່ມ: ເລືອກທັງໝົດ, ເລືອກ EU, ເລືອກ EEA
• ໂໝດສະແດງຜົນແບບຄົງທີ່ ແລະ ແບບແຖບເລື່ອນ/ຕົວເລື່ອນຕໍ່ເນື່ອງ
• ເຄື່ອງມືສ້າງຊອດໂຄ້ດ ເພື່ອໃຫ້ປັບແຕ່ງຊອດໂຄ້ດໄດ້ງ່າຍ
• ຮອງຮັບການໂຟກັສຄຳອະທິບາຍ (Tooltip) ດ້ວຍຄີບອດ
• ຕົວເລື່ອນທີ່ເປັນມິດກັບປະສິດທິພາບ (ຢຸດເມື່ອບໍ່ໄດ້ຢູ່ໜ້າຈໍ / ເຊື່ອງແທັບ)
• ຫຼຸດການເຄື່ອນຍ້າຍຂອງເລເອົາໂດຍການກຳນົດຂະໜາດຮູບພາບທີ່ຊັດເຈນ

ເຫັນວ່າປລັກອິນຟຣີນີ້ມີປະໂຫຍດບໍ່? ກະລຸນາສະໜັບສະໜູນການພັດທະນາຂອງຂ້ອຍໄດ້ໂດຍການ ບໍລິຈາກ.

ເອກະສານແນະນຳ

ເລີ່ມຕົ້ນໃຊ້ງານ (ໜ້າຜູ້ດູແລ)

ຫຼັງຈາກເປີດໃຊ້ງານປລັກອິນແລ້ວ, ໃຫ້ໄປທີ່:

ເຄື່ອງມື -> seljeVisitorsFlags

ທ່ານຈະເຫັນມີ 4 ແຖບ:

• ປະເທດ
• ການຕັ້ງຄ່າ
• ຊອດໂຄ້ດ (Shortcodes)
• ຕົວຢ່າງ

ແຖບປະເທດ (ເລືອກທຸງທີ່ຈະສະແດງ)

1. ໃຊ້ຊ່ອງຄົ້ນຫາເພື່ອຫາປະເທດໄດ້ຢ່າງໄວວາ.
2. ກົດທີ່ປະເທດເພື່ອເພີ່ມລົງໃນ ປະເທດທີ່ເລືອກ.
3. ໃນສ່ວນ ປະເທດທີ່ເລືອກ, ໃຫ້ລາກເພື່ອຈັດລຳດັບທຸງໃໝ່ (ສິ່ງນີ້ຈະສົ່ງຜົນຕໍ່ລຳດັບການສະແດງຜົນ).
4. ໃຊ້ການຈັດການແບບກຸ່ມຫາກຈຳເປັນ:
   • ເລືອກທັງໝົດ
   • ເລືອກ EU
   • ເລືອກ EEA
   • ລ້າງທັງໝົດ
5. ກົດ ບັນທຶກການປ່ຽນແປງ ເມື່ອສຳເລັດ.

ຄຳແນະນຳ: ຖ້າທ່ານບໍ່ເລືອກປະເທດໃດເລີຍ, ຊອດໂຄ້ດອາດຈະບໍ່ສະແດງຜົນຫຍັງ.

ແຖບການຕັ້ງຄ່າ (ການສະແດງຜົນເລີ່ມຕົ້ນ)

ການຕັ້ງຄ່າເຫຼົ່ານີ້ຈະຄວບຄຸມການສະແດງຜົນເລີ່ມຕົ້ນຂອງຊອດໂຄ້ດ [seljev_flags] (ນອກຈາກວ່າທ່ານຈະກຳນົດຄ່າໃໝ່ທັບໃນຊອດໂຄ້ດ).

ການຕັ້ງຄ່າທົ່ວໄປ:

• ຂະໜາດທຸງ (px): ຄວບຄຸມຂະໜາດການສະແດງຜົນຂອງແຕ່ລະທຸງ.
• ແຫຼ່ງທີ່ມາຂອງທຸງ:
  • FlagCDN (SVG): ໂຫຼດທຸງ SVG ຈາກ flagcdn.com
  • ໂຟນເດີທຸງຂອງຜູ້ໃຊ້: ໂຫຼດທຸງຈາກໄຟລ໌ທີ່ທ່ານອັບໂຫຼດເອງ

ຖ້າຫາກໃຊ້ໂຟນເດີທຸງຂອງຜູ້ໃຊ້:

• ອັບໂຫຼດໄຟລ໌ທຸງຂອງທ່ານລົງໃນໂຟນເດີທຸງຂອງຜູ້ໃຊ້ (ຕາມທີ່ສະແດງໃນແຖບ Settings).
• ໃຊ້ລະຫັດປະເທດ ISO 2 ຕົວອັກສອນເປັນຊື່ໄຟລ໌, ປົກກະຕິແລ້ວແມ່ນຕົວພິມໃຫຍ່ (ຕົວຢ່າງ: NO.svg ຫຼື NO.png).
• ປລັກອິນຈະລອງໃຊ້ .svg ກ່ອນ, ແລ້ວຈຶ່ງຕາມດ້ວຍ .png.

ໂໝດການສະແດງຜົນ:

• ສະແດງທຸງທັງໝົດ (ຄົງທີ່)
• ຕົວເລື່ອນແບບຕໍ່ເນື່ອງ (Ticker)

ຖ້າທ່ານເລືອກ ຕົວເລື່ອນແບບຕໍ່ເນື່ອງ:

• ທິດທາງຕົວເລື່ອນ: ເລືອກທິດທາງການເລື່ອນ.
• ຄວາມໄວຕົວເລື່ອນ (ວິນາທີຕໍ່ຮອບ): ໜ້ອຍ = ໄວ, ຫຼາຍ = ຊ້າ (ກຳນົດໄດ້ຕັ້ງແຕ່ 5 ຫາ 120).
• ຂອບຈາງ: ເຮັດໃຫ້ທຸງຢູ່ໃກ້ຂອບຂອງຕົວເລື່ອນເບິ່ງຈາງລົງ.
• ທຸງເຕັ້ນ: ເພີ່ມແອນິເມຊັນການເຕັ້ນເບົາໆ ໃນຂະນະທີ່ເລື່ອນ.

ຖ້າທ່ານເລືອກ ສະແດງທຸງທັງໝົດ (ຄົງທີ່):

• ເລເອົາ: ແບບແຖວ ຫຼື ແບບຕາຕະລາງ
• ຖັນ (ສະເພາະແບບຕາຕະລາງ)
• ໄລຍະຫ່າງ (px): ໄລຍະຫ່າງລະຫວ່າງທຸງ
• ການຈັດວາງ: ຊ້າຍ, ກາງ, ຫຼື ຂວາ
• ຊື່: ບໍ່ມີ, ຄຳອະທິບາຍ (Tooltip), ຫຼື ຄຳບັນຍາຍ (Caption)
• ການຕັ້ງຄ່າແອນິເມຊັນຂຶ້ນຕົ້ນ: ແອນິເມຊັນ, ໄລຍະເວລາ, ການສະຫຼັບ, ຕົວຊັກນຳ

ແຖບຊອດໂຄ້ດ (ຄັດລອກ ແລະ ວາງ)

ຊອດໂຄ້ດຫຼັກແມ່ນ:

[seljev_flags]

ສິ່ງນີ້ໃຊ້:

• ປະເທດທີ່ທ່ານເລືອກ (ຈາກແຖບ Countries)
• ການສະແດງຜົນເລີ່ມຕົ້ນຂອງທ່ານ (ຈາກແຖບ Settings)

ທ່ານຍັງສາມາດສ້າງຊອດໂຄ້ດທີ່ລະບຸສະເພາະບາງປະເທດໄດ້, ຕົວຢ່າງ:

[seljev_flags countries=”NO,SE,DK”]

ເຄື່ອງມືສ້າງຊອດໂຄ້ດ (ແນະນຳ)

ໃນແຖບຊອດໂຄ້ດ, ໃຫ້ໃຊ້ເຄື່ອງມືສ້າງຊອດໂຄ້ດ (Shortcode Builder) ເພື່ອສ້າງຊອດໂຄ້ດພ້ອມຕົວເລືອກຕ່າງໆ ໂດຍບໍ່ຈຳເປັນຕ້ອງຈື່ຄ່າຄຸນລັກສະນະ.

1. ເລືອກວ່າຈະໃຊ້ສິ່ງທີ່ເລືອກໄວ້ແລ້ວ ຫຼື ຈະລະບຸປະເທດເອງ.
2. ເລືອກໂໝດການສະແດງຜົນ (ເລີ່ມຕົ້ນ/ຄົງທີ່/ແຖບເລື່ອນ).
3. ຕັ້ງຄ່າສະເພາະຕົວເລືອກທີ່ກ່ຽວຂ້ອງກັບໂໝດນັ້ນ.
4. ຄັດລອກຊອດໂຄ້ດທີ່ສ້າງຂຶ້ນໂດຍໃຊ້ປຸ່ມ ຄັດລອກ.

ແຖບຕົວຢ່າງ (ທົດສອບກ່ອນເຜີຍແຜ່)

ໃຊ້ໜ້າຕົວຢ່າງເພື່ອທົດສອບເບິ່ງວ່າທຸງຈະສະແດງຜົນແນວໃດກັບການຕັ້ງຄ່າປັດຈຸບັນ ກ່ອນທີ່ຈະວາງຊອດໂຄ້ດລົງໃນໜ້າເວັບແທ້.

ຖ້າຫາກຕົວຢ່າງຫວ່າງເປົ່າ:

• ໃຫ້ແນ່ໃຈວ່າທ່ານໄດ້ເລືອກຢ່າງໜ້ອຍໜຶ່ງປະເທດ ແລະ ບັນທຶກແລ້ວ.

ການແກ້ໄຂບັນຫາ

ບໍ່ມີທຸງສະແດງຂຶ້ນມາ:

• ເລືອກຢ່າງໜ້ອຍໜຶ່ງປະເທດໃນແຖບ Countries ແລະ ກົດ ບັນທຶກການປ່ຽນແປງ.
• ຖ້າໃຊ້ countries=”…”, ໃຫ້ແນ່ໃຈວ່າໄດ້ໃຊ້ລະຫັດປະເທດ ISO 2 ຕົວອັກສອນທີ່ຖືກຕ້ອງ (ຂັ້ນດ້ວຍຈຸດ, ຕົວຢ່າງ [seljev_flags countries=”NO,SE,DK”]).

ທຸງບາງອັນຫາຍໄປເມື່ອໃຊ້ໂຟນເດີທຸງຂອງຜູ້ໃຊ້:

• ຢືນຢັນວ່າໄຟລ໌ມີຢູ່ແທ້ສຳລັບລະຫັດປະເທດນັ້ນ (SVG ຫຼື PNG).
• ກວດສອບຕົວອັກສອນໃຫຍ່-ນ້ອຍຂອງຊື່ໄຟລ໌ (ບາງເຊີເວີຈະແຍກຄວາມແຕກຕ່າງລະຫວ່າງ NO.svg ແລະ no.svg).

ຕົວເລື່ອນໄວ ຫຼື ຊ້າເກີນໄປ:

• ປັບຄວາມໄວຕົວເລື່ອນ (ວິນາທີຕໍ່ຮອບ). ຄ່າຍິ່ງໜ້ອຍຍິ່ງໄວ, ຄ່າຍິ່ງຫຼາຍຍິ່ງຊ້າ.

ປຸ່ມຄັດລອກໃຊ້ງານບໍ່ໄດ້:

• ບຣາວເຊີບາງອັນ ຫຼື ການຕັ້ງຄ່າຄວາມປອດໄພອາດຈະບລັອກການເຂົ້າເຖິງຄລິບບອດ. ໃຫ້ລອງໃຊ້ບຣາວເຊີອື່ນຫາກຈຳເປັນ.

Plugin settings

All settings are found under Settings → seljeVisitorsFlags in the WordPress admin.

Countries tab

This is where you choose which country flags to display.

• Search box — Filter the full list of 250+ countries by name or ISO code as you type.
• All countries list — Click any country to move it to the Selected countries panel.
• Bulk action buttons:
  • ເລືອກທັງໝົດ — Adds every available country to the selection.
  • ເລືອກ EU — Adds all 27 EU member states.
  • ເລືອກ EEA — Adds all 30 EEA countries (EU + Norway, Iceland, Liechtenstein).
  • ລ້າງທັງໝົດ — Removes all selected countries (with undo support).
• Selected countries panel — Drag the handle (☰) to reorder flags. The display order on your site matches the order here. Click Remove on any item to deselect it.
• Save Flags button — Saves the current selection. The shortcode will output nothing until at least one country is saved.

Display Defaults tab

These settings control the default appearance of [seljev_flags]. Any of them can be overridden per-shortcode via the Shortcode Builder.

Flag size (px)
Width of each flag image in pixels. Applies to all display modes. Range: 8–256. Default: 48.

Flag source
Where flag images are loaded from:
* FlagCDN (SVG) — Scalable vector flags loaded from flagcdn.com (recommended, sharpest at any size).
* FlagCDN (PNG 4:3) — Raster PNG flags from flagcdn.com; best for older browsers that don’t support SVG.
* Circle Flags (SVG) — Round/circular-style flag SVGs, loaded from a GitHub CDN.
* User flags folder — Load your own image files from wp-content/plugins/seljevisitorsflags/assets/flags/userflags/. Name files using uppercase ISO 2-letter codes (e.g. NO.svg, SE.png). The plugin tries .svg first, then .png.

Display mode
* ສະແດງທຸງທັງໝົດ (ຄົງທີ່) — Displays all selected flags at once in a grid or row. Use the layout, alignment, and entrance animation settings below.
* Continuous scroller (animated ticker) — Loops the flags past continuously. Entrance animations are disabled in this mode. The scroller pauses when off-screen or when the browser tab is hidden.

Continuous scroller settings (only visible when Display mode = Continuous scroller)

• Scroller direction — Which way the flags move: Right to left, Left to right, Top to bottom, or Bottom to top.
• Scroller speed (seconds per loop) — How many seconds one full loop takes. Lower = faster. Range: 5–120 s. Default: 20.
• Edge fade — Fades the flags near the edges of the scroller container for a polished look.
• Bouncing flags — Adds a gentle up-and-down bounce animation to each flag while it scrolls.

Layout (static mode only)
* Row — Flags wrap into a horizontal line, breaking onto new lines if the container is too narrow.
* Grid — Flags are arranged in a fixed-column grid.

Grid columns (static mode, Grid layout only)
Number of columns in the grid. Range: 1–20. Default: 6.

Gap (px)
Space between individual flags. Range: 0–64 px. Default: 8.

Alignment (static mode only)
Horizontal alignment of the flag group within its container: Left, Center, or Right.

Country names
* None — Only the flag image is shown.
* Tooltip on hover — The country name appears in a tooltip on mouse hover and keyboard focus.
* Caption below flag — The country name is shown as a text label directly below each flag.

Text color
* Follow theme — Caption and tooltip text inherits the color from surrounding page text.
* Custom color — Pick a specific hex color for captions and tooltip text.

Entrance animation (static mode only)
The animation played as each flag enters the viewport:
* None — No animation; flags appear instantly.
* Fade in — Flags fade in from transparent.
* Fly in from left/right/bottom/top — Flags slide into position from the chosen direction.
* Zoom in — Flags scale up from slightly smaller.

Animation duration (ms)
How long each flag’s entrance animation takes. Range: 0–5000 ms. Default: 400.

Stagger delay (ms)
Extra delay between each successive flag’s animation, creating a wave-like cascade effect. Set to 0 for all flags to animate simultaneously. Range: 0–2000 ms. Default: 50.

Animation trigger
* On scroll into view — The animation fires only when the flags scroll into the visible viewport (recommended; saves performance).
* On page load — The animation fires immediately when the page loads, regardless of scroll position.

Shortcode Builder tab

Generates a ready-to-paste shortcode with custom overrides. Every option here has a Default choice that falls back to the saved Display Defaults above.

Set a value only when you want that specific shortcode to behave differently from your defaults. Copy the generated shortcode with the Copy button and paste it into any page, post, block, or widget.

Preview tab

Shows a live render of your flags using the current Display Defaults. Save any changes on the Display Defaults tab first to see them reflected here.