Tags:

สวัสดีครับ

ขอรบกวนสอบถามพี่ๆ ครับ

คือผมอยากรู้ว่าเว็บที่ผมทำจำเป็นต้องทำ UI เพิ่มเติมมั้ยครับ

เพราะทีมที่ผมใช้บางคนก็ว่าโอเคแล้ว บางคนก็บอกเรียบเกินไป บางคนบอกว่าเละเลยก็มี

อีกอย่างถ้าทีมมันเละจนดูไม่ได้จริงๆ จะได้เริ่มเก็บเงินมาหาทางพัฒนาต่อไปครับ

แล้วที่เป็นอยู่มีอุปสรรคในการใช้งานหรือไม่ ที่อยากรู้ก็มีประมาณนี้ครับ

ตัวผมเอง (คนทำเว็บ) ไม่สามารถรู้ได้เพราะเป็นคนตาบอดสนิทครับ ในแง่ของโปรแกรมอ่านหน้าจอก็เข้าถึงได้ ไม่มีปัญหาอะไร

ไปโพสต์ถามลงกลุ่มที่เกี่ยวกับไอทีหลายๆ กลุ่ม ก็ไม่ค่อยมีคนตอบตรงกับสิ่งที่อยากรู้เลยครับ

บางคนแค็ปหน้าจอมาแล้วบอก "ควรแก้มั้ยล่ะ?" พร้อมรูป

บางคน "ตาบอดแล้วเขียนโค้ดยังไง?" เอิ่ม...

อย่างที่กล่าวไป เลยต้องวิ่งมาถามกับพี่ๆ ใน Blognone นี่แหละครับ

ขอบคุณสำหรับความคิดเห็นครับ

https://www.keangun.com/

ป.ล. ขออนุญาตไม่ทำเป็นลิงก์นะครับ เดี๋ยวจะโดนเรื่องทำ SEO ครับ

Get latest news from Blognone
By: mr_tawan
ContributoriPhoneAndroidWindows
on 24 April 2020 - 15:12 #1155685
mr_tawan's picture

อืม ตอนนี้เท่าที่ดู content มันตกลงไปข้างล่าง เพราะว่าเมนูที่ควรอยู่ข้างๆ มันมาอยู่ตรงกลางแล้วมันดัน content ลงไป กลายเป็นว่าพอจะอ่านอะไรก็ต้องเลื่อนลงไปก่อน แบบนี้ไม่ดีครับ


  • 9tawan.net บล็อกส่วนตัวฮับ
By: soullz
AndroidUbuntu
on 24 April 2020 - 16:32 #1155695
soullz's picture

อาจจะต้องลองดูพวก feedly เป็นตัวอย่างครับเว็บนิยาย ความเห็นส่วนตัวผมว่า น่าจะเน้นอ่านง่ายครับ ส่วน adv เหมือนจะเป็นจุดประสงค์หลัก ลองใส่แบบให้ดูชัดเจน สามารถเลื่อนอ่าน/เลื่อนผ่าน ได้ง่ายๆ จะดูดีกับทั้งผู้อ่านแล้วก็ตัวเว็บเองด้วยครับ

By: Elysium
ContributorWindows PhoneSymbianWindows
on 24 April 2020 - 18:54 #1155703
Elysium's picture

ขออนุญาตใช้ภาษาตามที่ผมเข้าใจ และหวังว่าจะเข้าใจตรงกัน

หน้าเว็บปัจจุบัน มีลักษณะเป็นหน้าเว็บตอนเดียว คือนำทุกอย่างมารวมไว้ตรงกลาง แล้วเรียงลำดับจากบนลงล่าง ซึ่งเมื่อเข้าเว็บมา จะไม่เจอ content (เนื้อหา) ก่อน ผู้ใช้ต้องเลื่อนหน้าจอลงมาระยะหนึ่งจึงจะเจอ

สิ่งที่ควรทำหรือปรับปรุง (ทำได้ หรือไม่ได้อย่างไร ให้ว่ากันทีหลัง)

แบ่งสัดส่วนของเว็บ จากบนลงล่าง เป็น 4 ส่วนดังนี้

ส่วนที่ 1 Header หรือส่วนหัวของเพจ
ส่วนที่ 2 Menu bar หรือ Navigation bar แถบนำทาง หรือเมนูหลัก
ส่วนที่ 3 Content area, Side bar ส่วนแสดงเนื้อหาและแถบเมนูด้านข้าง
ส่วนที่ 4 Footer หรือด้านล่างของเพจ

ส่วนที่ 1 Header หรือส่วนหัวของเพจ หน้าเว็บปัจจุบันนั้นดีอยู่แล้ว

ส่วนที่ 2 Menu bar หรือ Navigation bar แถบนำทางหรือเมนูหลัก หน้าเว็บปัจจุบันนั้น เป็นเมนูแบบหล่นลง (Drop-down) ซึ่งถูกซ่อนไว้ เมื่อจะใช้ จะต้องคลิกก่อน เพื่อให้แสดงเมนูทั้งหมด

หากจะให้ดี ควรทำให้แสดงทั้งหมด และเรียงจากซ้ายไปขวา เมนูบางอย่างสามารถย้ายไปไว้ในส่วนของ side bar ได้

ส่วนที่ 3 Content area, Side bar ส่วนแสดงเนื้อหาและแถบเมนูด้านข้าง ในส่วนนี้ให้แบ่งเป็น สองส่วน แบบซ้ายและขวา คือ ส่วนแสดงเนื้อหา และแถบเมนูด้านข้าง จะให้ส่วนใดอยู่ซ้ายหรือขวา ก็เลือกตามสะดวก

Content area หรือส่วนแสดงเนื้อหา ตรงนี้ไม่มีอะไรเป็นพิเศษ เข้าใจว่าถูกตั้งให้เป็น recent post หรือบทความล่าสุด

Side bar หรือแถบเมนูด้านข้าง ในส่วนนี้ ควรประกอบไปด้วย ระบบลงชื่อเข้าใช้ (ที่ปัจจุบันอยู่ส่วนบนสุดของหน้าเว็บ รองจากส่วน Header), นิยายแนะนำ, บทความเสริม รวมถึง link ไปยังเว็บภายนอกต่างๆ

ส่วนที่ 4 Footer หรือด้านล่างของเพจ อันนี้ก็ไม่มีอะไรมาก หน้าเว็บปัจจุบัน เป็นส่วน "เกี่ยวกับเรา" ก็ถือว่าดีแล้ว

ทั้งหมดโดยคร่าวๆ น่าจะประมาณนี้ ปัญหาหลักๆ น่าจะเป็นเรื่องของ layout


คนขี้ลืม | คนบ้าเกม | คนเหงาๆ

By: เพียงเรียงรัก on 24 April 2020 - 22:06 #1155728 Reply to:1155703
เพียงเรียงรัก's picture

ลองจัดตามที่แนะนำแล้วนะครับ (แต่ไม่รู้จะตรงหรือเปล่า) เพราะทีมมีตำแหน่งให้วางบล็อคค่อนข้างเยอะมากครับ

https://www.keangun.com/

By: เพียงเรียงรัก on 24 April 2020 - 21:12 #1155718
เพียงเรียงรัก's picture

ขอบคุณทุกความคิดเห็นครับ เป็นประโยชน์มากๆ

เดี๋ยวจะลองหาพื้นที่ในทีมและวางบล็อคตามคำแนะนำครับ

By: zixs
ContributoriPhoneWindows PhoneAndroid
on 25 April 2020 - 14:37 #1155779
zixs's picture

ในหน้าหลักอาจจะต้องปรับส่วนเมนูกับส่วนนิยายแนะนำอ่ะครับ ส่วนที่เหลือดูดีนะครับ อาจจะมีเรื่องสีอีกนิดนึงครับตรงที่สี background สีเทากับสีตัวหนังสือที่เป็นโทนสีเทาเหมือนกันอาจจะทำให้อ่านยากครับ


Blog: https://medium.com/@tanakritsai

By: เพียงเรียงรัก on 25 April 2020 - 17:17 #1155788 Reply to:1155779
เพียงเรียงรัก's picture

ขอบคุณครับ

ว่าแต่ปรับตรงเมนูนี่ หมายถึงเมนูหลักใช่มั้ยครับ จะต้องแก้ไขให้เป็นลักษณะไหนครับ

By: big50000
AndroidSUSEUbuntu
on 25 April 2020 - 19:09 #1155802
big50000's picture

รายการนิยายแนะนำ อยากให้จัดไว้ตรงกลางครับ เพราะเว็บไซต์บนเครื่องพีซีตอนนี้กองอยู่ด้านซ้าย

By: เพียงเรียงรัก on 25 April 2020 - 21:19 #1155817
เพียงเรียงรัก's picture

ขอบคุณครับ จะลองดู

ไม่รู้ว่าทีมนี้จะมีตำแหน่งให้วางบล็อคตรงกลางหรือเปล่า

By: kowito
Android
on 26 April 2020 - 01:41 #1155827

เยี่ยมเลยแหละ รับจ๊อบป่ะครับ

By: BrainFreeze
Red HatIn Love
on 26 April 2020 - 01:55 #1155828
BrainFreeze's picture

ผมเองก็สาวก drupal ผมชอบ drupal ครับเคยมีโปรเจคต้องพัฒนาด้วย drupal หลายเว็บ
ผูกพันกันอยู่กับ drupal หลายปี แต่งานเลี้ยงย่อมมีวันเลิกลาตามกระแสความนิยม
ก่อนจะมาคบ drupal ผมเองก็เคยชอบ mambo ถัดมา joomla

แต่คำแนะนำของผมสำหรับคุณคือ เปลี่ยนไปใช้ WordPress ชีวิตคุณจะง่ายขึ้น
ใช้ theme เรียบๆ ที่มีโครงสร้างเข้าใจง่าย ยกตัวอย่าง theme นี้
https://wordpress.org/themes/generatepress/
ผมสุ่มจิ้มมาจากหน้า popular เข้าใจว่าฟรี
วาง adsense ที่ส่วน header ด้านบนขวา และ sidebar ด้านขวา เท่านี้ก็สวยแล้วครับ
เชื่อว่าหากคุณพัฒนา drupal ได้ขนาดนี้ จะ migrate data จาก drupal ไป wordpress น่าจะทำได้

ส่วนตัวเว็บไซต์เดิมของคุณผมมีความเห็นดังนี้ครับ
พื้นที่โดยรวม
1. เปลี่ยนโลโก้จากรูปคนสองคนเขียนและอ่านหนังสือเป็นโลโก้ชื่อเว็บ เพื่อจะได้ให้คนจดจำเว็บคุณได้ง่าย ไม่ต้องทำโลโก้ได้เขียนเอาเลยว่า keangun.com หรือ เขียนกันดอทคอม ส่วนรูปนี้หากชอบเป็นพิเศษให้เอาไปใส่ใน sidebar ด้านขวามือ
2. เมนูหลัก ควรแสดงผลแบบแนวนอน เพราะตอนนี้เมนูหลักแสดงผลเรียงลงมาเบียดเนื้อหาไปแล้วทั้งหน้า ต้อง scroll ลงมาถึงจะเห็นเนื้อหา นิยายแนะนำ
3. ตัวหนังสือควรใหญ่กว่านี้ทั้งเว็บ (หรือผมแก่แล้วนะตัวเล็กๆ อ่านไม่ค่อยเห็น)
4. ถ้าต้องการใช้พื้นหลังสีเทา ก็ไม่ควรใช้ตัวหนังสือสีเทา แม้ว่าจะเทาเข้ม มันอ่านลำบาก
5. แนะนำให้ยุบ sidebar เหลือข้างเดียว มีทั้งซ้ายและขวา ทำให้เนือหาโดนบีบ

พื้นที่หน้าแรก
1. นิยายแนะนำทำไมบางเรื่องมีรูปเป็น Link ทำไมบางเรื่องใช้ Text เป็น Link ควรเลือกสักทาง ผมว่าเรื่องที่จะแนะนำ 1 เรื่อง ควรมีรูปและชื่อเรื่องอยู่ด้านล่าง แล้วเว้น 1-2 บรรทัด แล้วแนะนำอีกเรื่องที่ มีรูปและชื่อเรื่องอยู่ด้านล่าง ต่อๆ กันไป
2. เนื้อหาถัดจากเนื้อหาแนะนำ เข้าใจว่าเป็นเรื่องใหม่เรียงกันลงไป แต่ละเรื่องควรเว้น 1-2 บรรทัด แล้วขึ้นเรื่องใหม่ อ่านแล้วติดๆ กันไปหมด

พื้นที่หน้าบทความ https://www.keangun.com/story/529
1. sidebar ด้านซ้ายและขวาโดนเบียดตก ทำให้ด้านซ้ายและขวาโล่งไปเลย แล้วมีเนื้อหาแสดงแบบแคบอยู่ตรงกลาง
2. ด้านล่างโลโก้มีพื้นที่ว่างผิดปรกติโผล่มา ประกาศ tag เปิด html ซ้อนไว้และตั้ง css เป็น display: block
3. ด้านล่างเมนูหลักมีพื้นที่ว่างผิดปรกติโผล่มาอีกชุด ประกาศ tag เปิด html ซ้อนไว้และตั้ง css เป็น display: block

พื้นที่หน้า forum https://www.keangun.com/forum/
sidebar ด้านซ้ายดีดมาทับเนื้อหากลางหน้าอ่านกระทู้ไม่ได้

ขอเอาเท่านี้ก่อน

สู้ๆ ครับ จะคอยติดตามผลงาน

By: big50000
AndroidSUSEUbuntu
on 26 April 2020 - 02:47 #1155830 Reply to:1155828
big50000's picture

จริง ๆ ผมก็ค่อนข้างตะลึงที่ใช้ Drupal ถึงมันจะเทพกว่าแต่ก็ต้องชำนาญหน่อย

By: Elysium
ContributorWindows PhoneSymbianWindows
on 26 April 2020 - 08:25 #1155835
Elysium's picture

จากหน้าเว็บล่าสุดที่เข้าไปดู

ส่วนที่ 3 Content area, Side bar ส่วนแสดงเนื้อหาและแถบเมนูด้านข้าง

ปัจจุบันส่วนนี้ถูกแบ่งเป็น 3 ส่วน คือ

  1. Sidebar ด้านซ้าย ที่มีเพียงเมนูล็อกอิน
  2. Content area
  3. Sidebar ด้านขวา

ส่วนนี้ควรทำให้เหลือเพียง 2 ส่วน คือ 1. Content Area, 2. Sidebar ซึ่ง Sidebar จะวางไว้ด้านซ้ายหรือขวาก็ตามสะดวก ถ้าแบบเว็บ Blognone ก็วางไว้ด้านขวา

ตัวอย่างการเรียง Sidebar ตามลำดับจากบนลงล่าง

  1. เมนูล็อกอิน
  2. เมนูล็อกอินด้วย Facebook
  3. นิยายแนะนำ
  4. บทความเสริม
  5. ข่าวล่าสุดจากเว็บภายนอก

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


คนขี้ลืม | คนบ้าเกม | คนเหงาๆ

By: เพียงเรียงรัก on 26 April 2020 - 14:26 #1155858 Reply to:1155835
เพียงเรียงรัก's picture

ขอบคุณสำหรับคำแนะนำครับ

ลองจัดบล็อคตามคำแนะนำเรียบร้อยครับ

ส่วนเมนูหลักแนวนอน ผมลองใช้ Module superfish ในการทำ แต่ดูเหมือนจะไม่ได้ผล คงต้องค่อยๆ ลองทำไปครับ

By: dbpod
iPhoneUbuntuIn Love
on 26 April 2020 - 18:50 #1155870
dbpod's picture

ผมก็ไม่ค่อยมีความรู้นะครับ แต่พอทำเว็บเป็น

ผมขอแนะนำให้ลองใช้ Wordpress ดีกว่าไหมครับ

ผมว่าจะทำเว็บออกมาได้ลงตัว สวยงาม ได้ง่ายกว่า drupal เยอะเลยครับ

ประหยัดเวลาด้วย ต่อยอดได้เยอะกว่า แหล่งเรียนรู้ก็เยอะครับ

By: เพียงเรียงรัก on 26 April 2020 - 19:15 #1155872 Reply to:1155870
เพียงเรียงรัก's picture

WP ก็กำลังลองเล่นอยู่ครับ

แต่ Drupal ก็เป็น CMS ตัวแรกที่จับ เลยว่าจะลองเล่นกับเว็บนี้ไปก่อนครับ เพราะเป็นงานอดิเรกไม่ได้รีบอะไร

ส่วนถ้ามีโอกาสได้ทำเว็บต่อๆ ไป คงจะเลือก WP ครับ เพราะดูปรับง่ายกว่าเยอะ

By: revolz
ContributoriPhoneAndroidBlackberry
on 26 April 2020 - 21:24 #1155880
revolz's picture

ผมก็เคยใช้ drupal รับงานมาก่อนหลายเว็บ แต่หลังๆ ก็เปลี่ยนเป็น wordpress แทน เพราะหลังบ้านลูกค้าจะจัดการง่ายกว่า เค้าอยากได้อะไรก้ลงปลั้กอินเพิ่มให้ ถ้าเค้าอยากต่อยอดเค้าก็หาหนังสืออ่านต่อเองไม่ยาก

แต่ข้อดีก็มีตรงไม่เปนเป้าหมายในการโจมตีเท่า wordpress

By: เพียงเรียงรัก on 26 April 2020 - 23:40 #1155885 Reply to:1155880
เพียงเรียงรัก's picture

มีเสน่ห์กันคนละแบบครับ ผมชอบทั้งคู่เลย

WordPess เริ่มต้นใช้งานได้ง่ายมาก

ส่วน Drupal ก็ความสามารถติดตัวเยอะมาก เว็บที่ผมทำส่วนใหญ่ก็ต้องขอบคุณบรรดา Module ต่างๆ นี่แหละครับ โดยเฉพาะ Book Module ที่ทำให้ลงเนื้อหานิยายที่เป็นหลายๆ ตอนได้

ใน WP ผมยังหาส่วนเสริมที่ช่วยเรื่องเนื้อหาที่มีหลายๆ ตอนยังไม่เจอครับ เพราะเพิ่งเริ่มเล่น ไม่รู้มีหรือเปล่า เห็นหลายเว็บทำเหมือนกัน แต่ไม่รู้ใช้ส่วนเสริมหรือทีม

By: Virusfowl
ContributorAndroidSymbianWindows
on 27 April 2020 - 20:36 #1156022

แอบมาให้ความเห็นเพิ่มเติมนะครับ ไม่แน่ใจว่าจะคิดเหมือน จขกท. หรือเปล่า
ในฐานะที่เป็นคนตาบอดที่พอทำเว็บอยู่บ้างเหมือนกัน
ที่หลายๆ คนแนะนำให้ จขกท. ไปใช้ Wordpress ผมเองก็เริ่มมาจากการทำเว็บด้วย WP ครับ เป็น CMS ตัวแรกที่ใช้เลย
ตอนนั้นเรายังสามารถจัดตำแหน่ง widget ส่วนต่างๆ ด้วยการโค้ดเองได้อยู่
แล้วตอนหลังผมเจอว่า เราโค้ดเองไม่ได้แล้ว
ต้องใช้การจัดตำแหน่งจากเมนูของ Wordpress แทน
ซึ่งปัญหามันอยู่ตรงนี้นี่แหละครับ เพราะระบบของ Wordpress มันใช้การ drag and drop ซึ่งการลากวางสำหรับ Screen Reader นี่มันค่อนข้างยาก ไม่รู้สึกว่าง่ายเหมือนคนปกติที่ใช้เม้าส์ลากวาง

ตอนหลังก็เลยหนีมา Drupal ครับ
เพราะระบบ block ใน Drupal นี่ เราสามารถเลื่อนตำแหน่งได้ โดยการตั้งค่าที่เป็น combo box ซึ่งใช้ง่ายกว่าการ drag and drop มากๆ

ส่วนคำถามของ จขกท. ถ้าผมเข้าใจไม่ผิด ทุกคนสามารถแนะนำ theme ที่จัดหน้าเว็บเป็นแบบที่เห็นว่ามันโอเคให้ จขกท. ได้เลยครับ theme ที่ default ออกมาดูโอเคเลย ไม่ต้องจัดอะไรมาก ทำนองนั้น

แต่ดูจากที่มีคนแนะนำ และ จขกท. แก้ไขแล้ว ก็น่าจะไม่เปลี่ยน theme แล้วมั้งครับ เพราะทำไปเยอะแล้ว 55


@ Virusfowl

I'm not a dev. not yet a user.

By: เพียงเรียงรัก on 28 April 2020 - 13:08 #1156081 Reply to:1156022
เพียงเรียงรัก's picture

นี่เป็นอีกประการหนึ่ง ที่ผมลองใช้ WP แล้วรู้สึกงงมากครับ

เปลี่ยนเป็นโปรแกรมจอก็แล้ว เป็น nvda ก็แล้ว แต่ผมก็ยังเข้าไม่ถึงการจัดวางตำแหน่งเมนูได้ 100% เลยครับ ทีแรกผมนึกว่าเป็นเพราะผมยังไม่คุ้นเคยกับ WP เลยเจอปัญหาในลักษณะนี้

แค่ยุ่งอยู่กับเมนูหลักของเว็บก็เสียเวลานานมาก เพราะต้องรอลุ้มว่าพอลองจัดเมนูแล้วมันจะเป็นไปตามที่เราคิดไว้หรือเปล่า 55+

ยินดีที่ได้รู้จักคนตาบอดในสายเว็บไซต์อีกท่านหนึ่งครับ

นี่ถ้า Blognone มี PM ส่วนตัวผมคงทักไปคุยด้วยแล้ว 55+

By: Elysium
ContributorWindows PhoneSymbianWindows
on 2 May 2020 - 14:59 #1156561
Elysium's picture

เข้าไปเช็คล่าสุด หน้าแรก คือเรียบร้อยขึ้นครับ

ส่วนที่ยังต้องแก้คือ หน้า Story เช่นหน้านี้ https://www.keangun.com/story/242 ที่เมนู Sidebar เช่น ล็อกอิน, บทความล่าสุด ที่อยู่ด้านล่าง ต่อจาก สารบัญ/เมนูนำทางของเรื่อง ถูกจัดให้อยู่ฝั่งซ้ายทั้งหมด

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


คนขี้ลืม | คนบ้าเกม | คนเหงาๆ

By: เพียงเรียงรัก on 2 May 2020 - 20:57 #1156578 Reply to:1156561
เพียงเรียงรัก's picture

ขอบคุณครับ

ตอนนี้ผมตัดสินใจนำ login ตรง Sidebar ออกเหลือไว้แค่ตรงเมนูด้านบนแล้วครับ

By: Virusfowl
ContributorAndroidSymbianWindows
on 2 May 2020 - 21:13 #1156579

ถ้าเทียบกับของ Blognone เข้าใจว่า user log in ตรง sidebar
มันจะเปลี่ยนเป็น user menu เมื่อผู้ใช้ log in แล้ว หรือเปล่าครับ


@ Virusfowl

I'm not a dev. not yet a user.

By: Elysium
ContributorWindows PhoneSymbianWindows
on 2 May 2020 - 23:29 #1156603 Reply to:1156579
Elysium's picture

ถ้าเป็นแบบนี้ ก็น่าที่จะเอาด้านบนออก แล้วเหลือตรง Sidebar ไว้


คนขี้ลืม | คนบ้าเกม | คนเหงาๆ

By: เพียงเรียงรัก on 3 May 2020 - 09:17 #1156628 Reply to:1156603
เพียงเรียงรัก's picture

ทำตามคำแนะนำเรียบร้อยครับ

ตั้งแต่ได้รับคำแนะนำมา ทำให้ผมมองเห็นภาพรวมการจัดวางบล็อคต่างๆ ได้เยอะขึ้นมากครับ