เทคนิคการสร้าง 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.
