วิธีเปลี่ยนส่วนท้ายในหน้าร้าน – 3 วิธีง่ายๆ

เผยแพร่แล้ว: 2021-03-25

คุณต้องการทราบวิธีการเปลี่ยนส่วนท้ายในธีม StoreFront หรือไม่? โพสต์นี้เหมาะสำหรับคุณ ในคู่มือนี้ เราจะแสดงให้คุณเห็น 2 วิธีในการทำ

ข้อมูลเบื้องต้นเกี่ยวกับหน้าร้าน

หน้าร้านเป็นหนึ่งในธีม WooCommerce ที่ดีที่สุด และใช้กันอย่างแพร่หลายในร้านค้าอีคอมเมิร์ซ ชุดรูปแบบนี้ได้รับการพัฒนาโดย Automattic และสามารถใช้ได้ทั้งในที่เก็บ WordPress.org และเว็บไซต์ WooCommerce อย่างเป็นทางการ

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

ทำไมต้องเปลี่ยนส่วนท้ายของไซต์ WordPress ของคุณ?

แม้ว่าผู้ดูแลไซต์จะเน้นที่ส่วนหัวเป็นหลัก แต่ส่วนท้ายก็เป็นส่วนสำคัญของเว็บไซต์ด้วย คุณสามารถเพิ่มรายละเอียดที่สำคัญเกี่ยวกับเว็บไซต์และบริการของคุณ ลบหรือเพิ่มสิ่งต่างๆ เช่น ลิงก์ไปยังนโยบาย ข้อมูลติดต่อ โซเชียลมีเดีย และอื่นๆ คุณยังสามารถเพิ่มลิงก์ไปยังผลิตภัณฑ์ บริการ และเว็บไซต์อื่นๆ ที่คุณเป็นเจ้าของหรือเกี่ยวข้องได้

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

ยิ่งไปกว่านั้น หากคุณต้องการทำ Google Search Console หรือการยืนยัน Google AdSense หรือการรวม Google Analytics แต่ไม่ต้องการทำผ่านส่วนหัว คุณสามารถใส่รหัสไว้ในส่วนท้ายได้

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

วิธีเปลี่ยนส่วนท้ายในหน้าร้าน

มี 3 วิธีในการเปลี่ยนส่วนท้ายอย่างง่ายดายในธีมหน้าร้าน:

  1. จากแดชบอร์ด WordPress
  2. ด้วยปลั๊กอิน
  3. โดยทางโปรแกรม

มาดูวิธีการเหล่านี้กัน

1. เปลี่ยนส่วนท้ายในหน้าร้านจาก WordPress Dashboard

หลังจากที่คุณติดตั้งธีมหน้าร้านแล้ว ส่วนท้ายเริ่มต้นของคุณจะมีลักษณะเหมือนภาพด้านล่าง

ส่วนท้ายของหน้าร้านเริ่มต้น เปลี่ยนส่วนท้ายในหน้าร้าน

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

เรามาดูวิธีการทำสิ่งเหล่านี้ทีละขั้นตอนกัน

1.1. เปลี่ยนสีส่วนท้ายในหน้าร้าน

หากต้องการเปลี่ยนส่วนท้ายในหน้าร้านโดยใช้เครื่องมือปรับแต่งแบบสด ให้ไปที่ลักษณะที่ ปรากฏ > ปรับแต่ง คุณจะถูกเปลี่ยนเส้นทางไปยังเครื่องมือปรับแต่ง WordPress แบบสด

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

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

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

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

1.2. เปลี่ยนวิดเจ็ตส่วนท้ายในหน้าร้าน

นอกจากการเปลี่ยนสีแล้ว คุณยังสามารถปรับแต่งวิดเจ็ตส่วนท้ายได้อีกด้วย ในหน้าร้าน คุณสามารถทำได้จาก 2 เมนูย่อยที่แตกต่างกัน คุณสามารถเปิดแท็บ วิดเจ็ต จาก ลักษณะที่ปรากฏ > ปรับแต่ง หรือไปที่ลักษณะที่ ปรากฏ > วิดเจ็ต

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

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

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

วิดเจ็ตเปลี่ยนส่วนท้ายในหน้าร้าน

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

วิดเจ็ตส่วนท้ายคอลัมน์ 2 เปลี่ยนส่วนท้ายในหน้าร้าน

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

1.3. เปลี่ยนส่วนท้ายในหน้าร้านโดยใช้ตัวแก้ไขธีม

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

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

เมื่อคุณทำเสร็จแล้ว ให้ไปที่ Appearance > Theme Editor เปิดแท็บสำหรับไฟล์ functions.php และวางข้อมูลโค้ดต่อไปนี้

 add_action( 'init', 'custom_remove_footer_credit', 10 );
ฟังก์ชั่น custom_remove_footer_credit () {
    remove_action( 'storefront_footer', 'storefront_credit', 20 );
    add_action( 'storefront_footer', 'custom_storefront_credit', 20 );
}

ฟังก์ชั่น custom_storefront_credit() {
?>
<div class=”site-info”>
Quadlayers<?php echo get_bloginfo( 'ชื่อ' ) ' ' . get_the_date( 'ใช่' ); ?>
</div><!– .site-info –>
<?php
}

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

2. เปลี่ยนส่วนท้ายในหน้าร้านโดยใช้ Plugin

หากคุณต้องการประหยัดเวลาและงานเพิ่มเติมในการแก้ไขส่วนท้ายในหน้าร้าน คุณสามารถใช้ปลั๊กอินเฉพาะได้

คุณอาจรู้ว่าหน้าร้านเข้ากันได้กับปลั๊กอิน WordPress ที่หลากหลาย แต่นั่นไม่ใช่ทั้งหมด มีปลั๊กอินที่ออกแบบมาเพื่อปรับแต่งพื้นที่ต่างๆ ในธีมหน้าร้านโดยเฉพาะ หนึ่งในปลั๊กอินที่ดีที่สุดคือ Change Storefront Footer Copyright Text ตามชื่อของมัน เครื่องมือนี้ให้คุณแก้ไขข้อความลิขสิทธิ์ในส่วนท้ายของหน้าร้าน

ในการใช้ปลั๊กอินนี้ คุณต้องติดตั้งและเปิดใช้งาน ดังนั้นก่อนอื่น ให้ไปที่ ปลั๊กอิน > เพิ่มใหม่ แล้วค้นหา จากนั้นคลิก ติดตั้ง ทันทีแล้ว เปิดใช้งาน หากคุณมีปัญหาใด ๆ ดูคำแนะนำของเราที่อธิบายวิธีการติดตั้งปลั๊กอิน WordPress ด้วยตนเอง

เปลี่ยนส่วนท้ายของหน้าร้าน ข้อความลิขสิทธิ์ เปลี่ยนส่วนท้ายของหน้าร้าน

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

ตัวแก้ไขส่วนท้ายของหน้าร้าน เปลี่ยนส่วนท้ายในหน้าร้าน

หลังจากที่คุณได้เพิ่มข้อมูลทั้งหมดที่คุณต้องการแล้ว ให้บันทึกการเปลี่ยนแปลง จากนั้นตรวจสอบไซต์ของคุณจากส่วนหน้าเพื่อดูการเปลี่ยนแปลง

3. เปลี่ยนส่วนท้ายในหน้าร้านโดยทางโปรแกรม

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

หมายเหตุ: ในขณะที่เราจะแก้ไขไฟล์หลัก ก่อนเริ่มต้น เราขอแนะนำให้คุณสำรองข้อมูลไซต์ของคุณทั้งหมดและใช้ธีมย่อย หากคุณไม่รู้ว่าจะเรียนรู้วิธีสร้างหรือใช้ปลั๊กอินเหล่านี้ได้อย่างไร

3.1. ลบเครดิตหน้าร้าน

หากต้องการลบเครดิตหน้าร้านออกจากส่วนท้ายโดยสมบูรณ์ เพียงเพิ่มข้อมูลโค้ดต่อไปนี้ที่ส่วนท้ายของไฟล์ functions.php ของธีมลูกของคุณ

 add_action( 'wp', 'ql_remove_credits_storefront' );
การทำงาน ql_remove_credits_storefront () {
remove_action( 'storefront_footer', 'storefront_credit', 20 );
}

3.2. ปรับแต่งข้อความลิขสิทธิ์

ตอนนี้ สมมติว่าคุณต้องการแก้ไขข้อความลิขสิทธิ์ของส่วนท้าย สำหรับสิ่งนั้น เราจะสร้างสตริงข้อความใหม่ที่ระบุว่า Copyright + year + by QuadLayers ดังนี้:

 add_filter( 'storefront_copyright_text', 'ql_customize_storefront_footer_copyright_text' );
การทำงาน ql_customize_storefront_footer_copyright_text () {
$text = ' วันที่ลิขสิทธิ์' ( 'Y' ) ' โดย QuadLayers';
ส่งคืน ข้อความ $;
}

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

โบนัส: เพิ่มฟีด Instagram ในส่วนท้าย

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

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

วิธีเพิ่มฟีด Instagram ในส่วนท้าย

วิธีที่ง่ายที่สุดในการเพิ่มฟีด Instagram ที่ส่วนท้ายคือการใช้ปลั๊กอิน สำหรับการสาธิตนี้ เราจะใช้ Social Gallery Feed (เดิมเรียกว่า Instagram Gallery Feed ) นี่คือปลั๊กอิน freemium ที่มีเวอร์ชันฟรีพร้อมคุณสมบัติพื้นฐานและแผนพรีเมียม 3 แผนซึ่งเริ่มต้นที่ 19 USD (ชำระครั้งเดียว)

ฟีด Instagram

ขั้นแรก คุณต้องติดตั้งและเปิดใช้งานปลั๊กอินบนเว็บไซต์ WordPress ของคุณ จากนั้นไปที่เมนู Social Feed Gallery บนแดชบอร์ด WordPress และเปิดแท็บ Accounts

ที่นี่ คุณต้องเพิ่มบัญชี Instagram ของคุณ คุณสามารถเพิ่มบัญชีส่วนตัวหรือบัญชีธุรกิจ

บัญชีแกลเลอรีฟีดโซเชียลเปลี่ยนส่วนท้ายในหน้าร้าน

หลังจากนั้น ไปที่แท็บ ฟีด แล้วคลิก +ฟีด เพื่อสร้างฟีด Instagram

เพิ่มส่วนท้ายเปลี่ยนฟีดที่หน้าร้าน

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

แก้ไขฟีด เปลี่ยนส่วนท้ายในหน้าร้าน

หากต้องการเพิ่มฟีด Instagram ที่ส่วนท้าย ให้ไปที่เมนู วิดเจ็ต จากแดชบอร์ดของคุณ หรือไปที่ลักษณะที่ ปรากฏ > ปรับแต่ง จากนั้นเลือกคอลัมน์ส่วนท้ายที่คุณต้องการรวมฟีด Instagram และเพิ่มวิดเจ็ต Social Feed Gallery หลังจากที่คุณเพิ่มชื่อและรหัสแกลเลอรีสำหรับฟีดแล้ว ให้คลิก เสร็จสิ้น

วิดเจ็ตฟีด Instagram เปลี่ยนส่วนท้ายในหน้าร้าน

หรือคุณสามารถใช้รหัสย่อที่มีให้ในแท็บ ฟีด เพื่อเพิ่มฟีด Instagram ไปยังเว็บไซต์ของคุณ

สุดท้าย หากคุณตรวจสอบไซต์ของคุณจากส่วนหน้า คุณจะสามารถเห็นฟีด Instagram ที่ส่วนท้าย

ตัวอย่างส่วนท้ายของเครื่องมือปรับแต่ง เปลี่ยนส่วนท้ายในหน้าร้าน

สำหรับทางเลือกเพิ่มเติมและคำอธิบายเชิงลึก โปรดดูคำแนะนำเกี่ยวกับวิธีการผสานรวม WordPress กับ Instagram

บทสรุป

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

  • จากแดชบอร์ดผู้ดูแลระบบ WordPress
  • การใช้ปลั๊กอินเฉพาะ
  • โดยทางโปรแกรม

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

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

คุณได้แก้ไขส่วนท้ายในหน้าร้านหรือไม่? คุณใช้วิธีไหน? มีตัวเลือกอื่นที่เราควรเพิ่มหรือไม่? แจ้งให้เราทราบในความคิดเห็นด้านล่าง

หากคุณพบว่าคู่มือนี้มีประโยชน์ บทความเหล่านี้ก็อาจสนใจคุณเช่นกัน:

  • วิธีแก้ไขส่วนหัวใน WordPress
  • สุดยอดปลั๊กอินฟีด Instagram สำหรับ WordPress
  • ปลั๊กอินที่ดีที่สุดสำหรับ WooCommerce (ฟรี+จ่าย)