วิธีสร้างรหัสย่อหน้าออกจากระบบ WooCommerce

เผยแพร่แล้ว: 2020-08-22

WooCommerce สร้างรหัสย่อหน้าออกจากระบบ คุณต้องการสร้างรหัสย่อหน้าออกจากระบบ WooCommerce ที่คุณสามารถใช้ที่ใดก็ได้บนไซต์ WooCommerce ของคุณหรือไม่? หากคุณกำลังมองหา ตัวอย่างสั้นๆ ที่ใช้งานได้จริงกับรหัสย่อของหน้าออกจากระบบ WooCommerce ตัวอย่างนี้จะช่วยให้คุณเข้าใจวิธีการดำเนินการนี้ได้ง่ายขึ้น

การใช้รหัสย่อทำให้เจ้าของร้านค้า WooCommerce ปรับแต่งไซต์ของตนได้อย่างรวดเร็วโดยไม่ต้องเขียนโค้ดหรือมีทักษะในการเขียนโค้ดเพียงเล็กน้อย

วันนี้ ฉันจะแบ่งปันวิธีที่รวดเร็ว ง่าย และยอดเยี่ยมให้กับคุณ คุณสามารถสร้าง รหัสย่อหน้าออกจากระบบ WooCommerce และปรับใช้ได้ทุกที่บนไซต์ของคุณ และด้วยการคลิกปุ่มเดียว ผู้ใช้ของคุณจะถูกออกจากระบบ

ตามปกติ ฉันจะอธิบายทีละขั้นตอนโดยอธิบายว่าโค้ดของฉันทำงานอย่างไร เพื่อให้คุณเพิ่มโค้ดในธีมร้านค้าได้ง่ายขึ้น หากคุณเป็นนักพัฒนา WordPress ใหม่หรือมือใหม่ นักพัฒนา WooCommerce

จุดสิ้นสุดการออกจากระบบ WooCommerce

ตามค่าเริ่มต้น WooCommerce ให้ผู้ใช้มีปลายทางเริ่มต้นสำหรับการออกจากระบบที่สามารถใช้เพื่อสร้าง URL ออกจากระบบ และคุณสามารถเข้าถึงได้ภายใต้การตั้งค่า WooCommerce ตามที่แชร์ในภาพด้านล่าง:

จุดสิ้นสุดการออกจากระบบ WooCommerce

คุณสามารถปรับแต่งปลายทางนี้ตามความต้องการของคุณได้ดังที่อธิบายไว้ในบทความนี้ - การปรับแต่งปลายทาง WooCommerce

นอกจากจุดสิ้นสุดการล็อกเอาต์ของ WooCommerce แล้ว ยังมีจุดปลายอื่นๆ อีกหลายจุดที่คุณสามารถใช้เพื่อปรับแต่ง URL ของ WooCommerce ได้ ซึ่งรวมถึงจุดสิ้นสุดของหน้าชำระเงินและหน้าบัญชีของฉัน:

จุดชำระเงิน

ปลายทางต่อไปนี้ใช้สำหรับฟังก์ชันที่เกี่ยวข้องกับการเช็คเอาต์และถูกผนวกเข้ากับ URL ของหน้า /checkout:

  • หน้าชำระเงิน – /order-pay/{ORDER_ID}
  • ได้รับคำสั่งซื้อแล้ว (ขอบคุณ) – /order-received/
  • เพิ่มวิธีการชำระเงิน – /add-payment-method/
  • ลบวิธีการชำระเงิน – /delete-payment-method/
  • ตั้งค่าวิธีการชำระเงินเริ่มต้น – /set-default-payment-method/

ปลายทางบัญชี

ปลายทางต่อไปนี้ใช้สำหรับฟังก์ชันที่เกี่ยวข้องกับบัญชีและต่อท้าย URL ของหน้า /my-account:

  • คำสั่งซื้อ – /orders/
  • ดูคำสั่งซื้อ – /view-order/{ORDER_ID}
  • ดาวน์โหลด – /downloads/
  • แก้ไขบัญชี (และเปลี่ยนรหัสผ่าน) – /edit-account/
  • ที่อยู่ – /edit-address/
  • วิธีการชำระเงิน – /payment-methods/
  • ลืมรหัสผ่าน – /lost-password/
  • ออกจากระบบ – /customer-logout/

สร้างรหัสย่อหน้าออกจากระบบ WooCommerce

เราจะใช้จุดสิ้นสุดการออกจากระบบ WooCommerce เพื่อออกจากระบบผู้ใช้และเพิ่มรหัสลงในปุ่มรหัสย่อ

จุดสิ้นสุดการออกจากระบบของ WooCommerce คือ – /customer-logout/ เราจะเพิ่ม URL attribute =true เพื่อสร้าง URL ออกจากระบบที่เราจะใช้ในปุ่มออกจากระบบ

โครงสร้าง URL ที่สมบูรณ์ควรเป็นดังนี้ site_url/?logout-endpoint=true

สร้างรหัสย่อการออกจากระบบ WooCommerce

หากคุณไม่เคยสร้างรหัสย่อของ WordPress หรือ WooCommerce มาก่อน ฉันมีคำแนะนำที่ดีที่ฉันเขียนเพื่อช่วยให้คุณเรียนรู้วิธีสร้างรหัสย่อของ WordPress - ตรวจสอบที่นี่

ให้เราสร้างรหัสย่อหน้าออกจากระบบ WooCommerce ทีละขั้นตอน:

  • ขั้นตอนที่ 1 : สร้าง action hook และฟังก์ชันการโทรกลับสำหรับรหัสย่อหน้าออกจากระบบ – f หรือตัวอย่างที่คุณสามารถสร้างได้ดังนี้ : add_shortcode( 'wc_logout_shortcode', 'njengah_wc_logout_shortcode' ); . ฟังก์ชันเรียกกลับยังสร้างได้ดังนี้: function njengah_wc_logout_shortcode(){ }
  • ขั้นตอนที่ 2 : ตรวจสอบว่าผู้ใช้เข้าสู่ระบบ โดยใช้รหัสที่ฉันแชร์ในบทช่วยสอนนี้หรือไม่ – วิธีตรวจสอบว่าผู้ใช้เข้าสู่ระบบใน WordPress หรือไม่: if (is_user_logged_in())
  • ขั้นตอนที่ 3 : สร้างตัวแปร URL ออกจากระบบ และคุณสามารถสร้าง จากจุดสิ้นสุด WooCommerce ได้ดังนี้: $wc_shortcode_logout_url = site_url() . '/?customer-logout=true'; $wc_shortcode_logout_url = site_url() . '/?customer-logout=true';
  • ขั้นตอนที่ 4 : สร้างรหัสปุ่ม และเพิ่มคลาส เพื่อให้คุณสามารถจัดรูปแบบได้อย่างรวดเร็วเพื่อให้เข้ากับโทนสีของธีม WooCommerce ของคุณ <button class="wc_logout_shortcode_btn"><a href="<?php echo $wc_shortcode_logout_url; ?>">Log Out</a></button>
  • ขั้นตอนที่ 5 : ใส่โค้ดนี้และเพิ่มโค้ดในธีมของคุณ ผ่านไฟล์ functions.php หรือคุณสามารถรวมโค้ดนี้ในการพัฒนาปลั๊กอิน WooCommerce ที่กำหนดเองได้ เพิ่มรหัสย่อให้กับ functions.php woocommerce
  • ขั้นตอนที่ 6: ทดสอบ [wc_logout_shortcode] ที่ใดก็ได้บนหน้าหรือโพสต์ หรือแม้แต่วิดเจ็ต WordPress ที่รองรับรหัสย่อ และคุณจะเห็นปุ่มออกจากระบบ WooCommerce ปรากฏขึ้นเมื่อคุณเพิ่มรหัสย่อ

ต่อไปนี้คือข้อมูลโค้ดที่สมบูรณ์ที่คุณสามารถเพิ่มลงใน functions.php เพื่อสร้างรหัสย่อหน้าออกจากระบบ WooCommerce:

 /**
 * เพิ่มปุ่มรหัสย่อหน้าออกจากระบบ WooCommerce
 */

// Shortcode Action hook 

add_shortcode( 'wc_logout_shortcode', 'njengah_wc_logout_shortcode' );

// โทรกลับ 

ฟังก์ชัน njengah_wc_logout_shortcode(){
	
    ob_start();
    // ตรวจสอบว่าผู้ใช้เข้าสู่ระบบอยู่หรือไม่ 
    ถ้า (is_user_logged_in()){ 
          // สร้างตัวแปร url 
	   $wc_shortcode_logout_url = site_url() '/?customer-logout=true';?>
	    <button class="wc_logout_shortcode_btn"><a href="<?php echo $wc_shortcode_logout_url; ?>">ออกจากระบบ</a></button> 
        <?php 
	}

    ส่งคืน ob_get_clean();
}

ขณะนี้ คุณสามารถทดสอบรหัสย่อโดยเพิ่มลงในหน้าใหม่หรือโพสต์ตามที่แสดงในภาพด้านล่าง และคุณจะเห็นปุ่มปรากฏขึ้นที่ส่วนหน้า

รหัสย่อหน้าออกจากระบบ woocommerce

ทดสอบปุ่มรหัสย่อออกจากระบบ WooCommerce บนเพจ

สุดท้าย ที่ส่วนหน้า คุณควรทดสอบปุ่มออกจากระบบและดูว่าทำงานได้หรือไม่ดังที่แสดงในภาพด้านล่าง หากคุณทำตามขั้นตอนทั้งหมด รหัสย่อการออกจากระบบของ WooCommerce ควรทำงานดังที่แสดงในตัวอย่างของฉันด้านล่าง:

ตัวอย่างรหัสย่อออกจากระบบ woocommerce

บทสรุป

ในโพสต์นี้ ฉันได้แชร์วิธีสร้างรหัสย่อสำหรับฟังก์ชันการออกจากระบบ WooCommerce กับคุณ หากคุณต้องการออกจากระบบโดยไม่มีข้อความยืนยันปรากฏขึ้น ฉันได้เขียนคำแนะนำที่ดีเกี่ยวกับวิธีการลบข้อความยืนยันการออกจากระบบของ WooCommerce

ในการสรุปโดยย่อ ในการสร้างรหัสย่อการออกจากระบบ WooCommerce คุณต้องใช้ประโยชน์จากจุดสิ้นสุดการออกจากระบบ WooCommerce เริ่มต้น คุณยังสามารถเปลี่ยน URL ปลายทางนี้เป็นตัวแปรใดก็ได้ที่คุณต้องการ และเพิ่มลงในโค้ดของคุณ มันก็จะใช้งานได้!

บทความที่คล้ายกัน

  1. วิธีตั้งค่าผลิตภัณฑ์เด่นใน WooCommerce
  2. วิธีซ่อนสินค้าทั้งหมดจากหน้าร้านค้าใน WooCommerce
  3. 23 ปลั๊กอิน WooCommerce ที่ดีที่สุดสำหรับการปรับแต่งหน้าชำระเงิน
  4. วิธีเปลี่ยนเส้นทางผู้ใช้หากไม่ได้ลงชื่อเข้าใช้ WordPress » Page Redirect
  5. วิธีลบแถบด้านข้างออกจากหน้าผลิตภัณฑ์ในธีม WooCommerce
  6. ออกจากระบบ WooCommerce โดยไม่มีการยืนยัน : วิธีลบ "คุณแน่ใจหรือไม่ว่าต้องการออกจากระบบ"
  7. วิธีเพิ่มไอคอนลบในหน้าชำระเงินของ WooCommerce
  8. วิธีรับรหัสคำสั่งซื้อใน Woocommerce
  9. วิธีตรวจสอบว่าปลั๊กอินมีการใช้งานใน WordPress หรือไม่ [ 3 วิธี ]
  10. วิธีใช้ WordPress Shortcodes ในเพจหรือโพสต์พร้อมตัวอย่าง
  11. การเปลี่ยนเส้นทาง WooCommerce หลังจากชำระเงิน : วิธีเปลี่ยนเส้นทางไปยังหน้าที่กำหนดเองโดยอัตโนมัติหลังจากชำระเงิน
  12. วิธีรับ URL ของหน้า WooCommerce » รถเข็น ร้านค้า ชำระเงิน & บัญชี
  13. วิธีรับ Post ID โดย Slug ใน WordPress ด้วยตัวอย่างที่ใช้งานได้จริง
  14. วิธีเพิ่มรูปสินค้าหน้าชำระเงิน WooCommerce
  15. วิธีปรับขนาดรูปภาพผลิตภัณฑ์ WooCommerce
  16. วิธีการลบได้ถูกเพิ่มไปยังข้อความรถเข็นของคุณ WooCommerce
  17. วิธีเปลี่ยนไอคอน PayPal บนหน้าชำระเงิน WooCommerce
  18. วิธีปรับขนาดรูปภาพผลิตภัณฑ์ WooCommerce
  19. วิธีซ่อนไอคอน PayPal บนหน้าชำระเงิน WooCommerce
  20. วิธีเพิ่มข้อความก่อนราคาใน WooCommerce » เพิ่มข้อความก่อนราคา