A PHP Error was encountered
Severity: 8192
Message: Return type of CI_Session_files_driver::open($save_path, $name) should either be compatible with SessionHandlerInterface::open(string $path, string $name): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Filename: drivers/Session_files_driver.php
Line Number: 132
Backtrace:
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Core.php
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Blog.php
File: /home/seolnwza/domains/seolnwza.com/public_html/index.php
A PHP Error was encountered
Severity: 8192
Message: Return type of CI_Session_files_driver::close() should either be compatible with SessionHandlerInterface::close(): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Filename: drivers/Session_files_driver.php
Line Number: 290
Backtrace:
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Core.php
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Blog.php
File: /home/seolnwza/domains/seolnwza.com/public_html/index.php
A PHP Error was encountered
Severity: 8192
Message: Return type of CI_Session_files_driver::read($session_id) should either be compatible with SessionHandlerInterface::read(string $id): string|false, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Filename: drivers/Session_files_driver.php
Line Number: 164
Backtrace:
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Core.php
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Blog.php
File: /home/seolnwza/domains/seolnwza.com/public_html/index.php
A PHP Error was encountered
Severity: 8192
Message: Return type of CI_Session_files_driver::write($session_id, $session_data) should either be compatible with SessionHandlerInterface::write(string $id, string $data): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Filename: drivers/Session_files_driver.php
Line Number: 233
Backtrace:
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Core.php
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Blog.php
File: /home/seolnwza/domains/seolnwza.com/public_html/index.php
A PHP Error was encountered
Severity: 8192
Message: Return type of CI_Session_files_driver::destroy($session_id) should either be compatible with SessionHandlerInterface::destroy(string $id): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Filename: drivers/Session_files_driver.php
Line Number: 313
Backtrace:
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Core.php
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Blog.php
File: /home/seolnwza/domains/seolnwza.com/public_html/index.php
A PHP Error was encountered
Severity: 8192
Message: Return type of CI_Session_files_driver::gc($maxlifetime) should either be compatible with SessionHandlerInterface::gc(int $max_lifetime): int|false, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Filename: drivers/Session_files_driver.php
Line Number: 354
Backtrace:
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Core.php
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Blog.php
File: /home/seolnwza/domains/seolnwza.com/public_html/index.php
A PHP Error was encountered
Severity: Warning
Message: ini_set(): Session ini settings cannot be changed after headers have already been sent
Filename: Session/Session.php
Line Number: 282
Backtrace:
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Core.php
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Blog.php
File: /home/seolnwza/domains/seolnwza.com/public_html/index.php
A PHP Error was encountered
Severity: Warning
Message: session_set_cookie_params(): Session cookie parameters cannot be changed after headers have already been sent
Filename: Session/Session.php
Line Number: 294
Backtrace:
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Core.php
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Blog.php
File: /home/seolnwza/domains/seolnwza.com/public_html/index.php
A PHP Error was encountered
Severity: Warning
Message: ini_set(): Session ini settings cannot be changed after headers have already been sent
Filename: Session/Session.php
Line Number: 304
Backtrace:
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Core.php
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Blog.php
File: /home/seolnwza/domains/seolnwza.com/public_html/index.php
A PHP Error was encountered
Severity: Warning
Message: ini_set(): Session ini settings cannot be changed after headers have already been sent
Filename: Session/Session.php
Line Number: 314
Backtrace:
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Core.php
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Blog.php
File: /home/seolnwza/domains/seolnwza.com/public_html/index.php
A PHP Error was encountered
Severity: Warning
Message: ini_set(): Session ini settings cannot be changed after headers have already been sent
Filename: Session/Session.php
Line Number: 315
Backtrace:
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Core.php
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Blog.php
File: /home/seolnwza/domains/seolnwza.com/public_html/index.php
A PHP Error was encountered
Severity: Warning
Message: ini_set(): Session ini settings cannot be changed after headers have already been sent
Filename: Session/Session.php
Line Number: 316
Backtrace:
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Core.php
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Blog.php
File: /home/seolnwza/domains/seolnwza.com/public_html/index.php
A PHP Error was encountered
Severity: Warning
Message: ini_set(): Session ini settings cannot be changed after headers have already been sent
Filename: Session/Session.php
Line Number: 317
Backtrace:
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Core.php
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Blog.php
File: /home/seolnwza/domains/seolnwza.com/public_html/index.php
A PHP Error was encountered
Severity: Warning
Message: ini_set(): Session ini settings cannot be changed after headers have already been sent
Filename: Session/Session.php
Line Number: 375
Backtrace:
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Core.php
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Blog.php
File: /home/seolnwza/domains/seolnwza.com/public_html/index.php
A PHP Error was encountered
Severity: Warning
Message: ini_set(): Session ini settings cannot be changed after headers have already been sent
Filename: drivers/Session_files_driver.php
Line Number: 108
Backtrace:
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Core.php
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Blog.php
File: /home/seolnwza/domains/seolnwza.com/public_html/index.php
A PHP Error was encountered
Severity: Warning
Message: session_set_save_handler(): Session save handler cannot be changed after headers have already been sent
Filename: Session/Session.php
Line Number: 110
Backtrace:
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Core.php
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Blog.php
File: /home/seolnwza/domains/seolnwza.com/public_html/index.php
A PHP Error was encountered
Severity: Warning
Message: session_start(): Session cannot be started after headers have already been sent
Filename: Session/Session.php
Line Number: 143
Backtrace:
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Core.php
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Blog.php
File: /home/seolnwza/domains/seolnwza.com/public_html/index.php
ทำไมเว็บไซต์ ต้องเป็นเว็บไซต์แบบ Responsive
A PHP Error was encountered
Severity: Warning
Message: Cannot modify header information - headers already sent by (output started at /home/seolnwza/domains/seolnwza.com/public_html/system/core/Exceptions.php:271)
Filename: front/css.php
Line Number: 79
Backtrace:
File: /home/seolnwza/domains/seolnwza.com/public_html/application/views/front/css.php
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Core.php
File: /home/seolnwza/domains/seolnwza.com/public_html/application/controllers/Blog.php
File: /home/seolnwza/domains/seolnwza.com/public_html/index.php
บทความ ทำไมเว็บไซต์ ต้องเป็นเว็บไซต์แบบ Responsive
บทความ www.seolnwza.com
Responsive Web Design เป็นการออกแบบเว็บไซต์ ให้รองรับขนาดหน้าจอของอุปกรณ์ทุกชนิด ไม่ว่าจะเป็นคอมพิวเตอร์ขนาดหน้าจอต่างๆ ไปจนถึงโทรศัพท์มือถือ Smart Phone และ Tablet
ปัจจุบันตัวเลขจาก Google พบว่า มีผู้ใช้อินเตอร์เน็ตผ่านสมาร์ทโฟนมากขึ้น เมื่อเทียบกับเครื่อง Desktop และตัวเลขมีแนวโน้มเพิ่มสูงขึ้นเรื่อยๆ และในปัจจุบันมีประชากรออนไลน์ทั้งหมด 26 ล้านคน (35%) แต่ประชากรออนไลน์ผ่านสมาร์ทโฟนมีถึง 20 ล้าน คิดเป็น 31% ของประชากรทั้งประเทศเลยทีเดียว
ผู้ใช้กว่า 90% จะมีการใช้งานหลายๆ หน้าจอพร้อมๆ กัน ผู้ใช้กว่า 16% ใช้งานผ่านมือถือและ Tablet จะเลิกใช้งานเว็บไซต์ทันทีหากเว็บ “โหลดช้า” และกว่า 67% ของผู้บริโภคชอบการซื้อสินค้าผ่านเว็บไซต์ที่มีการปรับให้เข้ากับ Mobile Device ถ้าหากเว็บไซต์ไม่รองรับมือถือจะรู้สึกว่า บริษัทหรือแบรนด์นั้นๆ ไม่ใส่ใจ และ Google เองก็ให้ความสำคัญกับเรื่อง Responsive มากเช่นเดียวกัน
จะรู้ได้ยังไงว่าเว็บไซต์เป็น Responsive Web ดูไม่ยากเลย เพียงดูที่การจัดวาง หากเป็นของ Mobile จะจัดวางเรียงลงมาให้อ่านง่าย โดยที่ไม่ต้องซูม ย้ำ! ไม่ต้องซูม แต่พอเป็น Tablet หรือ PC ที่มีหน้าจอใหญ่ จะจัดเรียงให้ดูสวยงาม มีขนาดตัวอักษรเหมาะสมเท่าขนาดจอ ซึ่งเนื้อหาเหมือนกัน แต่การจัดวางต่างกันเท่านั้นเอง
เทคนิคการทำ Responsive Website 4 วิธี
1. Responsive Retrofitting – แปลงเว็บเก่าให้กลายเป็น Responsive
เป็นการเอา Desktop Site หรือ เว็บไซต์ที่ทำขึ้นมาเพื่อรองรับหน้าจอคอมพิวเตอร์ที่มีอยู่แล้วมาเขียน CSS3 Media Query เพิ่มเข้าไป เพื่อให้รองรับหน้าจอแบบ Responsive
2. Responsive Mobile Site – ปลูกเมล็ด Mobile Site แล้วแปลงเป็น Responsive
เป็นวิธีที่เหมือนหว่านเมล็ดเป็น Mobile Site หรือ การทำเว็บไซต์ที่ทำขึ้นเพื่อรองรับหน้าจอมือถือโดยเฉพาะ โดยแยกออกมาก่อนว่า คนที่เข้าทาง Desktop จะเจอเว็บเก่า ส่วนคนที่เข้าจากมือถือจะเจอเว็บใหม่ จากนั้นจึงค่อยๆ ทำการพัฒนา Mobile Site ให้สามารถดูใน Tablet และ Desktop ได้อย่างสวยงาม เมื่อเสร็จสมบูรณ์แล้วก็ทำการย้ายคนที่เข้าทาง Desktop ให้เปิดมาเจอเว็บไซต์ใหม่และทิ้งเว็บเก่าไป
3. Mobile-First Responsive Site – ทำเว็บใหม่แบบ Mobile-First หรือที่บางคนเรียก Progressive Enhancement
เป็นการสร้างเว็บไซต์ใหม่ขึ้นมา โดยดีไซน์ให้รองรับ Mobile ก่อน เน้นทำให้เว็บไซต์มีเฉพาะส่วนที่สำคัญจะได้โหลดไว เขียน CSS สำหรับ Mobile โดยไม่ต้องใช้ Media Query เลย จากนั้นจึงค่อยพัฒนาให้เหมาะกับ Desktop Site โดยเติม CSS สำหรับ Desktop เข้าไป
4. Piecemeal – แปลงเว็บเก่าให้กลายเป็น Responsive ทีละนิด
เป็นการแปลงทีละส่วนบนเว็บไซต์ให้เป็น Responsive ซึ่งเหมาะกับเว็บไซต์บางเว็บที่ไม่สามารถ Redesign ใหม่หมดได้ อาจจะติดปัญหาในเรื่องของ Branding งบประมาณ หรืออะไรก็ตาม
ประโยชน์ของการทำเว็บไซต์ให้เป็น Responsive Web Design จะได้รับการยอมรับจาก Google และเป็นการยิงปืนนัดเดียวได้นกหลายตัว เพราะเพียงทำเพียงแค่ Size เดียว แต่สามารถรองรับได้ทุกอุปกรณ์ ไม่ต้องทำหลากหลายหน้า แถมยังช่วยประหยัดพื้นที่ในเซิฟเวอร์ ประหยัดค่าใช้จ่ายในการทำได้อีกด้วย รวดเร็วในการดูแล ไม่ต้องไปเปลี่ยนแปลงเว็บไซต์หลายๆ หน้าให้วุ่นวาย
ใครที่มีเว็บไซต์อยู่และได้อ่านบทความนี้ ถือเป็นโชคดีของคุณที่จะได้นำไปปรับ ไม่ว่าเว็บไซต์ของคุณจะเป็นเว็บไซต์แบบไหน ก็สามารถทำเป็นเว็บไซต์แบบ Responsive ได้ ปรับให้เร็ว ปรับให้ไว ก็ยิ่งมีโอกาสทางธุรกิจเร็วขึ้นเท่านั้น
ขอขอบคุณข้อมูลจาก makewebeasy
อ่านบทความเพิ่มเติม
Created : 09/01/2020
บทความที่น่าสนใจ
หลีกเลี่ยงการทำ SEO อย่างไร ไม่ให้โดนแบน
Trick ปั้น SEO ให้โดนใจ Google
