การทำหน้าแรกตามใจฉันใน wordpress[วิธีการทำ]

Share

จากตอนที่แล้ว ผมได้บอกไปคร่าวๆ ว่า ต้องการทำ 2 อย่างกับ wordpress อย่างแรก คือ มีหน้าหลัก 2 หน้าที่ไม่เหมือนกัน กับ เพิ่มจุดแจ้งการอัพเดตข้อมูล

ปัญหาแรกที่ผมเจอก็คือ การจัดทำ หน้าหลัก 2 หน้าที่ไม่เหมือนกัน ให้ได้ก่อน -_-”

แรกเริ่ม เดิมที ในการเขียนเวบไซต์ พวกเราจะใช้ไฟล์ html ธรรมดา โดยเริ่มต้นจาก index.html เพื่อระบุว่า นี่คือหน้าแรก หากมีอะไรพิเศษ ก็จะทำหน้าพิเศษเพิ่มเข้ามาก่อน แล้วค่อยใช้ link ชี้กลับมาที่ index.html อีกรอบ เทคนิคนี้ ถูกใช้ซ้ำอีกครั้ง แต่เปลี่ยนวิธีการเป็นการเขียน script จากฝั่ง server แทน ซึ่งจะมีอะไรบ้างนั้น ไม่ขอลงรายละเอียด

จากนั้นมา บนพื้นฐานของ script ที่ว่านั่น ก็กลายมาเป็น cms  ไม่พูดมาก จะขอบอกเลยว่า จากการค้นหาข้อมูล พบว่า cms ที่คนไทยนิยมเอามาใช้ทำงานทำการกันนั้น มีอยู่ไม่กี่เจ้าเอง ซึ่งพวกนี้ มักจะมีชุดคำสั่งสำหรับแทรกหน้าพิเศษที่ว่านั่นอยู่แล้ว ยกตัวอย่างเช่น mambo,joomla,php-nuke,xoops

ทีนี้ ก็เข้าเรื่องของเรากัน

หนึ่งในจำนวน cms ที่ว่านี้ แน่นอนว่า มี wordpress อยู่ด้วย แต่ว่า ในการใช้งานของผมส่วนใหญ่ ไม่ได้ใช้ในแนวทางของเวบ html ปกติที่นิยมใช้กันภายในประเทศ แต่ทำเป็นพวก blog อะไรเสียมากกว่า และนั่นคือ ปัญหาของผม

ผมจะใช้ wordpress ทำยังไง กับการทำหน้าหลัก 2 หน้าที่ไม่เหมือนกัน(ถ้าใช้ mambo joomla นี่จบไปตั้งนานแล้วล่ะ -_-“)

ก่อนหน้านี้ ผมใช้วิธีการเปลี่ยนหน้าแรกของ wordpress ไปเลย ซึ่งทำให้เสียธรรมชาติของตัว wordpress ที่ควรจะเป็นไปด้วย

ผมงงกับเรื่องนี้ นานมาก จนแทบจะท้อใจ เลิกแล้วเปลี่ยนไปใช้ cms ตัวอื่นที่ทำเรื่องนี้ได้ (และอาจจะทำในส่วนอื่นๆที่ wordpress ทำไว้ก่อนหน้านี้ได้ด้วย -_-” เลยสองจิตสองใจน่ะครับ)

กระทั่ง ผมเจอบางสิ่งจากเวบใกล้ตัว คือ สองเวบที่ว่านี้

http://www.vmodtech.com/

กับเวบนี้

http://www.notebookspec.com/index2.php

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

พบว่า 2 เวบนี้ ทำหน้าหลักไว้ 2 หน้า เหมือนกัน แต่อาจจะต่างเทคนิคกันไปบ้าง

ที่น่าตกใจกว่านั้น ก็คือ ทั้งสองเวบนี้ ใช้ wordpress ทำครับ -_-” เอาล่ะสิ ชักมีความหวัง ในเมื่อเขาทำได้ ทำไม เราจะทำไม่ได้

แนวทางที่เลือกใช้ ผมใช้แนวทางของ vmodtech.com นะครับ เพราะของ notebookspec เนี่ย ดูเหมือนจะต้องใช้เรื่องของ script พิเศษของ server ด้วย นิดหน่อย อาจจะยากไป

แล้วจะต้องทำอย่างไร ให้ได้ผลออกมาแบบนี้

ใน wordpress จะมี 2 ส่วนคือ post กับ page  โดย post จะเป็น loop ธรรมชาติของบทความต่างๆ ในระบบ ส่วน page จะเป็นข้อมูลอะไรที่ค่อนข้างตายตัว

คำตอบของปัญหานี้ อยู่ที่การทำ static page ครับ

จุดประสงค์หลักๆของผมก็คือ การทำหน้าหลัก 2 หน้า ที่ไม่เหมือนกัน แต่อยู่ในเวบเดียวนั้นแหละ ทำอย่างไรล่ะ

วิธีการนะครับ

1. ทำหน้าหลัก ที่ต้องการเป็นหน้าแรกสุด ขึ้นมาก่อน จากโปรแกรมทำเวบไซต์ทั่วๆไป(พวกเขียน html ธรรมดาๆนี่แหละ)

2. เซฟมันในนามสกุล php

3. เพิ่ม คำสั่งนี้ลงไปในส่วนแรกสุดของเนื้อหาในไฟล์

<br />&lt;?php<br /><br /> /* Template Name: New Template Name<br /><br />*/<br />?&gt;<br />

4. สร้างหน้าเปล่าๆ ขึ้นมาใหม่ โดยเลือก map หน้าของเราให้ตรงกับ ชื่อ template ที่เราตั้งเอาไว้ (แทนที่คำว่า New Template Name เป็นชื่อ template ของเรา)

ตัวอย่าง การเลือกชื่อ template

( ภาพจาก wphacks.com)

5. จากนั้น ให้เราทำหน้าเปล่าๆ อีก 1 หน้า คราวนี้ ไม่ต้อง map อะไรทั้งนั้น ปล่อยไว้ เดิมๆ เพื่อให้เป็นจุดรองรับ หน้าหลักเดิมของ wordpress

(ภาพจาก www.expand2web.com)

6. login เข้าไป ที่หน้าจัดการ wordpress หัวข้อ setting เลือกที่ reading จากนั้น เลือกที่ กำหนด static page จะมี 2 option ให้เลือก คือ first page กับ post page

ให้เลือก หน้าแรกสุดที่ map กับ template เป็น first page  ส่วนหน้าเปล่าอีกอันที่เหลือ เลือกให้เป็น post page จากนั้น ให้มันจำค่าซะ

(ภาพจาก www.expand2web.com)

7. หากไม่มีอะไรผิดพลาด เมื่อเข้าเวบใหม่ ก็ควรจะเจอหน้าใหม่ที่ทำเอง เป็นหน้าแรกสุด ถ้าอยากจะเข้าไปหาหน้าหลักอันเดิม ก็คลิกในจุดที่เราวางไว้ให้กลับไปหาหน้าหลักเดิม

8. เท่านี้ คุณก็จะได้ หน้าหลัก 2 หน้า ที่ไม่เหมือนกัน ไว้ใช้ ภายใน wordpress แล้วล่ะนะ ^___^

แหล่งที่มาของคำแนะนำ

1. จาก google.com

2. keyword  static page , home, php, index

3. เวบนี้  http://www.wordpressmax.com/customize-wordpress/custom-page

4. นี้ก็อธิบายคล้ายๆกันกับของผม แต่ตอนแรกดูไม่ออก ตอนนี้ เข้าใจละ ^_^

http://bloggingexperiment.com/archives/wordpress-page-as-home-page.php

ข้อควรระวัง ให้มาก

อย่าตั้งชื่อ หน้าเปล่าๆของคุณ ว่า home ,index ,หรือ front โดยเด็ดขาด

เพราะว่า 3 ชื่อนี้ เป็นเสมือนคีย์เวิร์ด(keyword) หรือ คำสงวน ที่เอาไว้ใช้สำหรับการแสดงผลหน้าแรก นั่นเองครับ ทีแรก ผมก็ไม่เข้าใจ จนกระทั่ง อ่านซ้ำในแผนผังและคำอธิบายจากเวบไซต์หลักของ wordpress ซ้ำอีกรอบ ก็ถึงบางอ้อครับ (เหตุที่ถึง เพราะว่า เมื่อลองทำหน้าเวบตามตัวอย่างที่หามาได้ มัน work ครับ แต่พอย้อนกลับมาที่ของเก่าที่ทำเอาไว้ก่อนหน้านี้ พบว่า มันเพี้ยน กระทั่งพบจุดผิดปกติ ที่ 3 คำนี้ นั่นเองแหละครับ)

http://codex.wordpress.org/Template_Hierarchy

จากข้างบนนี้ เป็นลิงค์ที่อธิบายเรื่องพวกนี้ครับ ดูจากแผนผังและคำอธิบายให้ดีครับ แล้วจะเข้าใจ สรุปง่ายๆก็คือ ไม่ว่าจะยังไงก็ตาม 2 หน้าเปล่าๆที่เราจะสร้างขึ้นมา ห้ามใช้ชื่อ 3 ชื่อนี้ แค่นั้น นอกนั้นก็เชิญตามสะดวกครับ ^___^

สำหรับปัญหาที่สอง เป็นจุดที่ผมเตรียมจะทำต่อไป ซึ่งต้องให้เวลาหาข้อมูลอีกหน่อย ถ้าได้ข้อสรุปยังไง ก็จะนำมาเผยแพร่ที่นี่ แน่นอนครับ

ก่อนจาก: สุดท้ายนี้ ตั้งใจว่า จะพยายามเล่าเรื่องของเทคนิคการพัฒนาโปรแกรมในรูปแบบต่างๆ ทั้ง online และ แบบ desktop ให้ได้มากๆ ซึ่งล่าสุด มีการพัฒนาโปรแกรมในมือถือขายกันเป็นล่ำเป็นสันอีก แต่ก็ต้องให้เวลาในการสรุปและเรียบเรียง บทความด้วย ดังนั้น เรื่องต่างๆ อาจจะไม่ออกมาสม่ำเสมอนัก ขึ้นกับเวลาและโอกาสครับ พบกันใหม่ เมื่อถึงเวลาอันเหมาะสมครับ สวัสดี ^___^.

การทำหน้าแรกตามใจฉันใน wordpress[วิธีการทำ]

Tagged on:                 

9 thoughts on “การทำหน้าแรกตามใจฉันใน wordpress[วิธีการทำ]

  • August 2, 2010 at 3:52 pm
    Permalink

    ขอบคุณมากค่ะ แต่ตอนนี้เล่นบล็อกไปก่อนค่ะhttp://spicystore.blogspot.com/

  • August 9, 2010 at 4:47 pm
    Permalink

    Nice article and thanks for sharing! It’s nice to find something really useful sometimes.

  • Pingback:เทคนิควิธีการทำหน้าแรกตามใจฉันใน wordpress | My Room Articles

  • October 24, 2010 at 11:37 am
    Permalink

    ปรับปรุงการใช้เนื้อหาหน่อยน่ะครับ

  • October 24, 2010 at 1:24 pm
    Permalink

    ขอโทษครับ ผมพิมพ์ผิดบล๊อค ของบล๊อคนี้เนื้อหาเยี่ยมครับ ประยุกต์ หลายอย่างมารวมกัน เจ๋งครับ

  • August 14, 2012 at 2:59 pm
    Permalink

    ช่วยหน่อยค่ะ ทำตามแล้วไม่ได้ http://www.sumipol.com/
    ทำเป็นหน้า intro แล้วลิ้งค์ไปที่ http://www.sumipol.com/ แต่ก็จะแสดงหน้า intro ตลอดเลยค่ะ

  • December 10, 2012 at 4:55 pm
    Permalink

    สำหรับวิธีทำนี่ หาเพิ่มเติมที่ wordpress.com ได้เลยครับ เหมือนว่ามันจะเปลี่ยนเส้นทางนับหน้าเพจเริ่มต้นใหม่ หรือไงนี่ล่ะครับ ผมเองก็ทดลองอยู่พักนึงเหมือนกันก่อนจะเจอทางสว่างที่นั่นครับ แต่คงต้องอ่านอังกฤษเอานะครับ พยายามหน่อยล่ะ ^^

  • September 2, 2013 at 7:11 pm
    Permalink

    เขียนเนื้อหาดีมากครับ เป็นประโยชน์มากๆ

  • May 8, 2018 at 2:24 pm
    Permalink

    “4. สร้างหน้าเปล่าๆ ขึ้นมาใหม่ โดยเลือก map หน้าของเราให้ตรงกับ ชื่อ template ที่เราตั้งเอาไว้ (แทนที่คำว่า New Template Name เป็นชื่อ template ของเรา)”

    ข้อนี้ยังทำไม่ได้ เพราะไม่รู้ว่าจะทำหน้านี้ได้จากที่ไหน (โปรแกรม Dream หรือ หลังบ้าน WordPress)

Leave a Reply

Your email address will not be published. Required fields are marked *