How to : เทคนิคง่าย ๆ ในการสร้าง Splash page

เทคนิคการสร้าง Splash page หรือ Stop page หรือ Intro page

ชั่วโมงนี้ขอนำเสนอเบสิคเทคนิคการสร้าง Splash page หรือ Stop page หรือแล้วแต่จะเรียก แบบง่าย ๆ แต่ใช้ได้จริง

เรื่องมันมีอยู่ว่า หน้าแรกของเว็บไซต์ส่วนใหญ่ก็จะเป็น index.php , index.html , index.asp , index.htm

ซึ่งมันมีความลับอยู่ว่า Hosting ส่วนใหญ่จะตั้งค่าความสำคัญไว้ตามนี้ครับ

เมื่อเรียกหน้าเว็บไซต์ Browser จะวิ่งหาไฟล์ index ก่อนเสมอโดยความสำคัญที่ว่านั้นเรียงตามนี้ครับ

index.html  >  index.htm  >  index.php

นั่นหมายความว่าเมื่อเข้ามา มันจะหา index.html ก่อน หากไม่เจอก็จะหา index.htm ต่อไป หากไม่เจออีกก็จะหา index.php

อันนี้เป็นค่าที่โฮสส่วนใหญ่ใช้นะครับ  พอจะมีไอเดียหรือยังครับ สำหรับเว็บไซต์ที่ต้องเปลี่ยนหน้า Splash บ่อย ๆ

เรามาดู Workshop กันหน่อย …

สมมุติว่า เว็บไซต์หน้าแรกของผมใช้ index.htm หากผมต้องการทำหน้า Splash เช่น 5 ธันวามหาราช ผมก็แค่สร้างหน้าใหม่แล้วใช้ชื่อเป็น index.html ขึ้นมา จากนั้นทำปุ่ม “คลิกเพื่อเข้าสู่เว็บไซต์” ให้ไปหา index.htm แค่นี้ก็เรียบร้อย จบข่าว

Tips

จริง ๆ แล้วอาจจะใช้การทำ Redirect ก็ได้ ซึ่งก็มีหลายรูปแบบแต่แบบที่เหมาะสมที่สุดคือการทำ Redirect 301 – Moved Permanently

ซึ่งเป็น Search Engine Friendly Redirect ที่สุดแล้ว รูปแบบการทำก็ง่าย ๆ ครับ อย่าลืมเขียนไว้บนสุดของโค๊ดเสมอ ไม่เช่นนั้นอาจจะเจอ

Warning : “Cannot add/modify header information – headers already sent by…”

รูปแบบการเขียนง่าย ๆ ตามนี้ครับ

<?
Header( “HTTP/1.1 301 Moved Permanently” );
Header( “Location: http://www.new-url.com” );
?>

กรณีนี้จะให้ Redirect ไปไหนก็ได้ อาจจะเป็น Header( “Location: http://www.new-url.com/event/main.php” ); ก็นำมาปรับใช้กันดูครับ

Splash page หรือ Popup สำหรับ WordPress

ถ้าเป็น WordPress ก็ขอแนะนำ Plugin สำหรับสร้างและจัดการ Popup ได้อย่างดีชื่อว่า Popup builder

Popup Builder – Create highly converting, mobile friendly marketing popups.