ใครกำลังประสบปัญหาเนื้อที่การเขียนเอ็นทรีในบล็อกน้อยไปหรือเปล่า

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

ในตัวอย่างจะขยายความกว้างขึ้นอีก 100px (pixels) เพราะง่ายต่อความเข้าใจครับ

ให้ไปที่ Tab ชื่อ Theme
> คลิกที่ปุ่ม Edit ของธีมที่ต้องการ
> หน้าจอ CSS Editor จะโผล่ขึ้นมา
>
ให้แก้ไขข้อมูลของธีมที่ถูกเลือกในจุดต่าง ๆ ตามนี้

#page
#header, #neck, #belly, #leg, #footer
ให้แก้ไขค่า width จาก 780px เป็น 880px

#coverimage
#neck .module
#leg .module
ให้แก้ไขค่า width จาก 730px เป็น 830px

#content
ให้แก้ไขค่า width จาก 490px เป็น 590px


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

#header
ให้กำหนดค่าของ background โดยระบุตำแหน่งรูปใหม่ที่ปรับขนาดแล้ว
url(
เลือกไฟล์ header ที่แก้ไขความกว้างแล้ว) top left no-repeat;

#neck
#leg
ให้กำหนดค่าของ background โดยระบุตำแหน่งรูปใหม่ที่ปรับขนาดแล้ว

url(เลือกตำแหน่งไฟล์ belly ที่แก้ไขความกว้างแล้ว) top left;

#belly
ให้กำหนดค่าของ background โดยระบุตำแหน่งรูปใหม่ที่ปรับขนาดแล้ว
url(
เลือกตำแหน่งไฟล์ belly ที่แก้ไขความกว้างแล้ว) repeat-y;

#footer
ให้กำหนดค่าของ background โดยระบุตำแหน่งรูปใหม่ที่ปรับขนาดแล้ว
url(เลือกตำแหน่งไฟล์ footer ที่แก้ไขความกว้างแล้ว) bottom left no-repeat;

ซึ่งจะต้องนำรูปที่แก้ไขแล้วมาอัพโหลดเก็บไว้ในพื้นที่ในบล็อก
แล้วจึงนำเอา url ของแต่ละภาพไปใส่ในตำแหน่งที่กำหนดไว้

และข่าวดีก็คือ ผมทำรูปพวกนั้นมาให้โหลดกันแล้ว ก๊อปเอาไปใช้กันได้เลย

  • header.png ขนาดความกว้าง 880 pixels [ PNG | GIF ]
  • belly.png ขนาดความกว้าง 880 pixels [ PNG | GIF ]
  • footer.png ขนาดความกว้าง 880 pixels [ PNG | GIF ]

หมายเหตุ: ไฟล์ PNG จะมีการสร้างเงาใต้กรอบรูป ส่วนไฟล์ GIF จะไม่มีเงาครับ

คำเตือน: การใช้ไฟล์ PNG ในบล็อก อาจส่งผลข้างเคียงอย่างรุนแรงกับผู้ที่ใช้ IE ได้ อ่านที่นี่ »

หรือถ้าคุณคิดว่าขนาด 880 นั่นยังกว้างไม่พอสำหรับบล็อกคุณ เอาไปเลย 980 pixels

  • header.png ขนาดความกว้าง 980 pixels [ PNG | GIF ]
  • belly.png ขนาดความกว้าง 980 pixels [ PNG | GIF ]
  • footer.png ขนาดความกว้าง 980 pixels [ PNG | GIF ]

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

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

ขอให้สนุกกับการแต่งบล็อกครับ

Comment

Comment:

Tweet

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

#352 By nattarx on 2015-07-27 05:22

ขอบคุณมากจริงๆ ค่ะ ทนใช้เอนทรี่แคบๆ มาตั้งนาน มันขัดใจมาก 5555555

#351 By ✎CRAZYBUTLER on 2015-05-07 17:13

ขอบคุณมากๆๆๆๆๆนะคะ อยากได้บล็อกกว้างๆมานานแล้ว cry

#350 By ชิลาห์ on 2014-08-14 20:07

ขอบคุณค่ะconfused smile

#349 By Ducku on 2013-03-08 19:52

Thanksss

#348 By CHiNESHaN on 2012-09-19 18:14

Hot! ขอบคุณค่ะ

#347 By maymaycg on 2012-08-05 18:30

ขอบคุณมากค่ะสำหรับคำแนะนำ

#346 By Little_Seal on 2012-05-07 16:19

ขอบคุณค่า แต๊งกิ้วหลายๆเน้อ >w<

#345 By Sphere Root on 2012-04-29 22:41

ขอบคุณน๊ะ ^^ แค่เน้รูปก็ไม่บังแว้ววว

#344 By BlckKonA on 2012-04-13 14:05

ขอบคุณค่าา :'D

#343 By plengstudio on 2012-04-07 00:38

Hot! Hot! Hot! Hot! Hot!
ขอบคุณมากค่า cry

#342 By takano on 2012-03-14 16:46

thanks kaHot! Hot!
ขอบคุณมากครับ surprised smile

#340 By โมะ on 2011-11-15 10:32