ทำ theme ใหม่ : Nannie-Limited.com #2

ต่อจาก ตอนที่แล้ว ที่ทำ theme เวป nannie-limited.com ใหม่ คราวนี้ก็มาถึงแบบสุดท้ายที่นำขึ้นใช้จริงในเวอร์ชั่นปัจจุบัน (เดือนมิย.52)

โดย theme ตอนบนจะเป็นภาพรวมเกี่ยวกับสินค้าที่มีในร้าน ตอนแรกผมทำภาพเล็กกว่านี้ แต่น้องแนนบอกว่าดูยาก ผมเลยต้องขยายภาพ thumbnails ให้ใหญ่ขึ้น

ส่วน theme ด้านล่างจะเป็นส่วนของ blog ที่มีอยู่เดิม ก็คงเอาไว้ ส่วนที่เหลือโครงสร้างต่าง ๆ ของเดิมยังคงไว้ทั้งหมด ทั้ง Shop, Articles, Howto และอื่น ๆ

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

บางส่วนของ link มีเส้นประที่ด้านล่าง ตรงนี้ผมเห็นบางเวปใช้กัน แทนที่จะเปลี่ยนสีตัวหนังสือของ link ไปเป็นสีอื่น แต่ผมเลือกใช้สีตัวอักษรสีเดียวกันทั้งเวป แล้วใช้ขีดล่างเป็นการแสดง link แทน .. ผมชอบแบบนี้ ให้ความรู้สึกคลาสสิกดี + ผมรู้สึกว่าแบบนี้อ่านง่ายกว่าสลับสีกันครับ

ภาพ thumbnails และภาพประกอบต่าง ๆ ของ shop ผมใช้ imagecache สร้าง เพื่อให้แสดงเป็นภาพใหญ่เมื่อคลิ๊กเข้าไปดูที่โพส และใส่ลายน้ำแบบอัตโนมัติด้วย (ตรงนี้น้องแนนขอมา) ตอนแรกว่าจะค่อย ๆ ไล่ใส่ลายน้ำลงในภาพเอง แต่คิดว่าน่าจะมีทางที่สะดวกกับน้องแนนมากกว่านั้น คือ upload ภาพเปล่า ๆ เข้าเวป แล้วให้ drupal จัดการแป่ะลายน้ำลงไปให้ .. ก็ได้โมดุล imagecache action มาช่วยทำตรงนี้ ทำให้สะดวกขึ้นอีกเยอะเหมือนกัน

โดยรวมน้องแนนชอบ theme นี้ ผมเองก็ชอบ ดูเหมือนจะไปกันไม่ได้ แต่ก็ลงตัวดีครับ =)