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

Nannie-Limited.com เป็นเวปที่ผมทำให้น้องแนนแฟนสาว เอาไว้ขายของออนไลน์ ก็ใช้ theme เดิมมาได้สักพักใหญ่ ๆ แล้ว ทีนี้ เลยมีความคิดที่จะเปลี่ยน theme รวมของเวปให้ดูง่ายและสบายตามากขึ้น

โดยรวมของเดิมเป็น theme สีเข้มที่ผมชอบ ฮ่า... แต่ดูแล้วใช้งานไม่ค่อยสะดวก + layout ที่มีข้อมูลที่ต้องการแสดงในหน้าเวปค่อนข้างเยอะ

ผมเลยต้องมาจัดหน้าแรกใหม่ =)


หน้าแรก

มีเนื้อหาที่ต้องการแสดงเยอะมาก ผมติดที่ทำรูป thumbnail ใหญ่เกินไปใน theme นี้ เลยดูแน่นไปหมด 5555 รวม ๆ ผมคงลดขนาดรูป thumbnail ลงแล้วก็จัดเรียง block ในหน้าแรกใหม่

มาดูที่เหลือภายในเวปกัน


ส่วนของ Blog

Image

ผมใช้ views สร้างหน้ารวมเนื้อหาที่เป็น blog ขึ้นมาอีกที อันนี้ตามคำเรียกร้องของน้องแนนเอง ซึ่งผมก็ว่าดี เพราะจะได้เป็นสัดส่วนมากขึ้น หน้านี้ผมตั้งใจว่าจะไม่ยุ่งกับรูปแบบเดิม เพียงแต่อาจจะเปลี่ยนขนาดของรูปใน teaser ให้เล็กลง.. จะได้ดูเรียบร้อยกว่านี้ =)


ส่วนของ shop

Image

อย่างที่เห็นครับ ภาพใหญ่มากกกก :P ใหญ่เกินไปเลยดูแน่นไปหมด

ผมคงจะลดขนาดภาพของตรงนี้ลง ให้ดูผ่อนคลายมากขึ้นกว่าที่เป็นอยู่นี้


ที่เหลือ มีความต้องการให้ใส่ลายน้ำให้กับภาพได้ ผมคงใช้ imagecache เข้ามาช่วยทำตรงนี้ และเท่าที่ได้ลองมา ก็ใช้งานได้ดีพอสมควร =)

ปล. มีความต้องการเอาตัวช่วยพิมพ์ออกด้วย จะให้น้องแนนหันมาใช้ markdown แทน :P

Comments

Post new comment

The content of this field is kept private and will not be shown publicly.
  • You can use Markdown syntax to format and style the text. Also see Markdown Extra for tables, footnotes, and more.
  • Allowed HTML tags: <embed> <div> <p> <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <br> <img> <hr> <h1> <h2> <h3> <h4> <blockquote> <quote> <pre> <th> <tr> <td> <table> <thead> <tbody>
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.

More information about formatting options

CAPTCHA
กรอกตัวหนังสือที่เห็นนี้ให้ถูกต้องนะครับ (มีไว้กัน spam)
Image CAPTCHA
Enter the characters shown in the image.