วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme

สิ่งหนึ่งที่ทำให้ WordPress เป็นที่นิยมก็คือ มี Theme ให้เลือกมากมาย ไม่ว่าจะเป็นแบบฟรี หรือแบบเสียเงิน เรามาดูวิธีการปรับแต่ง Theme กันนะครับ

วิธีใช้ WordPress : Themes

ที่เมนู Appearance จะมีหัวข้อ Themes อยู่

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [1]

โดยในส่วน Current Theme นั้นคือ Theme ที่เราใช้งานอยู่ และมีรายละเอียดต่าง ๆ ของ Theme อยู่

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [2]

ส่วน Available Themes คือ Theme ที่เราได้ติดตั้งไว้

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [3]

เราสามารถติดตั้ง Theme เพิ่มได้ในหัวข้อ Install Themes ซึ่งเราสามารถ search หา Theme เพื่อใช้งานได้

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [6]

แต่ถ้าไม่อยากค้นหา แนะนำให้เลือกหัวข้อ Featured ซึ่งจะมี Theme ที่แนะนำอยู่

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [4]

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [5]

สมมติว่าผมเจอ Theme ที่ผมต้องการแล้ว เราสามารถกดที่ preview เพื่อดูตัวอย่างก่อน

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [7]

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [8]

หรือกด Install เพื่อติดตั้ง

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [9]

กรอกข้อมูลของ FTP ของเราเพื่อทำการอัพโหลด Theme เข้าเว็บเรา

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [10]

หลังติดตั้งเสร็จแล้ว เราก็กด Activate เลยครับ

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [11]

ในส่วนของ Current Theme จะเปลี่ยนไปเป็น Theme ที่เราเพิ่งติดตั้งไป

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [12]

หน้าเว็บของเราก็จะเป็น Theme ที่เราติดตั้งแล้วครับ

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [13]

แต่ถ้าเรามีไฟล์ Theme ที่เราต้องการอยู่แล้ว ให้ทำการ Upload ได้เลยครับ

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [14]

ซึ่งขั้นตอนต่าง ๆ ก็คล้าย ๆ กับการ Search หาเพื่อติดตั้งเลยครับ ก็ใส่ข้อมูล FTP ของเรา และ Activate Theme ที่เราติดตั้ง

หลังจากนี้เวลาเจอ theme ที่ถูกใจ เราก็ดาวน์โหลดมาติดตั้งเว็บของเราได้แล้วนะครับ ^^

  • Pingback: วิธีใช้ WordPress ตอนที่ 10 – สร้างลิงก์ | Rabbitinblack()

  • Final_biw

    ผมมีไฟล์ theme อยู่แล้วแต่ว่า  upload ไม่ได้ครับ เพราะว่า ปุ่ม install theme มันไม่มีครับ ต้องทำยังไงหรอ

    • Anonymous

      ทำเว็บใน wordpress.com หรือเปล่าครับ

      • Final_biw

        ใช้ครับ ผม เป็นมือใหม่ยังไม่เข้าใจอะไรเลยครับช้วยแนะนำหน่อย

        • Final_biw

          ผมเคยทำ blogger มาก่อน แต่พอมาเจอ wordpress งงมากเลยครับ blogger เนียจะเปลียนธีมนี้ง่ายแต่ wordpress เนียงงมากเลยครับ มันต้องมี โฮส ฝากด้วยหรอครับ 

          • “ฝากโฮส” ในที่นี้ Rabbitinblack น่าจะหมายถึงการจดโดเมน http://www.domainname.com แล้วใช้ wordpress เป็นหลังบ้านน่ะค่ะ… แต่ของคุณ Final_biw คือทำบน wordpress คือเป็น username.wordpress.com รึเปล่าคะ? ถ้าใช่ก็จะปรับแต่งได้น้อยกว่าแล้วก็ install theme ไม่ได้น่ะค่ะ

            ผิดถูกยังไงพี่บิ๊กช่วยแก้ด้วยเน้อ ๕๕๕ 🙂

        • Anonymous

          คือ ตัว wordpress.com เนี่ย มันจะเปลี่ยนธีมได้เฉพาะที่เค้ากำหนดมาให้อะครับ

          ผมเขียนคร่าว ๆ เกี่ยวกับ wordpress.com ไว้แล้วครับ http://rabbitinblack.com/2012/01/create-web-free-wordpress-com/

          แต่สรุปง่าย ๆ ก็คือ wordpress.com จะทำงานได้จำกัดเท่าที่ทางนั้นกำหนดมาให้ใช้ครับ

          ถ้าอยากใช้มากกว่านั้นต้องจ่ายเงิน ไม่ก็ต้องเอามาทำเอง กับ host ตัวเอง อะไรแบบนั้นครับ

          • Final_biw

            แล้วผมอยากจะ ฝากกับโฮส ได้ยังไงครับมี ผมมีธีมที่ดาวน์โหลดมาไว้แล้วอยากจะใช้ธีมนั้น
            แนะนำได้มั้ยครับ ต้องเริ่มต้องยังไง (ถ้าเกิดว่าเราเสียเงิน จะอัพโหลดได้เลยใช้มั้ยครับ)

          • Anonymous

            คือ เสียเงินเนี่ย ส่วนใหญ่คือเค้าทำกันมาซักพักแล้ว อยากจะเพิ่มความสามารถของมันอะครับ

            แต่ถ้าจะเริ่มต้นทำใหม่ แนะนำไปหาโฮส แล้วก็ลง wordpress ใช้งานเลยดีกว่าครับ

            จะปรับแต่งอะไรได้ตามใจชอบมากกว่า

    • Deft_9

      ถ้าใช้ http://www.wordpress.com จะเป็นแค่การใช้บล็อกฟรี ซึ่งชื่อก็จะเป็นซับโดเมน และการปรับแต่งจะมีข้อจำกัด
      แต่ถ้าใช้ http://www.wordpress.org จะไปโหลดไฟล์ wordpress มาติดตั้งที่โฮสคร้ับ ต้องจดชื่อโดเมนและเช่าพื้นที่โฮสก่อน แล้วค่อยเอาไฟล์เวิร์ดเพรสมาติดตั้งใช้งาน อันนี้จะปรับแต่งไปตามใจชอบ แก้ไขโค๊ด โหลดปลั๊กอิน อะไรต่างๆ ใช้ได้หมด

  • singha28

    ลองเปลี่ยน 
    theme  มาหลายแบบแล้ว ไม่สามารถเพิ่มเมนูตรงใต้เฮดได้เลย  Your theme supports 1 menu จะทำยังไงคะถ้าอยากเพิ่มหัวข้อเมนู

    • rabbitinblack

       ต้องสร้างเมนูใหม่ขึ้นมาก่อนนะครับ เลือกที่เครื่องหมาย + อะครับ แล้วก็ตั้งชื่อเมนู แล้วด้านซ้ายเราก็เลือกเมนูให้ตรงกับชื่อเมนูที่เราสร้างขึ้นมาครับผม

      • singha28

        บวกเพิ่มขึ้นมาหลายเมนูแล้วและก็เซฟเรียบร้อย แต่มีโชว์ที่หน้าเว็บเมนูเดียวเองค่ะ เมนูที่บวกเพิ่มๆขึ้นมาไม่มี

        • rabbitinblack

           ลอง printscreen มาให้ผมดูหน่อยแล้วกันครับ

          • singha28

             ตรง Theme locations  ที่ระบบบอกว่าYour theme supports 1 menu  น่ะค่ะ บวกเมนูเพิ่มตั้งหลายเมนู พอไปที่หน้าเว็บ จะเห็นแต่ About เมนูเดียว

          • rabbitinblack

             เออ ผมกะละ ว่าต้องเป็นแบบนี้

            คือเวลาสร้างอะครับ จะเอาเมนูอะไร ก็ใส่ในอันเดียว ลากมาวาง ไม่ต้องไปกด + เพิ่มแบบนั้นเรื่อย ๆ ครับ

            อยากถ้าสมมติเมนูชื่อ about เราต้องการให้เมนู about มีอะไร ก็ใส่ลงไปครับ มันลากวาง ๆ ได้

            http://digwp.com/2010/08/using-menus-in-wordpress-3-0/

            แบบนี้ครับ

  • Pingback: วิธีการเขียนเวป « คลินิกทันตกรรม พี เอ็ม อาร์()

  • -/- ขอบพระคุณมากๆ ครับ

  • Kengdesign Kengkeng

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

    • rabbitinblack

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

  • Love Hikachii

    พี่ค่ะหนูยากรู้ว่าลบไอกรอบนี้ออกจากthemeลบยังไงค่ะ

    • rabbitinblack

      อันนี้เราต้องไปดูว่า ใช้ Theme อะไรก่อนค่ะ

      ส่วนใหญ่ Theme จะมีคำแนะนำการใช้งานอยู่แล้ว

      แต่ถ้าเดา เราอาจจะต้องไปแก้ไข code ในส่วนของ front-page.php ไม่ก็ page.php ครับ

    • Love Hikachii

      ขอคุณค่ะ><

  • Love Hikachii
  • Love Hikachii

    พี่เคยใช้theme classi pressไหมค่ะ

    fontมันเปลี่ยนได้ไหมค่ะ หาต้องนานก็ไม่เปลี่ยน

    http://upic.me/show/45713558

    • rabbitinblack

      เปลี่ยนได้ที่ตัว CSS เลยครับ

    • Love Hikachii

      มันอยู่ตรงไหนอ่ะค่ะeditorป่ะค่ะ
      เข้าไปแก้แล้วมันก็ไม่เปลี่ยนอ่ะค่ะ
      เพิ่งทำเว็บครั้งแรกอ่ะค่ะTOT

  • marnbocx

    มีเรื่องสอบถามครับ เกี่ยวกับ wp ครับ ถ้าเรา ต้องการจะ downgrade jquery จาก 1.10.2 เป็น 1.10.1 จะสามารถทำได้มั้ย และมีผลกระทบต่อเว็บหลักมั้ย

    • rabbitinblack

      https://gist.github.com/slav123/6508035

      ก็เปลี่ยนเวอร์ชั่นเอาครับ ในนั้นมันจะเป็น 1.8.3 คราวนี้เรื่องผลกระทบไม่น่าจะมีนะครับ

  • Thappituk D Lux

    มีคำถามครับ ถ้าผมมี page อยู่หลายอัน ผมต้องการให้แต่ละ page มี theme ที่ต่างกัน โดยแต่ละ page ก็จะนำ category หรือ post บางตัวมาแสดงเท่านั้นต้องทำอย่าไรครับ ถ้าทำบทความแนะนำได้จะดีมากครับ ขอบคุณครับ