ສ້າງປະຕູລູກຄ້າກັບ WordPress

ເນື້ອຫາ

• 01. ຕິດຕັ້ງ WordPress ສຳ ເນົາ ໃໝ່
• 02. ເອົາ plugins ເລີ່ມຕົ້ນ
• 03. ຕື່ມປະເພດຕອບຕາມທີ່ຕ້ອງການ
• 04. ການເພີ່ມ / ດັດແກ້ອິນເຕີເຟດປະເພດແບບໂພດສບຸກ
• 05. ສ້າງແທ່ນບູຊາຂຽນຄືນ ໃໝ່ ຕາມປະເພນີ
• 06. ເພີ່ມການສະ ໜັບ ສະ ໜູນ ສຳ ລັບຂົງເຂດທີ່ ກຳ ຫນົດເອງ
• 07. ເພີ່ມທົ່ງນາທີ່ ກຳ ນົດເອງ
• 08. ຕັ້ງທົ່ງນາ
• 09. ສ້າງເອກະສານແມ່ແບບ WordPress
• 10. ສ້າງຮູບແບບການໂພດດຽວເຕັມຮູບແບບ
• 11. ເລີ່ມຕົ້ນ loop ແລະສ້າງເນື້ອຫາ
• 12. ໃຊ້ PHP ໃນການໂທໃນຄຸນຄ່າແບບເຄື່ອນໄຫວ
• 13. ເຮັດໃຫ້ລູກຄ້າທົດສອບທີ່ມີຂໍ້ມູນ dummy ບາງ
• 14. ຈັດການກັບຂໍ້ຜິດພາດ ສຳ ລັບຂໍ້ມູນທີ່ຂາດຫາຍໄປ
• 15. ກະທັດຮັດໃນການໂຕ້ຕອບ
• 16. ຍົກເວັ້ນມັນຈາກແຜນຜັງເວັບໄຊທ໌້

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

ໃນເວລາທີ່ນັກອອກແບບເຮັດວຽກກັບລູກຄ້າຂອງພວກເຂົາ, ຢ່າງໃດກໍ່ຕາມ, ທຸກຢ່າງສາມາດ ທຳ ລາຍອີເມວລ້າໆ, ເຊື່ອມໂຍງກັບການເຍາະເຍີ້ຍແລະເອກະສານຕິດຄັດ.

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

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

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

ດາວໂຫລດເອກະສານ ສຳ ລັບບົດແນະ ນຳ ນີ້.

• ວິທີການຫັນ WordPress ເປັນຜູ້ສ້າງສາຍຕາ

01. ຕິດຕັ້ງ WordPress ສຳ ເນົາ ໃໝ່

ສຳ ເນົາ WordPress ສົດແມ່ນຖືກຕິດຕັ້ງຢູ່ໃນ server ພັດທະນາ, ແລະຫົວຂໍ້ "understrap" ໄດ້ຖືກເລືອກໃຫ້ພື້ນຖານ boilerplate ເພື່ອເລີ່ມຕົ້ນເຮັດວຽກໄດ້ໄວ. ໂປແກຼມໂປແກຼມ Custom Post Type UI ຈະຖືກ ນຳ ໃຊ້ເພື່ອໃຫ້ປະເພດຕອບຕາມແບບຂອງພວກເຮົາເປັນເອກະລາດຂອງຫົວຂໍ້.

02. ເອົາ plugins ເລີ່ມຕົ້ນ

ຖ້າມີ plugins ເລີ່ມຕົ້ນໃດໆມາພ້ອມກັບ ສຳ ເນົາ WordPress, ໃຫ້ລຶບມັນອອກ. ປັinsກອິນທີ່ຕ້ອງການ ສຳ ລັບການສອນນີ້ແມ່ນ "Fields Custom Custom Type" ແລະ "Custom Post Type UI". "ບັນນາທິການຄລາສສິກ" ກໍ່ໄດ້ຖືກຕິດຕັ້ງແລ້ວ.

03. ຕື່ມປະເພດຕອບຕາມທີ່ຕ້ອງການ

ໂດຍໃຊ້ອິນເຕີເຟດ UI ແບບ Custom Post Type, ເພີ່ມປະເພດຕອບ ໃໝ່ ທີ່ມີຊື່ວ່າ "ລູກຄ້າ". ເມື່ອເຂົ້າໄປໃນ ຄຳ ວ່າ "ປະເພດເລື່ອນປະເພດ Post", ໃຫ້ໃຊ້ໂຄສະນາແທນທີ່ຈະເປັນຊ່ອງຫວ່າງແລະຂຽນເປັນຮູບແບບ, ເພາະວ່າສິ່ງນີ້ຈະຊ່ວຍໃຫ້ການສ້າງແມ່ແບບງ່າຍຕໍ່ມາ. ຄຳ ນຳ ໜ້າ tu_ ໄດ້ຖືກເພີ່ມເພື່ອຫຼຸດໂອກາດການຂັດແຍ້ງ.

04. ການເພີ່ມ / ດັດແກ້ອິນເຕີເຟດປະເພດແບບໂພດສບຸກ

ຕື່ມຊື່ປ້າຍຊື່ວ່າ "ລູກຄ້າ" ແລະ ຄຳ ວ່າ "ລູກຄ້າ", ເພາະວ່າສິ່ງນີ້ຈະປາກົດຢູ່ໃນເມນູ WordPress admin. ການລົງທືນແມ່ນໄດ້ຮັບການຍອມຮັບໃນຂົງເຂດເຫຼົ່ານີ້, ເຊິ່ງຈະເຮັດໃຫ້ເມນູ WordPress ມີຄວາມກະທັດຮັດ.

05. ສ້າງແທ່ນບູຊາຂຽນຄືນ ໃໝ່ ຕາມປະເພນີ

ການໃຊ້ ຄຳ ນຳ ໜ້າ ສຳ ລັບ slug ປະເພດ post ຈະ ໝາຍ ຄວາມວ່າລູກຄ້າທີ່ເພີ່ມເຂົ້າໄປໃນປະຕູຈະຖືກສ້າງຂື້ນດ້ວຍລິ້ງທີ່ຄ້າຍຄືກັບ "/ tu_customer / example-company". ນີ້ບໍ່ໄດ້ເບິ່ງຄືວ່າບໍ່ກະທັດຮັດ, ແລະໃບປະກາດຂຽນແບບ ໃໝ່ ແມ່ນໃຊ້ເພື່ອປັບປຸງສິ່ງນີ້. ການຕັ້ງຄ່າແຜ່ນພັບຂຽນຄືນ ໃໝ່ ໃຫ້ "ລູກຄ້າ" ອະນຸຍາດໃຫ້ປະເພດໂພສທີ່ຖືກຕ້ອງຕາມກົດ ໝາຍ ເປັນ / ລູກຄ້າ / ບໍລິສັດຕົວຢ່າງ.

06. ເພີ່ມການສະ ໜັບ ສະ ໜູນ ສຳ ລັບຂົງເຂດທີ່ ກຳ ຫນົດເອງ

ຕົວເລືອກສຸດທ້າຍທີ່ຖືກເປີດໃຊ້ ສຳ ລັບປະເພດຕອບທີ່ ກຳ ນົດເອງແມ່ນ "Supports> Custom field" ເຊິ່ງພົບຢູ່ໃກ້ທາງລຸ່ມຂອງ ໜ້າ. ຫມາຍຕິກນີ້, ແລະຫຼັງຈາກນັ້ນ "ຕື່ມປະເພດຕອບ" ຢູ່ທາງລຸ່ມຂອງຫນ້າ. ນີ້ສົ່ງການປ່ຽນແປງແລະລົງທະບຽນປະເພດຕອບ.

07. ເພີ່ມທົ່ງນາທີ່ ກຳ ນົດເອງ

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

08. ຕັ້ງທົ່ງນາ

ພາກສະຫນາມຕໍ່ໄປທີ່ຈະເພີ່ມແມ່ນ "ແບບສອບຖາມກ່ຽວກັບຍີ່ຫໍ້." ນີ້ຈະປະກອບມີການເຊື່ອມຕໍ່ກັບແບບຟອມ google ທີ່ລູກຄ້າຄວນຕື່ມຂໍ້ມູນໃສ່. ປະເພດສະ ໜາມ ທີ່ ເໝາະ ສົມທີ່ສຸດ ສຳ ລັບສິ່ງນີ້ແມ່ນ "URL". ວິທີການດຽວກັນນີ້ສາມາດຖືກ ນຳ ໃຊ້ ສຳ ລັບທຸກໆຂົງເຂດເຊິ່ງຈະເຊື່ອມໂຍງກັບການບໍລິການພາຍນອກ. ເມື່ອເຮັດ ສຳ ເລັດແລ້ວ, ເລື່ອນລົງໄປທີ່ປ່ອງ "ສະຖານທີ່" ແລະໃຊ້ເຫດຜົນ "Show if Post Type" = "ລູກຄ້າ". ຈາກນັ້ນເຜີຍແຜ່ກຸ່ມພາກສະ ໜາມ.

09. ສ້າງເອກະສານແມ່ແບບ WordPress

WordPress ຕ້ອງການຮູ້ວິທີການສະແດງກະດານຂ່າວຂອງລູກຄ້າ. ສຳ ລັບສິ່ງນີ້, ລຳ ດັບຊັ້ນແມ່ແບບ WordPress ແມ່ນຖືກຕິດຕາມເພື່ອສ້າງແຟ້ມເອກະສານ ສຳ ລັບປະເພດຕອບສະເພາະນີ້. ສ້າງແຟ້ມເອກະສານທີ່ເອີ້ນວ່າ single-tu_customer.php ໃນລາຍການຫົວເລື່ອງຮາກ.

10. ສ້າງຮູບແບບການໂພດດຽວເຕັມຮູບແບບ

ເປີດເອກະສານດຽວ-tu_customer.php ແລະເພີ່ມຫນ້າ get_header ແລະ get_footer WordPress. ລະຫວ່າງ ໜ້າ ທີ່ເຫລົ່ານັ້ນ, ສ້າງຮູບແບບທີ່ມີຄວາມກວ້າງເຕັມເພື່ອຖືເນື້ອຫາທີ່ເຮັດວຽກກັບຫົວຂໍ້ຂອງທ່ານ.

? php get_header ();?> div id = "ເສື້ອຜ້າດຽວ"> div id = "ເນື້ອຫາ" tabindex = "- 1"> div> div id = "ປະຖົມ"> id ຕົ້ນຕໍ = "ຕົ້ນຕໍ"> -! ເນື້ອຫາ -> / ຕົ້ນຕໍ> / div> / div>! - .row -> / div>! - #content -> / div>! - # ຫໍ່ດຽວ ->? php get_footer () ;?>

11. ເລີ່ມຕົ້ນ loop ແລະສ້າງເນື້ອຫາ

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

id ຕົ້ນຕໍ = "ຕົ້ນຕໍ">? php ໃນຂະນະທີ່ (have_posts ()): the_post (); ?> var13 -> div> div> ເນື້ອຫາ / div> div> ເນື້ອຫາ / div> div> ເນື້ອຫາ / div> / div> / div>? php ໃນທີ່ສຸດ; // end of the loop. ?> var13 -> / main>! - #main ->

12. ໃຊ້ PHP ໃນການໂທໃນຄຸນຄ່າແບບເຄື່ອນໄຫວ

ການ ນຳ ໃຊ້ຟັງຊັນ "the_field", ໜ້າ ທີ່ທີ່ມາພ້ອມກັບປັpluginກອິນທົ່ງນາແບບພິເສດ, ເນື້ອຫາແບບເຄື່ອນໄຫວຈາກທົ່ງນາທີ່ ກຳ ນົດເອງແມ່ນຖືກໃສ່ເຂົ້າໄປໃນແມ່ແບບລູກຄ້າ. 'field_name' ແມ່ນຄ່າທີ່ຖືກໃສ່ເຂົ້າໃນຂັ້ນຕອນທີ 3.

div> div> h5> ສັ້ນໆ / h5> p> ນີ້ແມ່ນເອກະສານສະບັບຫຍໍ້ຕົ້ນສະບັບຂອງທ່ານ / p> href = "? php the_field ('ຫຍໍ້');?> var13 ->" target = "none"> ເປີດ / ກ > / div> / div>

13. ເຮັດໃຫ້ລູກຄ້າທົດສອບທີ່ມີຂໍ້ມູນ dummy ບາງ

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

14. ຈັດການກັບຂໍ້ຜິດພາດ ສຳ ລັບຂໍ້ມູນທີ່ຂາດຫາຍໄປ

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

? php ຖ້າ (get_field ('field_name')):?> var13 -> ສະແດງໃນເວລາທີ່ field_name ມີຄ່າບໍ? php ອີກ: // field_name ກັບຄືນບໍ່ຖືກຕ້ອງ?> var13 -> ສະແດງເມື່ອບໍ່ມີພາກສະ ໜາມ? php endif ; // end of if field_name ເຫດຜົນ?> var13 ->

15. ກະທັດຮັດໃນການໂຕ້ຕອບ

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

16. ຍົກເວັ້ນມັນຈາກແຜນຜັງເວັບໄຊທ໌້

ປະເພດໂພສທີ່ ກຳ ນົດເອງບໍ່ຄວນພົບໃນຜົນຂອງເຄື່ອງຈັກຊອກຫາ. ປະເພດການໂພດຕ້ອງຖືກຍົກເວັ້ນຈາກແຜນຜັງເວັບໄຊທ໌, ບໍ່ວ່າຈະຜ່ານໂປແກຼມ SEO, ຫຼືການ ນຳ ໃຊ້ແທັກ meta ແລະ robots.txt ດ້ວຍຕົນເອງ.

ຊື່ meta = "ຫຸ່ນຍົນ" ເນື້ອຫາ = "noindex, nofollow" /> ຕົວແທນຜູ້ໃຊ້: * ບໍ່ອະນຸຍາດ: / ລູກຄ້າ /

ຕ້ອງການອອກແບບເວບໄຊທ໌ ໃໝ່ ບໍ? ໃຊ້ຜູ້ສ້າງເວບໄຊທ໌ທີ່ສະຫຼາດເພື່ອເຮັດໃຫ້ຂັ້ນຕອນງ່າຍດາຍ.