วิธีใช้ 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 ที่ถูกใจ เราก็ดาวน์โหลดมาติดตั้งเว็บของเราได้แล้วนะครับ ^^

Comments

31 responses to “วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme”

  1. […] วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme Tags: link, ลิงก์, วิธีใช้ WordPress 155 views Tweet […]

  2. Final_biw Avatar
    Final_biw

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

    1.  Avatar
      Anonymous

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

      1. Final_biw Avatar
        Final_biw

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

        1. Final_biw Avatar
          Final_biw

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

          1. Nattpapat On P. Avatar

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

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

        2.  Avatar
          Anonymous

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

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

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

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

          1. Final_biw Avatar
            Final_biw

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

          2.  Avatar
            Anonymous

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

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

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

    2. Deft_9 Avatar
      Deft_9

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

  3. singha28 Avatar
    singha28

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

    1. rabbitinblack Avatar
      rabbitinblack

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

      1. singha28 Avatar
        singha28

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

        1. rabbitinblack Avatar
          rabbitinblack

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

          1. singha28 Avatar
            singha28

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

          2. rabbitinblack Avatar
            rabbitinblack

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

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

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

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

            แบบนี้ครับ

  4. คุณ ฮานอย Avatar

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

  5. Kengdesign Kengkeng Avatar
    Kengdesign Kengkeng

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

    1. rabbitinblack Avatar
      rabbitinblack

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

  6. Love Hikachii Avatar
    Love Hikachii

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

    1. rabbitinblack Avatar
      rabbitinblack

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

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

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

    2. Love Hikachii Avatar
      Love Hikachii

      ขอคุณค่ะ><

  7. Love Hikachii Avatar
    Love Hikachii

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

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

    https://upic.me/show/45713558

    1. rabbitinblack Avatar
      rabbitinblack

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

    2. Love Hikachii Avatar
      Love Hikachii

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

      1. rabbitinblack Avatar
        rabbitinblack

        https://rabbitinblack.com/2011/11/plugin-wordpress-lazyest-stylesheet/ ลอง plugin ตัวนี้ดูครับ

  8. marnbocx Avatar
    marnbocx

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

    1. rabbitinblack Avatar
      rabbitinblack

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

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

  9. Thappituk D Lux Avatar
    Thappituk D Lux

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

Leave a Reply to Love Hikachii Cancel reply

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