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

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

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

หน้าเว็บปัจจุบัน มีลักษณะเป็นหน้าเว็บตอนเดียว คือนำทุกอย่างมารวมไว้ตรงกลาง แล้วเรียงลำดับจากบนลงล่าง ซึ่งเมื่อเข้าเว็บมา จะไม่เจอ 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

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

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

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

ผมเองก็สาวก 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 ด้านซ้ายดีดมาทับเนื้อหากลางหน้าอ่านกระทู้ไม่ได้

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

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

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

ส่วนที่ 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. ข่าวล่าสุดจากเว็บภายนอก

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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