วิธีดันส่วนท้าย WordPress ของคุณลงไปที่ด้านล่างของหน้า

หาก ธีม WordPress ของคุณไม่มีส่วนท้ายที่อยู่ด้านล่างสุดของหน้า คุณอาจสงสัยว่าคุณจะดันส่วนท้ายลงไปที่ด้านล่างของหน้าได้อย่างไร มีสองสามวิธีที่คุณสามารถทำได้ แต่วิธีที่ง่ายที่สุดคือการเพิ่ม CSS เล็กน้อยให้กับธีมของคุณ ขั้นแรก คุณจะต้องเปิดสไตล์ชีตของธีม (style.css) และมองหาโค้ดที่ควบคุมตำแหน่งของส่วนท้าย มันจะมีลักษณะดังนี้: #footer { ตำแหน่ง: ญาติ; } สิ่งที่คุณต้องทำคือเปลี่ยนตำแหน่งจาก "ญาติ" เป็น "สัมบูรณ์" ดังนั้นโค้ดควรมีลักษณะดังนี้: #footer { position: absolute; } บันทึกการเปลี่ยนแปลงของคุณและอัปโหลดไฟล์ไปยังเซิร์ฟเวอร์ของคุณ ตอนนี้ เมื่อคุณรีเฟรชหน้าของคุณ ส่วนท้ายควรถูกผลักลงไปที่ด้านล่างของหน้า

ฉันจะทำให้ส่วนท้ายของฉันติดอยู่ด้านล่างใน WordPress ได้อย่างไร

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

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

ฉันจะลดความสูงของส่วนท้ายใน WordPress ได้อย่างไร

มีสองสามวิธีในการลดความสูงของส่วนท้ายใน WordPress วิธีหนึ่งคือการปรับการตั้งค่าการเติมในเครื่องมือปรับแต่ง อีกวิธีหนึ่งคือการแก้ไขโค้ด CSS สำหรับส่วนท้าย

หลายรูปแบบรวมถึง ส่วนท้ายหลักที่มีขนาดใหญ่ เกินไป ซึ่งบางส่วนก็ใหญ่พอๆ กับสนามบาสเก็ตบอล หากคุณมีตัวปรับแต่งส่วนหน้าในตัวหรือตัวปรับแต่ง WordPress คุณสามารถปรับแต่งส่วนท้ายได้อย่างง่ายดายโดยเพิ่ม/ลด/ซ่อน หากคุณต้องการใช้ธีมโค้ดสะอาดคุณภาพพรีเมียม เช่น Astra, Generate Press และ Neve เราขอแนะนำให้คุณทำเช่นนั้น มัลแวร์ บ็อต และไวรัสทั้งหมดมีอยู่ในธีมที่ไม่มีข้อมูล ทำให้เสี่ยงต่อการถูกแฮ็กอย่างมาก ต่อไปนี้เป็นคำแนะนำทีละขั้นตอนในการเพิ่ม ลด หรือซ่อนความสูงของส่วนท้ายด้วยส่วนขยาย Stylebot อนุญาตให้ปรับเปลี่ยนขนาด 'padding' โดยเริ่มจาก 5 และเพิ่มหรือลดได้ตามต้องการ หากคุณได้สร้างโค้ด CSS สำหรับ CSS เพิ่มเติมแล้ว ให้ปล่อยไว้ตามเดิมแล้ววางโค้ดใหม่ด้านล่าง

การลดความสูงของส่วนท้ายใน WordPress

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

เทมเพลตส่วนท้ายของ WordPress

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

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

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

เมื่อคลิก 'สร้าง' ในช่อง 'สร้าง' คุณสามารถดาวน์โหลดธีมย่อยของคุณได้ แต่เราขอแนะนำให้คุณคลิกตัวเลือก 'ตัวเลือกขั้นสูง' แทน คุณสามารถเปลี่ยนฟิลด์ที่เกี่ยวข้องกับผู้เขียน URL ผู้เขียน ชื่อโฟลเดอร์ และภาพหน้าจอ (ซึ่งปรากฏเป็นการออกแบบหน้าปกของธีม) ในเมนูตัวเลือกขั้นสูง คุณสามารถเปลี่ยนสี เพิ่มภาพพื้นหลัง และเพิ่มรูปแบบตัวอักษรไปยังส่วนท้ายของ WordPress ได้โดยใช้เครื่องมือปรับแต่ง ด้วยการแก้ไขไฟล์ '.css' คุณสามารถเปลี่ยนส่วนท้ายใน WordPress ได้ นี่คือผลิตภัณฑ์ที่เราขอแนะนำอย่างยิ่งให้คุณอย่าใช้ เหตุผลนี้จะอธิบายได้ในไม่ช้า ต่อไปนี้คือตัวเลือกสองสามอย่างในการเพิ่มโค้ดลงในส่วนท้ายของเว็บไซต์ WordPress ของคุณ

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

เพิ่มวิดเจ็ต 'WPForms' แทน 'Image Widget' ที่ส่วนท้ายของคุณ ในการรับวิดเจ็ต WPForms คุณต้องติดตั้งปลั๊กอินก่อนและสร้างแบบฟอร์มการติดต่อ ส่วนท้ายของเว็บไซต์ WordPress สามารถมีทั้งภาพ Google Maps และภาพ WordPress วิธีแรกคือการฝังโค้ดลงในแผนที่ผ่านการฝังแผนที่ ขั้นตอนที่สองคือการติดตั้งปลั๊กอิน เช่น Maps Widget สำหรับ Google Maps ใน WordPress คุณสามารถแก้ไขส่วนท้ายได้อย่างง่ายดายโดยใช้ตัวแก้ไขแบบ WYSIWYG หรือแก้ไขไฟล์ PHP สองสามไฟล์

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

แก้ไขส่วนท้าย

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