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

Posted

January 2, 2012

วิธีใช้ WordPress

Rabbitinblack

Tags:

appearance, theme, theme wordpress, wordpress theme, วิธีใช้ Wordpress

Comments

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

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

January 2, 2012

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

Reply
Final_biw

January 11, 2012

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

Reply
1. Anonymous
  
  January 11, 2012
  
  ทำเว็บใน wordpress.com หรือเปล่าครับ
  
  Reply
  1. Final_biw
    
    January 11, 2012
    
    ใช้ครับ ผม เป็นมือใหม่ยังไม่เข้าใจอะไรเลยครับช้วยแนะนำหน่อย
    
    Reply
    1. Final_biw
      
      January 11, 2012
      
      ผมเคยทำ blogger มาก่อน แต่พอมาเจอ wordpress งงมากเลยครับ blogger เนียจะเปลียนธีมนี้ง่ายแต่ wordpress เนียงงมากเลยครับ มันต้องมี โฮส ฝากด้วยหรอครับ
      
      Reply
      1. Nattpapat On P.
        
        January 13, 2012
        
        “ฝากโฮส” ในที่นี้ Rabbitinblack น่าจะหมายถึงการจดโดเมน http://www.domainname.com แล้วใช้ wordpress เป็นหลังบ้านน่ะค่ะ… แต่ของคุณ Final_biw คือทำบน wordpress คือเป็น username.wordpress.com รึเปล่าคะ? ถ้าใช่ก็จะปรับแต่งได้น้อยกว่าแล้วก็ install theme ไม่ได้น่ะค่ะ
        
        ผิดถูกยังไงพี่บิ๊กช่วยแก้ด้วยเน้อ ๕๕๕ 🙂
    2. Anonymous
      
      January 11, 2012
      
      คือ ตัว wordpress.com เนี่ย มันจะเปลี่ยนธีมได้เฉพาะที่เค้ากำหนดมาให้อะครับ
      
      ผมเขียนคร่าว ๆ เกี่ยวกับ wordpress.com ไว้แล้วครับ https://rabbitinblack.com/2012/01/create-web-free-wordpress-com/
      
      แต่สรุปง่าย ๆ ก็คือ wordpress.com จะทำงานได้จำกัดเท่าที่ทางนั้นกำหนดมาให้ใช้ครับ
      
      ถ้าอยากใช้มากกว่านั้นต้องจ่ายเงิน ไม่ก็ต้องเอามาทำเอง กับ host ตัวเอง อะไรแบบนั้นครับ
      
      Reply
      1. Final_biw
        
        January 11, 2012
        
        แล้วผมอยากจะ ฝากกับโฮส ได้ยังไงครับมี ผมมีธีมที่ดาวน์โหลดมาไว้แล้วอยากจะใช้ธีมนั้น
        แนะนำได้มั้ยครับ ต้องเริ่มต้องยังไง (ถ้าเกิดว่าเราเสียเงิน จะอัพโหลดได้เลยใช้มั้ยครับ)
      2. Anonymous
        
        January 11, 2012
        
        คือ เสียเงินเนี่ย ส่วนใหญ่คือเค้าทำกันมาซักพักแล้ว อยากจะเพิ่มความสามารถของมันอะครับ
        
        แต่ถ้าจะเริ่มต้นทำใหม่ แนะนำไปหาโฮส แล้วก็ลง wordpress ใช้งานเลยดีกว่าครับ
        
        จะปรับแต่งอะไรได้ตามใจชอบมากกว่า
2. Deft_9
  
  March 3, 2012
  
  ถ้าใช้ http://www.wordpress.com จะเป็นแค่การใช้บล็อกฟรี ซึ่งชื่อก็จะเป็นซับโดเมน และการปรับแต่งจะมีข้อจำกัด
  แต่ถ้าใช้ http://www.wordpress.org จะไปโหลดไฟล์ wordpress มาติดตั้งที่โฮสคร้ับ ต้องจดชื่อโดเมนและเช่าพื้นที่โฮสก่อน แล้วค่อยเอาไฟล์เวิร์ดเพรสมาติดตั้งใช้งาน อันนี้จะปรับแต่งไปตามใจชอบ แก้ไขโค๊ด โหลดปลั๊กอิน อะไรต่างๆ ใช้ได้หมด
  
  Reply
singha28

April 20, 2012

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

Reply
1. rabbitinblack
  
  April 20, 2012
  
  ต้องสร้างเมนูใหม่ขึ้นมาก่อนนะครับ เลือกที่เครื่องหมาย + อะครับ แล้วก็ตั้งชื่อเมนู แล้วด้านซ้ายเราก็เลือกเมนูให้ตรงกับชื่อเมนูที่เราสร้างขึ้นมาครับผม
  
  Reply
  1. singha28
    
    April 21, 2012
    
    บวกเพิ่มขึ้นมาหลายเมนูแล้วและก็เซฟเรียบร้อย แต่มีโชว์ที่หน้าเว็บเมนูเดียวเองค่ะ เมนูที่บวกเพิ่มๆขึ้นมาไม่มี
    
    Reply
    1. rabbitinblack
      
      April 21, 2012
      
      ลอง printscreen มาให้ผมดูหน่อยแล้วกันครับ
      
      Reply
      1. singha28
        
        April 21, 2012
        
        ตรง Theme locations ที่ระบบบอกว่าYour theme supports 1 menu น่ะค่ะ บวกเมนูเพิ่มตั้งหลายเมนู พอไปที่หน้าเว็บ จะเห็นแต่ About เมนูเดียว
      2. rabbitinblack
        
        April 21, 2012
        
        เออ ผมกะละ ว่าต้องเป็นแบบนี้
        
        คือเวลาสร้างอะครับ จะเอาเมนูอะไร ก็ใส่ในอันเดียว ลากมาวาง ไม่ต้องไปกด + เพิ่มแบบนั้นเรื่อย ๆ ครับ
        
        อยากถ้าสมมติเมนูชื่อ about เราต้องการให้เมนู about มีอะไร ก็ใส่ลงไปครับ มันลากวาง ๆ ได้
        
        https://digwp.com/2010/08/using-menus-in-wordpress-3-0/
        
        แบบนี้ครับ
วิธีการเขียนเวป « คลินิกทันตกรรม พี เอ็ม อาร์

August 16, 2012

[…] https://rabbitinblack.com/2012/01/wordpress-11-wordpress-theme/ […]

Reply
คุณ ฮานอย

September 25, 2012

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

Reply
Kengdesign Kengkeng

May 30, 2013

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

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

June 23, 2013

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

Reply
1. rabbitinblack
  
  June 23, 2013
  
  อันนี้เราต้องไปดูว่า ใช้ Theme อะไรก่อนค่ะ
  
  ส่วนใหญ่ Theme จะมีคำแนะนำการใช้งานอยู่แล้ว
  
  แต่ถ้าเดา เราอาจจะต้องไปแก้ไข code ในส่วนของ front-page.php ไม่ก็ page.php ครับ
  
  Reply
2. Love Hikachii
  
  July 3, 2013
  
  ขอคุณค่ะ><
  
  Reply
Love Hikachii

June 23, 2013

https://upic.me/show/45541112

Reply
Love Hikachii

July 3, 2013

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

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

https://upic.me/show/45713558

Reply
1. rabbitinblack
  
  July 3, 2013
  
  เปลี่ยนได้ที่ตัว CSS เลยครับ
  
  Reply
2. Love Hikachii
  
  July 5, 2013
  
  มันอยู่ตรงไหนอ่ะค่ะeditorป่ะค่ะ
  เข้าไปแก้แล้วมันก็ไม่เปลี่ยนอ่ะค่ะ
  เพิ่งทำเว็บครั้งแรกอ่ะค่ะTOT
  
  Reply
  1. rabbitinblack
    
    July 5, 2013
    
    https://rabbitinblack.com/2011/11/plugin-wordpress-lazyest-stylesheet/ ลอง plugin ตัวนี้ดูครับ
    
    Reply
marnbocx

January 7, 2015

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

Reply
1. rabbitinblack
  
  January 8, 2015
  
  https://gist.github.com/slav123/6508035
  
  ก็เปลี่ยนเวอร์ชั่นเอาครับ ในนั้นมันจะเป็น 1.8.3 คราวนี้เรื่องผลกระทบไม่น่าจะมีนะครับ
  
  Reply
Thappituk D Lux

June 29, 2016

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

Reply