ที่ นี่ มี ม า ก ก ว่ า สิ่ ง ที่ เ รี ย น รู้ ไ ด้

เปิดบล็อก แต่งบ้าน (2)

3. เลือกธีม

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

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

3.1 เลือกธีม syrup

{เพิ่มเติม 19 ก.ค. 51: หากท่านพอใจธีมที่นี่ ให้เลือกธีม syrup ซึ่งค่าปริยายเป็นเหมือนกับในบล็อก}

เมื่อเข้า Dashboard ก็คลิกที่ Design แล้วไปคลิกที่ธีมที่ชื่อ Syrup เมื่อเลือกธีมนี้แล้ว submenu จะเปลี่ยนเป็น

Themes Widgets    Theme Display Option

3.2 เลือกเครื่องมือสำหรับ sidebar

ธีม syrup นี้ เมื่อใช้ร่วมกับ Plugin ซึ่งเราได้ activate เอาไว้ในข้อ 2. เมื่อตอนที่แล้วแล้วนั้น ผมเลือก widget 6 อันสำหรับบล็อกนี้ เลือกโดยการคลิกที่ Add จากตัวเลือกทางด้านขวา เมื่อ Add แล้ว widget นั้นจะย้ายมาอยู่ทางด้านซ้ายแทน

เมื่อ Add widget แล้ว widget ลอยเข้าไปอยู่ทางด้านขวาของจอแล้ว เราสามารถจัดลำดับของ widget ได้โดยใช้เมาส์ลากไปยังตำแหน่งที่ต้องการ (drag & drop) ยิ่งกว่านั้น ยังสามารถเปลี่ยนคำบรรยายจากภาษาอังกฤษเป็นภาษาไทยได้ด้วย โดยคลิกที่ Edit ของแต่ละ widget แก้ไปทีละอัน

ที่สำคัญมากคือ ต้องคลิกที่ Save Changes ด้วย ไม่อย่างนั้น ที่ทำมาก็จะสูญหายทั้งหมด

3.3 ปรับแต่งธีม

กรณีนี้ เป็นกรณีพิเศษสำหรับธีม syrup ส่วนธีมอื่นๆ จะไม่มีเมนู Theme Display Options นี้

หากท่านเลือกใช้ธีมอื่น ให้ข้ามข้อนี้ไปเลย

ในเมนูนี้ มีสี่บริเวณย่อยให้จัดการ คือ

  1. Header Settings — ใช้ตั้งค่าส่วนหัวของบล็อก และใช้ใส่รูปที่ส่วนหัวของบล็อกและบันทึก (ไม่แนะนำเนื่องจากทำให้ช้า)
  2. Layout Settings — ใช้กำหนดรายละเอียดของ Sidebar; แนะนำให้เลือก Layout Type เป็น Liquid และเลือก Sidebar Orientation เป็นอันแรก (Sidebar อยู่ซ้าย) หรืออันที่สอง (Sidebar อยู่ขวา) ไม่ให้เลือกอันที่สาม (Sidebar อยู่ล่าง) — มีผู้ที่ใช้ Internet Explorer รายงานว่ากรณี Sidebar อยู่ทางซ้ายใช้ไม่ได้ เนื่องจากเมนูใน Sidebar มาทับเนื้อความ จึงขอแนะนำให้เลือกเอา Sidebar ไว้ทางด้านขวา หรือข้างล่างเท่านั้น
  3. Color Settings — แต่งสีตามต้องการ
  4. Font Size Settings — เลือกธีมนี้มา ก็เพราะมีทางที่ผู้ใช้ สามารถปรับขนาดตัวอักษรได้เพื่อเป็นมุทิตาจิตต่อ สว. ซึ่งสำหรับค่าในปัจจุบัน เป็นไปดังนี้

เมื่อปรับแต่งทุกอย่างจนพอใจ คลิก Save Theme Display Options เพื่อบันทึกค่าที่ตั้งไว้ ถ้าลืมตรงนี้ ต้องทำใหม่; หากมีค่าใดที่ไม่พอใจ ก็ย้อนกลับมาทำข้อ 3.3 ใหม่ได้ และต้องบันทึกค่าที่ตั้งใหม่อีกครั้งหนึ่ง (ทำซ้ำกี่ครั้งก็ได้ จนพอใจ)

12 Responses to “เปิดบล็อก แต่งบ้าน (2)”

  1. ขอบคุณค่ะ
    ธีม Syrup มีเรื่อง Theme Display Options ที่เป็นประโยชน์อย่างนี้นี่เอง

  2. หลังจากลองทำตามที่น้องท่านสอนสั่ง รู้ว่าน่าจะมีคนงมๆกับการปรับ color setting เหมือนตัวเองตอนเริ่มๆ จึงขอเอา website มาฝากคนที่ไม่รู้ code สีที่จะใช้ปรับ color setting ค่ะ
    แวะไปดู code ได้ที่นี่นะค่ะ http://azazellis.exteen.com/colour-code-1

  3. @ ขาเม้าธ์ว่า http://sukumal.brinkster.net/meaploy/angel/color2.html ดูชัดดีครับ

    @ ขนาดของตัวหนังสือปกติในบันทึกและความคิดเห็น คือช่อง Post Text Size (อันที่สามจากท้ายในรูปล่างสุด) — เมื่อปรับตัวนี้แล้ว จะปรับ Post Title Text Size, Comment Title Text Size กับ Comment Title Text Size หรือไม่ ก็พิจารณาเอาเองนะครับ

    @ ขนาดตัวหนังสือใน Sidebar คือสองช่องท้ายครับ อาจจะเล็กกว่า Post Text Size ได้นิดหน่อยโดยไม่น่าเกลียด

  4. ขอบณมากค่ะ งงเต็กเลย :-))

  5. อย่าอ่านเฉยๆ ซิครับ เปิดคู่มือหน้าต่างหนึ่ง แล้วทำไปอีกหน้าต่างหนึ่ง

  6. จำได้ว่าทำ Code ไว้ เลยเอามาฝาก ดูสะดวกเพราะสั้นๆ ค่ะ http://gotoknow.org/file/sspdnong/LittleJazzColorCode.htm แนะนำเทคนิคว่าอย่าเลือกพื้นสีเข้มเจอกับตัวหนังสือสีเข้ม จะทรมานสายตา ทางทฤษฎีสีกล่าวไว้ว่า…พื้นสีเข้มตัวหนังสือสีอ่อนอ่านยากกว่า พื้นสีอ่อนตัวหนังสือสีเข้ม : )

  7. ถ้าเพิ่ม Widget ตัวใดตัวหนึ่งไปแล้ว อยากจะเอาออกในภายหลัง ต้องทำยังไงคะ

  8. Remove ซิครับ

    ใน widget ที่เราเลือกซึ่งเรียงกันอยู่ทางขวา ตัวไหนจะตัดทิ้ง กด “แก้ไข” จากนั้นก็ “Remove”

  9. โอ้ ทำได้แล้ว เส้นผมบังภูเขา ขอบคุณท่านพี่ Logos มากค่ะ

  10. มิมเลือกใช้ธีม syrup แล้ว เห็นเมนู Theme Display Options  แล้ว แต่พอคลิกเข้าไปกลับไม่เห็นเครื่องมือขึ้น แต่เจอคำนี้ขึ้นแทน  Please switch to Firefox /
    Safari  ต้องทำอย่างไรค่ะ ถึงจะเข้าไปแก้สี และขนาดตัวอักษรได้

  11. ?!?!?!?! มีใครเคยเจออาการนี้ไหมครับ ผมตรวจดูในโปรแกรม ไม่มีคำว่า Firefox หรือ Safari เขียนอยู่ตรงไหนเลยครับ

  12. ขอบคุณค่ะ .. สู้ต่อไป - -”

Leave a Reply

You must be logged in to post a comment.