จุดเริ่มต้นของการออกแบบ Template Joomla

จะสร้างงานศิลป์ ต้องมีแรงบัลดารใจ เริ่มจากต้องการทำ Template Joomla ของเว็บไซด์ makewebthai.com ในเวอร์ชั่นปี 2011 เลยอยากนำมาทำเป็น case stady สำหรับเพื่อนๆ พี่ๆ น้องๆ ที่ต้องการ ทำ Template Joomla ใช้เอง ครับ

makewebthai.com เวอร์ชั่นเก่า

 

 

 

 

จะออกแบบให้ดี ต้องมี Conceptual Design

ผมชอบทำงานในกระดาษก่อน เพื่อให้เห็น Layout ทั้งหมด แล้ว เริ่มลงโทนสีคร้าวๆ มาดูแนวคิดของผมกัน

 

เนื่องด้วย โทนสีของ เว็บไซด์ ปี 2011 จะเป็น เขียวเข้ม , เขียวอ่อน และ ขาว

 

ต้องการให้มี ที่สำหรับติดตั่ง Fan Page ของ facebook ด้วย

 

ต้องมี Banner ขนาดใหญ่ เพื่อสื่อ ว่า เราใช้ Opensource ทั้งหมด เอาไว้ ผมจะมา รีวิวเรื่องนี้อีกที

 

ความชัดเจนของ ตำแหน่ง โมดูบ ต่างๆ โดยการใช้ Blueprint css มาช่วยในการ กำหนด Layout ครับ

 

กำหนดสีของตัวอักษรต่างๆ ไม่ว่าจะเป็น สีของ H1 , H2 , H3 หรือ p ครับ

 

เมื่อ Conceptual Design เสร็จ

เริ่มเตรียมโฟวเตอร์ สำหรับเก็บ Template ใหม่ โดยผมจะเข้าไปสร้างโฟวเตอร์ makewebthai3 ไว้ที่ โฟวเตอร์ templates ภายใน เว็บ makewebthai ที่เราจำลองไว้ใน XAMP

 

แล้วผมจัดการสร้างโฟวเตอร์ css ไว้ภายใน โฟวเตอร์ makewebthai3 ซึ่งจะเอาไว้เก็บ Blueprint css แบบนี้ครับ

 

ไปที่ Blueprint css ที่เรา Download มา เอาเขาใส่ไว้ใน โฟวเตอร์ css ที่เราได้สร้างขึ้น แบบนี้

 

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

 

 

 

joomla visitor


Deprecated: Assigning the return value of new by reference is deprecated in /home/makeweb/domains/makewebthai.com/public_html/modules/mod_news_pro_gk1/mod_news_pro_gk1.php on line 45

อยากติดตั้ง google Map บน Joomla ต้องทำอ

News image

อยากติดตั้ง google Map บน Joomla ต้องทำอย่างไร ? ก็ตามหัวข้อเลยครับ สมัยนี้จะให้เขียนแผนที่เอง ก็จะเป็นอะไรที่เราเข้าใจคนเดียว ลูกค้า ไม่เข้าใจ ถ้าเราสามารถใช้ google Map แล้ว spot ตำแหน่นงของบริษัทเราลงไป สามารถนำแผนที่ google Map นี้ไปแสดงบน Joomla แบบนี้     ติดตั้ง google Map บน Joomla ต้อง Phocamaps Plugin ...

อ่านต่อ ...

ทดสอบของใหม่ joomla 1.7.2 บน XAMPP

News image

เห็นเขาลือกันว่า joomla 1.7.x สวยนัก สวยหน่า เดี๋ยวต้อง ทดสอบซะหน่อย หลังจากที่เราได้ไปโหลด joomla 1.7.2 มาเป็นที่เรียบร้อยแล้ว (ใครยังไม่ได้โหลด joomla 1.7.2 ไปโหลดมาได้จาก ที่นี่ ครับ) หลังจากโหลด Joomla 1.7.2 ผมได้ทำการ แตกไฟร์ และ เอาส่วนที่แตกได้ไปเก็บไว้ที่ /opt/lampp/htdocs/test17 ผมสร้างโฟวเดอร์ text17 เอาไว้ทดสอบ Joomla 1.7.2 ครับ ติดตั้ง Joomla ...

อ่านต่อ ...

จุดเริ่มต้นของการออกแบบ Template Joomla

News image

{xtypo_info}จะสร้างงานศิลป์ ต้องมีแรงบัลดารใจ เริ่มจากต้องการทำ Template Joomla ของเว็บไซด์ makewebthai.com ในเวอร์ชั่นปี 2011 เลยอยากนำมาทำเป็น case stady สำหรับเพื่อนๆ พี่ๆ น้องๆ ที่ต้องการ ทำ Template Joomla ใช้เอง ครับ makewebthai.com ...

อ่านต่อ ...

ไฟร์ index.php บน Template Joomla ทำอย่า

News image

{xtypo_info}จากครั้งที่แล้ว เราได้เรียนรู้ วิธีการ เตรียมความพร้อมสำหรับ การทำ Template Joomla ไปเป็นที่เรียบร้อยแล้ว ใครจำไม่ได้ ไปดู ที่นี่ ครับ มาวันนี้เราจะมาเรียนรู้ เรื่องการเขียนไฟร์ index.php ซึ่งเป็นหัวใจ รองจาก ไฟร์ css ที่ใช้ควบคุม การแสดงผลของ joomla เรามาลองเริ่มต้นเขียนไฟร์ index.php กัน{/xtypo_info} เปิด Editor ที่ใช้เขียน Code ที่ชื่นชอบครับ โดยส่วนตัวผมใช้ Quanta ...

อ่านต่อ ...