ວິທີການສ້າງແລະສະແດງ Popup ໂດຍ Post Tag ໃນ WordPress

ທ່ານຕ້ອງການສ້າງ ແລະສະແດງໜຶ່ງປັອບອັບຕໍ່ແທັກໂພສໃນ WordPress ບໍ? ສະນັ້ນສືບຕໍ່ອ່ານບົດຄວາມນີ້.

ພວກເຮົາແນ່ໃຈວ່າທ່ານຄຸ້ນເຄີຍຢູ່ແລ້ວກັບປ່ອງຢ້ຽມຂະຫນາດນ້ອຍທີ່ປະກົດຂຶ້ນໃນເວລາທ່ອງເວັບໄຊທ໌. ດີ, ມັນຖືກເອີ້ນວ່າປ໊ອບອັບຫຼືປ໊ອບອັບ. ປ໊ອບອັບສາມາດປາກົດຢູ່ໃນຂະຫນາດທີ່ແຕກຕ່າງກັນແລະຕໍາແຫນ່ງເທິງຫນ້າຈໍຢູ່ໃນເວັບໄຊທ໌.

ໃນ WordPress, ມີຫຼາຍ plugins ສໍາລັບການສ້າງປ໊ອບອັບ, ເຊັ່ນ Elementor Pro, JetPopup, Brizy Pro, ແລະອື່ນໆ.

ສິ່ງທີ່ສໍາຄັນທີ່ຕ້ອງຈື່ແມ່ນວ່າປ໊ອບອັບບໍ່ຄວນສ້າງຄວາມລໍາຄານໃຫ້ກັບຜູ້ມາຢ້ຽມຢາມເວັບໄຊທ໌ຂອງທ່ານ. ດັ່ງນັ້ນ, ສ້າງປ໊ອບອັບແບບງ່າຍດາຍແລະດຶງດູດໃຈເທົ່າທີ່ເປັນໄປໄດ້.

ເນື້ອໃນ

ບາງ plugins WordPress ເພື່ອສ້າງປ໊ອບອັບ

ໂປແກມ Elementor

Elementor Pro ແມ່ນສ່ວນຂະຫຍາຍອົງປະກອບທີ່ມີຄຸນສົມບັດພຣີມຽມຫຼາຍຮ້ອຍອັນ. ມັນເຮັດໃຫ້ທ່ານມີເຄື່ອງມືມືອາຊີບທີ່ມີປະສິດທິພາບທີ່ເລັ່ງການເຮັດວຽກແລະການອອກແບບຂອງທ່ານ. Elementor Pro ໃຫ້ທ່ານຄວບຄຸມຢ່າງເຕັມທີ່ກ່ຽວກັບຮູບແບບແລະການອອກແບບເວັບໄຊທ໌ຂອງທ່ານ. ໃນກໍລະນີນີ້, ທ່ານສາມາດປັບແຕ່ງການອອກແບບຂອງປ໊ອບອັບຂອງທ່ານໄດ້ຢ່າງເສລີ.

ການນໍາໃຊ້ ໂປແກມ Elementor ການສ້າງປ໊ອບອັບໂດຍ tag post ແມ່ນງ່າຍດາຍຫຼາຍແລະງ່າຍຕໍ່ການໃຊ້. ທ່ານສາມາດກໍານົດເງື່ອນໄຂການສະແດງຜົນຂອງປ໊ອບອັບຂອງທ່ານໃນແບບທີ່ຊັດເຈນຫຼາຍ.

JetPopup ຂອງ Crocoblock ແມ່ນສ່ວນຂະຫຍາຍສໍາລັບ Elementor. ທ່ານສາມາດຊື້ມັນເປັນ plugins standalone ຫຼືຊື້ມັນຢູ່ໃນມັດທີ່ມີ plugins Crocoblock ອື່ນໆ. ປະໂຫຍດຂອງການນໍາໃຊ້ JetPopup ເພື່ອສ້າງປ່ອງຢ້ຽມປ໊ອບອັບແມ່ນວ່າມັນມາພ້ອມກັບຄຸນນະສົມບັດເຢັນຫຼາຍ.

ທ່ານສາມາດຫຼິ້ນຢູ່ອ້ອມຂ້າງທີ່ມີປ່ອງຢ້ຽມນິຍົມກະຕຸ້ນ.
ທ່ານສາມາດສ້າງພາບເຄື່ອນໄຫວສໍາລັບປ່ອງຢ້ຽມປ໊ອບອັບ.
ແມ່ແບບປັອບອັບຈຳນວນຫຼວງຫຼາຍແມ່ນມີຢູ່.

ອ່ານຍັງ: 22 Addons Premium ທີ່ດີທີ່ສຸດສໍາລັບອົງປະກອບ

Brizy Pro

ຕົວສ້າງປ໊ອບອັບຂອງ Brizy Pro ສະເຫນີໃຫ້ທ່ານທັງສອງທາງເລືອກ. ອັນທໍາອິດແມ່ນປ໊ອບອັບທີ່ເປີດໃຊ້ຄລິກ, ແລະອັນທີສອງແມ່ນຕົວກະຕຸ້ນອັດຕະໂນມັດແລະເງື່ອນໄຂ.

ເປີດການຄລິກ: ປ໊ອບອັບຂອງທ່ານສາມາດຖືກກະຕຸ້ນພຽງແຕ່ໂດຍການຄລິກໃສ່ອົງປະກອບຂອງຫນ້າຂອງທ່ານ.
ການກະຕຸ້ນອັດຕະໂນມັດແລະເງື່ອນໄຂ: ທ່ານສາມາດກໍາຫນົດຄ່າການກະທໍາຂອງຜູ້ເຂົ້າຊົມທີ່ຈະກໍານົດເວລາທີ່ປ໊ອບອັບຖືກສະແດງ.

ດັ່ງທີ່ໄດ້ກ່າວມາກ່ອນຫນ້ານີ້, ທ່ານມີທາງເລືອກຫຼາຍຢ່າງສໍາລັບການສ້າງປ໊ອບອັບໃນ WordPress. ໃນບົດສອນນີ້, ພວກເຮົາຈະສະແດງວິທີການສ້າງແລະສະແດງປ໊ອບອັບຕໍ່ແທັກຕອບໂດຍໃຊ້ສະບັບ ໂປແກມ Elementor, ສະນັ້ນໃຫ້ແນ່ໃຈວ່າທ່ານມີຫນຶ່ງແລ້ວ.

ສິ່ງທໍາອິດທີ່ຕ້ອງເຮັດຄືການສ້າງແບບ Popup ໃຫມ່. ເພື່ອສ້າງແມ່ແບບປັອບອັບໃໝ່, ໃຫ້ໄປທີ່ ແມ່ແບບ > ປັອບອັບ ໃນ dashboard WordPress ຂອງທ່ານແລະຄລິກໃສ່ປຸ່ມ ເພີ່ມໃໝ່.

ຕໍ່ໄປ, ເພີ່ມຊື່ຂອງປ໊ອບອັບຂອງທ່ານແລະຄລິກໃສ່ປຸ່ມ ສ້າງແບບຈໍາລອງ.

ທ່ານຈະຖືກນໍາໄປຫາຫ້ອງສະຫມຸດແມ່ແບບ, ທ່ານສາມາດເລືອກແມ່ແບບຈາກປ່ອງຢ້ຽມຫ້ອງສະຫມຸດຫຼືອອກແບບແມ່ແບບ Popup ຂອງທ່ານເອງ. ເພື່ອໃຊ້ແມ່ແບບຈາກຫ້ອງສະຫມຸດ, ພຽງແຕ່ຄລິກໃສ່ປຸ່ມ ໃສ່.

ແຕ່ໃນບົດສອນນີ້, ພວກເຮົາຈະສ້າງແບບ Popup ຈາກຈຸດເລີ່ມຕົ້ນ. ຄລິກໄອຄອນ X ເພື່ອປິດຫ້ອງສະໝຸດແມ່ແບບ.

ພວກເຮົາຈໍາເປັນຕ້ອງໄດ້ປັບປ່ຽນບາງອັນໃນການຕັ້ງຄ່າປັອບອັບກ່ອນທີ່ພວກເຮົາຈະເລີ່ມສ້າງຮູບແບບປັອບອັບ. ທ່ານສາມາດຊອກຫາການຕັ້ງຄ່າທີ່ດີທີ່ສຸດສໍາລັບເວັບໄຊທ໌ຂອງທ່ານ. ໃນບົດສອນນີ້, ພວກເຮົາຈະສະແດງໃຫ້ທ່ານເຫັນການຕັ້ງຄ່າ Popup ທີ່ທ່ານເລືອກ.

ຄລິກໄອຄອນເຟືອງຢູ່ມຸມຊ້າຍລຸ່ມ. ໃນການຕັ້ງຄ່າ Popup, ການປ່ຽນແປງ ຂະ ໜາດ ໃຫຍ່ ໃນ 90% ຂອງຄວາມກວ້າງຂອງມຸມເບິ່ງ (VW) ແລະ ຕໍາແຫນ່ງ en ກາງ-ລຸ່ມ.

ຕໍ່ໄປ, ອອກແບບແມ່ແບບ Popup ຂອງທ່ານ. ເພີ່ມພາກໃຫມ່ແລະເລືອກໂຄງສ້າງ 5 ຖັນ. ໃນການຕັ້ງຄ່າພາກ, ຕັ້ງຄ່າ ຂະ ໜາດ ໃຫຍ່ ສຸດ 950. ທ່ານສາມາດຫຼິ້ນກັບການຕັ້ງຄ່າຂອງທ່ານ.

ຕົວຢ່າງ, ທ່ານສາມາດໄປທີ່ແຖບ ແບບ ເພື່ອຕັ້ງພື້ນຫຼັງ, ໃຫ້ໄປທີ່ແຖບ ກ້າວຫນ້າທາງດ້ານ ເພື່ອປັບແຕ່ງຂອບ, ແລະອື່ນໆອີກ.

ຕອນນີ້ກັບຄືນໄປຫາຖັນຂອງທ່ານ. ໃນຖັນຊ້າຍ, ກໍານົດຄວາມກວ້າງເປັນ 33%, ແລະສໍາລັບສີ່ອື່ນໆ, ເປັນ 16%.

ໃນຖັນຊ້າຍ, ພວກເຮົາຈະເພີ່ມ widget ຫົວຂໍ້ທີ່ມີບາງຂໍ້ຄວາມ. ທ່ານສາມາດເພີ່ມຂໍ້ຄວາມທີ່ເຊື້ອເຊີນຜູ້ເຂົ້າຊົມເວັບໄຊທ໌ຂອງທ່ານເພື່ອເບິ່ງເນື້ອຫາອື່ນໆທີ່ກ່ຽວຂ້ອງກັບເນື້ອຫາໃນປະຈຸບັນ, ຫຼືຂໍ້ຄວາມອື່ນໆທີ່ທ່ານເລືອກ.

ຢູ່ເບື້ອງຂວາ, ພວກເຮົາຈະເພີ່ມ widget ຮູບພາບ. ທ່ານສາມາດເພີ່ມຮູບພາບຈາກຮູບຂະຫນາດນ້ອຍ / ຮູບພາບທີ່ສະແດງໃຫ້ເຫັນຂອງຂໍ້ຄວາມຫຼືອັບໂຫລດຕົນເອງ.

ໃນປັດຈຸບັນໂຄງສ້າງແມ່ນກຽມພ້ອມ. ກັບໄປທີ່ ການຕັ້ງຄ່າປັອບອັບ ເພື່ອປັບແຕ່ງການເຂົ້າ, ອອກ, ແລະອະນິເມຊັນຂອບ. ໃນ tutorial ນີ້, ພວກເຮົາກໍານົດ input ເປັນ ຈາງລົງ ແລະຜົນຜະລິດສຸດ ຈືດໆ. ຈາກນັ້ນໄປທີ່ແຖບ ກ້າວຫນ້າທາງດ້ານ ແລະກໍານົດຂອບເປັນ 30 (ຄ່າທົ່ວໄປສໍາລັບການເຊື່ອມຕໍ່).

ໃນປັດຈຸບັນການອອກແບບແມ່ນກຽມພ້ອມ, ໃຫ້ຄລິກໃສ່ປຸ່ມ ເຜີຍແພ່ ເພື່ອກໍານົດເງື່ອນໄຂການສະແດງແລະ triggers. ເພື່ອກໍານົດສະພາບການສະແດງ, ໃຫ້ຄລິກໃສ່ປຸ່ມ ເພີ່ມເງື່ອນໄຂ ແລະເລືອກເອົາທາງເລືອກຂອງທ່ານຈາກບັນຊີລາຍຊື່ເລື່ອນລົງ.

ດັ່ງທີ່ທ່ານຕ້ອງການທີ່ຈະສະແດງ Popup ໂດຍ post tag, ທ່ານສາມາດກໍານົດເງື່ອນໄຂການສະແດງດັ່ງຕໍ່ໄປນີ້ (ເບິ່ງພາບເຄື່ອນໄຫວ).

ກົດຕໍ່ໄປ. ໃນແຖບ ກະຕຸ້ນ, ກໍານົດຜົນກະທົບຕໍ່ເປັນ ໃນ Scroll ພິກສະຫຼັບໄປ yes. ກໍານົດ ທິດທາງ sur ເນເທີແລນ et la ຂະ ໜາດ ໃຫຍ່ ຫຼາຍກວ່າ 95%. ເນື່ອງຈາກວ່າພວກເຮົາຕ້ອງການ Popup ປາກົດເມື່ອຜູ້ມາຢ້ຽມຢາມມາຮອດທ້າຍຂອງບົດຄວາມຂອງພວກເຮົາ.

ໃນ tutorial ນີ້, ພວກເຮົາຈະບໍ່ໄດ້ກໍານົດ ກົດລະບຽບຂັ້ນສູງ. ດັ່ງນັ້ນໃຫ້ຄລິກໃສ່ ບັນທຶກແລະປິດ. ແລ້ວ, ຕອນນີ້ພວກເຮົາກໍາລັງເຮັດແລ້ວ.

ຂໍໃຫ້ເບິ່ງວ່າມັນມີລັກສະນະແນວໃດ.

ທີ່ນີ້ເຈົ້າຫາກໍສຳເລັດການປັອບອັບຂອງເຈົ້າແລ້ວ. ເບິ່ງບົດຄວາມທີ່ກ່ຽວຂ້ອງຂອງພວກເຮົາ:

ດາວໂຫລດ Elementor Pro

ແບ່ງປັນບົດຄວາມນີ້:

Mikhos Gartner

Mikhos Gartner ເປັນຜູ້ຊ່ຽວຊານດ້ານເຄື່ອງມືດິຈິຕອນທີ່ຊື້, ທົດສອບ, ແລະທົບທວນເຄື່ອງມື SAAS ສໍາລັບທຸລະກິດຂະຫນາດນ້ອຍ. ການແຕ້ມຮູບກ່ຽວກັບປະສົບການຫຼາຍປີໃນພາກສະຫນາມເຕັກໂນໂລຢີ, ລາວສະຫນອງການທົບທວນຄວາມເຂົ້າໃຈ. ເນື້ອໃນຂອງມັນຖືກບໍລິໂພກຢ່າງກວ້າງຂວາງ, ໃຫ້ບໍລິການຜູ້ໃຊ້ຫຼາຍລ້ານຄົນໃນແຕ່ລະເດືອນ.