เนื้อหา
เรียนรู้วิธีจัดการ CSS และเพิ่มพูนรูปร่างของบล็อก Tumblr ของคุณ ตัวอย่างเช่นคอลัมน์แบ่งบล็อกของคุณออกเป็นส่วนแนวตั้งที่ปรากฏในแนวนอนข้ามเว็บเพจแต่ละคอลัมน์มีความกว้างเฉพาะ เปลี่ยนความกว้างและเค้าโครงของหน้าของคุณโดยแก้ไขโค้ด CSS ของบล็อก
สไตล์ CSS ของคอลัมน์
เว็บเพจจำนวนมากประกอบด้วยสองคอลัมน์ขึ้นไป ด้านซ้ายของหน้าสามารถมีเมนูนำทางคอลัมน์กลางสามารถแสดงเนื้อหาหลักของหน้าและคอลัมน์ตัวเลือกทางด้านขวาสามารถแสดงลิงก์และโฆษณา นักพัฒนาเว็บใช้ CSS ซึ่งรู้จักกันในชื่อ Cascading Style Sheets เพื่อสร้างคอลัมน์เหล่านี้ แอตทริบิวต์ความกว้าง CSS ซึ่งหมายถึงความกว้างขององค์ประกอบเป็นหนึ่งในคุณลักษณะที่สำคัญที่สุดที่ใช้ใน CSS เพื่อเปลี่ยนวิธีที่คอลัมน์ปรากฏบนหน้าเว็บทำให้ค่าของแอตทริบิวต์ความกว้างมีขนาดใหญ่ขึ้นและคอลัมน์ มีความยาว ลดค่าเพื่อทำให้คอลัมน์แคบลง
การปรับขนาดคอลัมน์
คุณควรซื้อการปรับปรุงก่อนที่จะเปลี่ยนการกำหนดค่า CSS หน้าบล็อกและคอลัมน์ของคุณ หลังจากอัปเดตการคลิก "การออกแบบที่กำหนดเอง" ในแผงควบคุมของคุณจะนำคุณไปยังหน้าการออกแบบ หน้านี้มีสองตัวเลือกสำหรับการแก้ไข CSS ตัวเลือกหนึ่งให้คุณอัปเดตรหัส CSS ของบล็อกที่มีอยู่ของคุณ หากคุณเลือกตัวเลือกนี้คุณสามารถอัปเดตค่าความกว้างของแท็ก CSS ที่กำหนดคอลัมน์บล็อก เลือกตัวเลือก "เริ่มใหม่จากศูนย์" หากคุณต้องการสร้างรหัส CSS ของคุณเอง ตัวเลือกนี้ช่วยให้คุณควบคุมลักษณะที่บล็อกของคุณจะปรากฏ แต่ต้องการความรู้เพิ่มเติมเกี่ยวกับ CSS สไตล์
การพิจารณา
WordPress แนะนำให้เพิ่มตัวเลือก "edit-css-content-width" ใน CSS ของคุณหากคุณเปลี่ยนความกว้างของคอลัมน์ที่เก็บเนื้อหาหลัก เมื่อเบราว์เซอร์ดูตัวเลือกนี้พวกเขาจะปรับขนาดของวิดีโอและวัตถุสื่ออื่น ๆ เช่นรูปภาพเพื่อให้พอดีกับคอลัมน์เนื้อหาหลัก เมื่อสร้างคอลัมน์ที่กว้างขึ้นให้พิจารณาดูผู้ชมของคุณ ไม่ใช่ทุกคนที่มีหน้าจอกว้าง หากคุณทำให้คอลัมน์ของคุณใหญ่เกินไปผู้เข้าชมบล็อกของคุณจะต้องเลื่อนหน้าจอเพื่อดูเนื้อหาทั้งหมด
ตัวเลือกรูปแบบอื่น ๆ สำหรับคอลัมน์
คุณยังสามารถปรับเปลี่ยนลักษณะที่ปรากฏของบล็อกของคุณโดยเปลี่ยนลำดับของคอลัมน์ในชุดรูปแบบเริ่มต้นของ WordPress แท็บตัวเลือกชุดรูปแบบ - ตั้งอยู่บนหน้าแดชบอร์ด - มีตัวเลือกเค้าโครงสามแบบที่คุณสามารถนำไปใช้กับบล็อกของคุณได้ทันที เลือกหนึ่งในตัวเลือกเพื่อทำให้เนื้อหาหลักของคุณปรากฏในคอลัมน์ซ้ายคอลัมน์ขวาหรือกึ่งกลางของหน้า ตัวเลือกสุดท้ายลบแถบด้านข้างทั้งหมดในบล็อกและออกจากคอลัมน์ขนาดใหญ่ที่แสดงเนื้อหาหลักของคุณในศูนย์กลางของหน้า ก่อนที่คุณจะเปลี่ยนขนาดของคอลัมน์โดยใช้ CSS ลองพิจารณาตัวเลือกเหล่านี้เพื่อดูว่ามันมีผลต่อลักษณะที่ปรากฏของบล็อกของคุณอย่างไร คุณอาจชอบหนึ่งในนั้น