imkopkap

สร้างหน้าแรกให้ WordPress ด้วย WP Splash Page

ใช้เวลา 25 นาที 13/12/2014

ในบทความที่แล้วแก๊ปได้พูดถึงวิธีการ จัดหน้า Page ให้ง่ายด้วย Nested Page ซึ่งบทความนี้ได้อธิบายถึงวิธีการจัดการหน้า Page ให้ง่ายและให้สามารถจัดตำแหน่งได้อย่างสวยงาม ซึ่งเหมาะสำหรับเว็บไซต์ของผู้ใช้ที่มีหน้า Page เยอะมากจนแก้ไขด้วยมือเปล่าๆไม่ไหว

 

บทความนี้แก๊ปจะมาแนะนำการสร้างหน้าแรกให้กับเว็บไซต์ WordPress ครับ เชื่อว่าหลายๆท่านคงอยากจะทำหน้าแรกกันแต่ไม่รู้วิธีหรือบางท่านอาจจะใช้เทคนิคการสร้าง Page Template และตั้งเป็นเป็นหน้า Front Page (หน้าแรก) และให้ User คลิกเข้ามาสู่หน้าเว็บไซต์หลัก

 

สำหรับเว็บตัวอย่างที่มีการสร้างหน้าแรก

เว็บไซต์ : Majorcineplex

Major
เว็บไซต์ http://www.majorcineplex.com

 

เว็บไซต์ : Kasikorn

Kasikorn
เว็บไซต์ http://www.kasikornbank.com

 

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

 

วิธีการสร้างหน้าแรกด้วย Plugin WP Splash Page

ดาวน์โหลด Plugin WP Splash Page  เจ้า WP Splash Page เป็น Plugin ที่ช่วยในการทำหน้าแรกของเว็บไซต์ WordPress ให้แก่เราครับ เมื่อเราดาวน์โหลด Plugin มาแล้วนั้น ให้ทำการติดตั้งลงใน WordPress ของเรา

 

เมื่อทำการติดตั้งเสร็จเรียบร้อยแล้ว ให้ไปที่ Setting > WP Splash Page

WP Splash Page
WP Splash Page

 

อธิบายแต่ละส่วน

Wp Splash page

    • Enable Splash Page คือ ให้ Plugin นี้แสดงผลหรือไม่
    • Show on all Page and Posts คือ ให้แสดงหน้าแรกทุกครั้งเมื่อคลิกเข้าบทความ เพจ หรือไม่
    • Show on mobile browsers คือ แสดงผลกับมือถือหรือไม่
    • [  ฟิลด์ตัวเลข ] คือ เมื่อเข้าเว็บแล้ว 1 ครั้ง อีกกี่วันจะให้แสดงหน้าแรกอีกครั้ง ( ถ้าใส่ 0 จะแสดง 1 ครั้งต่อ Session )

**Session คือ เมื่อปิดเว็บและเปิดเว็บใหม่จะแสดงหน้าแรกอีกครั้ง

Template

  • สามารถเลือกได้ว่าจะแสดงเป็นหน้าแรกธรรมดา หรือ แสดงเว็บเต็ม Browser  ( เฉพาะ video )

แสดงแบบธรรมดา

ตัวอย่างการแสดงผล
ตัวอย่างการแสดงผล

แสดงแบบเต็มเว็บ Browser ( video )

FullWidth
FullWidth

Page Title คือ ข้อความบน Browser ของเว็บ

Page Title
Page Title

Title คือ ข้อความส่วนหัว

Title Color คือ สีของข้อความส่วนหัว

Title คือ สีของข้อความส่วนหัว
ข้อความ Title ที่มีสีเขียว

Text คือ ข้อความคำอธิบาย

Text Color คือ สีของข้อความคำอธิบาย

ตัวอย่างคำอธิบาย
ตัวอย่างคำอธิบาย ที่มีสีเทา

Button

  • Continue Button คือ ข้อความเพื่อกดเข้าหน้าเว็บไซต์
  • Continue Button Text Color คือ สีข้อความของปุ่มกด
  • Continue Button Background คือ สีพื้นหลังของปุ่มกด
Button
ปุ่ม Button

Page Background Image คือ รูปพื้นหลังของเว็บหน้าแรก

Background
Background

Video

  • Youtube video คือ สามารถเพิ่มลิ้ง youtube ได้ เช่น  ลิ้งที่ลงท้ายด้วย  v=Q8Tiz6INF7I ให้ Copy แค่  Q8Tiz6INF7I มาใส่ในช่องฟิลเ์ จากนั้นหน้าแรกของเราจะแสดงวิดีโอ Youtube
  • Video Width คือ ความกว้างของวิดีโอ youtube
  • Video Height คือ ความสูงของวิดีโอ Youtube

ในส่วนของ Age Validation

Age Validation
Age Validation

Settings

  • [ ช่อง Selection ] คือ ให้มีการกำหนดว่าจำกัดอายุ User หรือไม่
  • [ ช่อง Field ] คือ ถ้ามีการกำหนดอายุให้กับ User แล้ว User อายุตั้งแต่เท่าไหร่ขึ้นไปสามารถมองเห็นหน้าแรกได้

Warning คือ ข้อความแจ้งเตือน เมื่อ User มีอายุต่ำกว่าที่กำหนด

Age
กำหนดอายุเมื่อเข้าเว็บ

ในส่วนของ Opt-In

Opt-In
Opt-In

Setting

  • [ ช่อง Selection ] คือ มีการกำหนดช่องเงื่อนไขหรือไม่

Text คือ ข้อความสำหรับให้ User เลือกว่าจะยอมรับหรือไม่ยอมรับ

Warning คือ ข้อความแสดงผล เมื่อ User ไม่ได้เลือกช่องที่เรากำหนดไว้

Agree
Opt-In

สำหรับ Plugin การทำหน้าแรกดาวน์โหลดได้ที่ WP Splash Page

บันทึกแนะนำ

  • อรัลญา

    บทความดีมากเลยค่ะ กำลังหา plugin แบบนี้อยู่พอดี
    ขอบคุณมากเลยค่ะ อธิบายได้เข้าใจเลยค่ะ มีตัวอย่างให้ดูด้วย ดีมากๆ

  • PaM

    รบกวนถามหน่อยค่ะ พอดีทำแล้ว บางครั้งกด Enter site ไม่ไปหน้าหลักข้างใน เป็นเพราะอะไรหรือคะ มีวิธีแก้ไขไหมคะ