ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์CMS & Free Scriptเว็บเก่าสามารถเปลี่ยน เป็น Responsive ได้ไหมครับแล้วทำอย่างไร
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: เว็บเก่าสามารถเปลี่ยน เป็น Responsive ได้ไหมครับแล้วทำอย่างไร  (อ่าน 3256 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
kingseo
ก๊วนเสียว
*

พลังน้ำใจ: 10
ออฟไลน์ ออฟไลน์

กระทู้: 230



ดูรายละเอียด เว็บไซต์
« เมื่อ: 20 พฤษภาคม 2015, 09:12:25 »

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

deadclosed
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 133
ออฟไลน์ ออฟไลน์

กระทู้: 1,553



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 20 พฤษภาคม 2015, 09:41:12 »

ต้องดูโค๊ดเก่าครับ ลองแปะมาดู ปกติทำได้หมดครับ แต่หากโค๊ดเก่าเกิน ก็ไม่ไหว  Tongue

อย่างมา Table ยกเว็บอย่างเนี่ย ทำใหม่ง่ายกว่า  Tongue
บันทึกการเข้า
haiphee
คนรักเสียว
*

พลังน้ำใจ: 4
ออฟไลน์ ออฟไลน์

กระทู้: 124



ดูรายละเอียด
« ตอบ #2 เมื่อ: 20 พฤษภาคม 2015, 09:51:15 »

ปรับตามโครงสร้างของ Responsive เลยครับ
ส่วนใหญ่จะเป็น ค่า % นะ พวกความกว้าง ความยาว อ่ะครับ

 Tongue Tongue Tongue
บันทึกการเข้า
quick
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 33
ออฟไลน์ ออฟไลน์

กระทู้: 1,170



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 20 พฤษภาคม 2015, 10:05:27 »

เท่าที่ทราบมา
บางเว็บถ้าวางโครงสร้างไว้ดี ทำได้ไม่ยากมากครับ(ถ้าทำเป็นนะ Embarrassed)

ผมเคยเห็นบางเว็บ พอsearchด้วยมือถือตรงurlเขาจะมี ซับdomain m. นำหน้าด้วยเช่น m.thaiseobord.com (ยกตัวอย่างเฉยๆนะ)
แต่ถ้าsearchด้วยdesktop จะเป็นurlธรรมดา ไม่รู้ทำยังไงเหมือนกัน
บันทึกการเข้า

MD.18
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 287
ออฟไลน์ ออฟไลน์

กระทู้: 3,008



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 20 พฤษภาคม 2015, 10:07:28 »

มันจะต้องมีหลายเรื่องที่ต้องดูครับ

- เลเอาท์ในเว็บว่ามันซับซ้อนมากน้อยเท่าไหร่ เพราะ Responsive ไม่ใช่แค่ใส่ความกว้างเป็น % แล้วมันจะดูดีมันต้องมีในเรื่องความสมดุลย์ของขนาดและฟ้อนท์ รวมทั้งเรื่องจุดเด่นจุดรองครับ
- โครงสร้างที่ดี คือ html5 มันสามารถแบ่งเป็นสัดส่วนเพื่อให้ทำงานได้ง่ายขึ้นและยังทำให้ seo ดีขึ้นมาด้วย
- โค๊ด จะต้องกำหนดความกว้างเป้น % และ em เป็นหลักครับ แต่บางจุดก็ใช้ขนาดฟิกได้บ้าง ต้องทดสอบไปทำไปครับ
- ตัวรูปที่จะต้องเตรียมให้เหมาะสม เพราะถ้าเราใช้รูปเดียวเลย พอจอใหญ่ภาพสวยแต่พอไปเปิดในจอมือถือมันจะทำให้เปิดช้ามากๆ ควรเตรียมรูปไว้หลายขนาดเพื่อเลือกเปิดให้เหมาะสมกับแต่ลหน้าจอ
- ควรจะเขียนโค๊ดให้รองรับทั้ง ie ff chrom จาวาควรใช้ให้น้อยที่สุด เน้นที่ css pure ในการทำอนิเมชั่นต่างๆ
- เว็บที่เป้น responsive หรือพวกใช้โครงสร้างใหม่ๆ อนิเมชั่นต่างๆมักจะมีปัญหากับ ie เวอร์ชั่นเก่าๆ ที่อาจจะแสดงผลผิดพลาดได้

*ปล ความเห้นส่วนตัวผมมองว่า การทำเว็บให้ทันสมัยทันยุค เป็นเรื่องที่ดีกว่าจะมาคิดว่า ie เก่าๆจะรองรับไหม เพราะผมเชื่อว่าเป้นส่วนน้อยในการเข้าเว็บ ซึ่งผมจะยึดส่วนใหญ๋มากกว่า

 wanwan017

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

ติดต่อทางเมล์ [email protected] by ทวีศักดิ์  line : 0862600055

คิวงานว่าง !!
kingseo
ก๊วนเสียว
*

พลังน้ำใจ: 10
ออฟไลน์ ออฟไลน์

กระทู้: 230



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 20 พฤษภาคม 2015, 10:16:24 »

นิคือตัวอย่าง เว็บผมที่ทำนะครับ www.anishplus.com พอจะแก้ยังไงได้บ้างครับ แล้วผมใช่ joomla ทำนะครับ
บันทึกการเข้า

sajai
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 39
ออฟไลน์ ออฟไลน์

กระทู้: 1,017



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 20 พฤษภาคม 2015, 10:23:13 »

หาข้อมูลดีๆ  Cry
บันทึกการเข้า

ทำนายฝันทำนายฝัน
เลขมงคลเลขมงคล
ผลหวยสดหวยสด
ผลหวยรัฐบาลไทยหวยรัฐบาลไทย
ผลหวยลาวหวยลาว
MD.18
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 287
ออฟไลน์ ออฟไลน์

กระทู้: 3,008



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 20 พฤษภาคม 2015, 10:27:43 »

ถ้าเป้น joomla ลองหาธีมที่เป็น responsive free ดูดีกว่าครับจะแก้น่าจะเร็วกว่าเอาธีมธรรมดามาแก้ รับรองว่าแก้เยอะเลยครับ  Tongue
บันทึกการเข้า

ติดต่อทางเมล์ [email protected] by ทวีศักดิ์  line : 0862600055

คิวงานว่าง !!
webbaby
สมุนแก๊งเสียว
*

พลังน้ำใจ: 38
ออฟไลน์ ออฟไลน์

กระทู้: 844



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 20 พฤษภาคม 2015, 10:29:44 »

ถ้าเว็บจัดโครงสร้าง div พอได้
บันทึกการเข้า

kiraoji
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 226
ออฟไลน์ ออฟไลน์

กระทู้: 1,681



ดูรายละเอียด
« ตอบ #9 เมื่อ: 20 พฤษภาคม 2015, 10:30:16 »

ถ้าเป็น joomla โครงสร้างดีเป็น div อยุ่แล้วครับ ถึงแม้ template ไม่ได้ออกแบบมาเพื่อ Responsive ก็ทำได้ครับ
แต่จะยากตรงเมนูที่ไม่ได้สร้างมาเพื่อรองรับ Responsive ครับ เพี่ยงเขียนโค็ดเพิ่ม

2 ทางเลือก คือ   ให้ซื้อ Template ใหม่ที่รองรับ Responsvie และ จัดข้อมูลใหม่ด้วยตัวเองแต่ต้องยุ่งยากการลง plugin module พอสมควร

สองคือจ้างคนมาแก้ไขให้เป็น Responsvive ซึ่งราคาน่าจะแพงกว่าราคาค่าซื้อ Template ใหม่

นิคือตัวอย่าง เว็บผมที่ทำนะครับ www.anishplus.com พอจะแก้ยังไงได้บ้างครับ แล้วผมใช่ joomla ทำนะครับ
บันทึกการเข้า
kingseo
ก๊วนเสียว
*

พลังน้ำใจ: 10
ออฟไลน์ ออฟไลน์

กระทู้: 230



ดูรายละเอียด เว็บไซต์
« ตอบ #10 เมื่อ: 20 พฤษภาคม 2015, 10:41:27 »

ถ้าเป็น joomla โครงสร้างดีเป็น div อยุ่แล้วครับ ถึงแม้ template ไม่ได้ออกแบบมาเพื่อ Responsive ก็ทำได้ครับ
แต่จะยากตรงเมนูที่ไม่ได้สร้างมาเพื่อรองรับ Responsive ครับ เพี่ยงเขียนโค็ดเพิ่ม

2 ทางเลือก คือ   ให้ซื้อ Template ใหม่ที่รองรับ Responsvie และ จัดข้อมูลใหม่ด้วยตัวเองแต่ต้องยุ่งยากการลง plugin module พอสมควร

สองคือจ้างคนมาแก้ไขให้เป็น Responsvive ซึ่งราคาน่าจะแพงกว่าราคาค่าซื้อ Template ใหม่

นิคือตัวอย่าง เว็บผมที่ทำนะครับ www.anishplus.com พอจะแก้ยังไงได้บ้างครับ แล้วผมใช่ joomla ทำนะครับ

ขอบคุณมากๆครับ แล้วถ้าผมอยากจะลองศึกษาการปรับเป็น Responsvie ผมต้องศึกษาในส่วนหัวข้อไหนบ้างครับ ตอนนี้ ยังเดาทางไม่ค่อยถูกผมว่าจะลองศึกษาแก้ไขโค๊ดเองดู
บันทึกการเข้า

แก๊ว. ..*
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 106
ออฟไลน์ ออฟไลน์

กระทู้: 1,573



ดูรายละเอียด
« ตอบ #11 เมื่อ: 20 พฤษภาคม 2015, 10:42:20 »

นิคือตัวอย่าง เว็บผมที่ทำนะครับ www.anishplus.com พอจะแก้ยังไงได้บ้างครับ แล้วผมใช่ joomla ทำนะครับ

หาเทมเพลตที่เป็น responsive แล้วมาโมอีกทีเลยครับ ดิบๆ ก็มีเลยต้องหางับ
บันทึกการเข้า

รับงาน Data Warehouse, Python, .NET C#
deadclosed
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 133
ออฟไลน์ ออฟไลน์

กระทู้: 1,553



ดูรายละเอียด เว็บไซต์
« ตอบ #12 เมื่อ: 20 พฤษภาคม 2015, 11:14:49 »

ไม่ยากครับลองดู ผมลองดูแล้ว
โค๊ดเก่าค่อนข้างจะขยับได้ง่าย ใช้ตัว
.s5_wrap {
    width: 1060px;
}
กำหนดเป็นหลักที่เหลือ ปรับค่าตามตัวหลักนี้
แล้ว @media เช็คค่าหน้าจอ น่าจะได้ล่ะ  wanwan003
บันทึกการเข้า
24Hrs
ก๊วนเสียว
*

พลังน้ำใจ: 10
ออฟไลน์ ออฟไลน์

กระทู้: 494



ดูรายละเอียด
« ตอบ #13 เมื่อ: 26 พฤษภาคม 2015, 00:33:04 »

ไม่ยากครับลองดู ผมลองดูแล้ว
โค๊ดเก่าค่อนข้างจะขยับได้ง่าย ใช้ตัว
.s5_wrap {
    width: 1060px;
}
กำหนดเป็นหลักที่เหลือ ปรับค่าตามตัวหลักนี้
แล้ว @media เช็คค่าหน้าจอ น่าจะได้ล่ะ  wanwan003

รบกวน ละเอียด อีกซ้ากนีส นึง นะคร้าาาบบบบ เกือบจะรู้ละ (แปลว่า ไม่รู้อ่ะ)  wanwan017 wanwan017 wanwan017
บันทึกการเข้า

gubaaball
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 184
ออฟไลน์ ออฟไลน์

กระทู้: 1,678



ดูรายละเอียด เว็บไซต์
« ตอบ #14 เมื่อ: 26 พฤษภาคม 2015, 07:18:53 »

จะแก้เองก็ต้องศึกษาเรื่อง html กับ css ครับ
บันทึกการเข้า

prem726
คนรักเสียว
*

พลังน้ำใจ: 6
ออฟไลน์ ออฟไลน์

กระทู้: 171



ดูรายละเอียด เว็บไซต์
« ตอบ #15 เมื่อ: 27 พฤษภาคม 2015, 00:01:02 »

 wanwan020
เนื่องจากตัวผมเองนั้น ได้ทำเว็บโดยใช้ Joomla 1.5 มานานมากแล้ว เมื่อราวปลายปีที่แล้ว (2557) ได้ ได้ทำการอัพเกรดเป็น 2.5 ในหลายๆเว็บ ก็เลือดตาแทบกระเด็นเช่นเดียวกัน

ตอนนี้ผมเขียน Review วิธีการไว้แล้วครับ ที่นี่ครับ ใช้ plugin SP Transfer ร่วมด้วยครับ ผลทีได้ ผมพอใจครับ
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์