การลบความพิเศษจากเค้าโครง WebCards

• เมษายน 20, 2024

ตอนนี้เราได้ตั้งค่าเทมเพลตใหม่เป็นเทมเพลตเริ่มต้นสำหรับระบบ WebCards แล้วเราสามารถเริ่มกำหนดเค้าโครงเองได้ ดังที่เราได้กล่าวถึงก่อนหน้านี้เรามีเพียง 510 px เท่านั้นที่จะทำงานกับหน้าแฟน Facebook ของเรา วิธีหนึ่งในการประหยัดพื้นที่คือการลบปฏิทินกิจกรรมและ Search Cloud จากด้านขวาของโครงร่าง

ปฏิทินกิจกรรมและคลาวด์การค้นหา

เทมเพลตที่เราจะต้องดำเนินการคือเทมเพลต view_image_stats.html อย่างที่คุณเห็นเทมเพลตนี้เป็นตารางที่มีห้าเซลล์ เซลล์แรกที่เก็บลิงค์เมนูด้านข้างจะได้รับร้อยละ 15 ของความกว้างทั้งหมดของตารางและสามเซลล์ถัดไปที่มีภาพขนาดย่อจะได้รับร้อยละ 20 เซลล์ตารางสุดท้ายที่มีปฏิทินและคลาวด์จะได้รับ 25 เปอร์เซ็นต์

วิธีง่ายๆในการลบปฏิทินและคลาวด์คือการลบเซลล์ตารางที่ห้า แน่นอนว่าเราจะลบ 25 เปอร์เซ็นต์ของตารางด้วย เราต้องกระจาย 25 เปอร์เซ็นต์นี้ไปยังเซลล์ที่เหลือ

เซลล์แรก - 15 กลายเป็น 25
เซลล์ที่สอง - 20 กลายเป็น 25
เซลล์ที่สาม - 20 กลายเป็น 25
เซลล์ที่สี่ - 20 กลายเป็น 25
เซลล์ที่ห้า - 25

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

ลิงก์หมวดหมู่ทั้งหมด

เรามีอีการ์ดชุดเล็ก ๆ นี้เราไม่ต้องการลิงค์ทุกหมวดหมู่ในเมนูด้านข้าง ดังนั้นเรามาลบลิงค์นี้เพื่อทำให้เมนูด้านข้างรกรุงรังน้อยลง เราจะต้องทำงานกับไฟล์อื่นที่เรียกว่า Functions.php ไฟล์นี้ถูกเก็บไว้ในโฟลเดอร์ต้นทาง

htdocs / webcards / แหล่งที่มา / functions.php

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

เค้าโครงแนวนอน

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

htdocs / webcards / index.php

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

return select_image_template ($ ข้อความ);

//www.mywebcards.net

ภาพหน้าจอ WebCards ที่ใช้โดยได้รับอนุญาต