การหาและติดตั้ง ธีม wordpress ฟรีๆ ให้กับ wordpress ของเรา สวยได้ดั่งใจ

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

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

แต่ถ้าอยากได้สวยๆ เราก็ไปเสียเงินซื้อเอา  มีธีมแบบ พรีเมี่ยมขาย  หลายราคามากครับ ขึ้นอยู่กับฟีเจอร์ที่มันฝังอยู่ภายใน  ใครอยากได้ธีมที่มีความสามารถมากๆเทพๆ มีระบบจัดการด้านหลังบ้านให้ด้วย  ก็จ่ายแพงหน่อย  ส่วนใหญ่แล้วธีม พรีเมียม จะราคาประมาณ 1000 – 2000 บาท  ตรงนี้ก็แล้วแต่ชอบเลยครับ  แต่สำหรับบทความนี้ผมจะสอนการใช้ของฟรีเป็นหลัก  แต่ก็จะแนะนำแหล่งที่เราสามารถหาและติดตั้งธีมพรีเมี่ยมสวยๆ จากแหล่งธีมภายนอกให้ด้วยเช่นกันครับ

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

บทความนี้เป็นลิขสิทธิ์ของ riwwee.com แต่เพียงผู้เดียว ห้ามก๊อปปี้ หรือทำซ้ำโดยไม่ได้รับอนุญาตครับ

สารบัญ เริ่ม Login เข้าสู่ระบบ การติดตั้ง Theme โดยเลือกจาก WordPress Store แหล่งซื้อ Theme WordPress สวยๆ การติดตั้ง Theme โดยเลือกจาก computer อัพเดต 9 มิถุนายน 2561

เช่าพื้นที่ทำเว็บ fastcomet เพื่อทำเว็บไซต์ wordpress ของตัวเอง ลดทันที 15% คลิ๊กเลย

เริ่ม Login เข้าสู่ระบบ

เอาล่ะ เริ่มกันเลยดีกว่า  เริ่มจากการล๊อกอินเข้าระบบหลังบ้านก่อน ผ่านลิงค์   http://www.yourdodmain.com/wp-admin/

หลังจากนั้นก็จะเข้ามาที่หลังบ้านของเว็บไซต์เรา ให้คลิ๊กไปที่  Appearance > Themes ตามภาพด้านล่างเลย

 

เมื่อคลิ๊กแล้วก็จะพบกับ Theme ที่เราได้ดาวน์โหลดเอาไว้แล้ว  ดูตามภาพด้านบน มี Theme ที่ติดตั้งไว้แล้ว 4 ธีม แต่เราสามารถใช้ได้แค่ Theme เดียวนะครับ  เว็บหนึ่งจะมีหลาย ธีม ไม่ได้  ถ้าดูที่ภาพจะเห็นได้ว่า มีสถานะ Active หรือ ใช้งานอยู่แค่อันเดียวเท่านั้น คืออันแรกสุด

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

Template ฟรีๆ ธีม ฟรี เหล่านี้ ผู้จัดทำเปิดให้ใช้ฟรี  สามารถดาวน์โหลดได้ใน WordPress Store ครับ ขอเรียกแบบนี้ละกันเพราะด้านในนั้นจะมี ธีมให้เลือกเยอะแยะลายตาไปหมด  เวลาใช้งานธีมผ่านไปนานๆ  เจ้าของผู้พัฒนาธีม อาจจะมีการอัพเดตบางอย่าง  ถ้าอัพเดตแล้ว  ที่ WordPress จะทำการแจ้งเตืืือนเราด้วยครับ  ดูที่รูปด้านบน จะมีแถบสีเหลืองๆบอกว่า  New Version Available แปลว่าตอนนี้มีเวอร์ชั่นใหม่ให้อัพเดตแล้วนะ   เราก็กดปุ่ม  Update now ได้เลย

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

ลองกดอัพเดตเล่นๆ ดูครับ

การติดตั้ง ธีม (theme) โดยเลือกจาก WordPress Store

เริ่่มจากการคลิ๊กที่ปุ่ม  Add New  ครับ ตามลูกศร ชี้เลย

ก็จะเข้ามาสู่ WordPress Store ที่ซึ่งเก็บรวบรวม theme wordpress ไว้มากมายให้เราได้เลือกใช้งาน  ใครอยากได้อันไหนก็เลือกดูได้เลย  ภาพพรีวิวที่มันแสดงอยู่  จะเป็นภาพแสดงเมื่อเว็บไซต์เราใช้ธีมนี้ในการแต่งเว็บ เสร็จ ปรับตั้งค่ามันไป  แล้วสุดท้ายมันจะออกมาแบบไหน  เราสามารถปรับให้มันแตกต่างจากที่มันให้มาได้ด้วยนะครับ  ขึ้นอยู่กับฝีมือของผู้ใช้งาน WordPress นั่นเอง 

ลองเอาเม้าไป อยู่บน Theme ดูครับจะแสดงแบบนี้

ถ้าคลิ๊กที่ภาพเลย  ตรง Details & Preview หรือคลิ๊กที่ปุ่ม Preview  มันจะส่งเราไปยังหน้าพรีวิวแบบ live หมายถึงมันจะแสดง สวมธีมเข้าเว็บให้เราดูแบบจริงๆเลยว่าถ้าเรียกใช้งานคุณจะได้หน้าตาแบบนี้ๆนะ  ดังภาพด้านล่างนี้ครับ  ส่วนปุ่ม  Install  ก็ใช้ในการติดตั้งถ้าพอใจตอนนี้ก็ติดตั้งเลย

• ส่วนพรีวิวแสดงธีม  คือส่วนที่จะแสดงให้ดูว่าเมื่อใส่ธีมลงเว็บไซต์แล้ว เว็บเราจะหน้าตาเป็นแบบไหน
• ปิดหน้า live preview  ถ้าคลิ๊กที่ปุ่มนี้ก็จะกลับไปยังหน้า รวม ธีม ให้เราเลือกดู
• ลูกศร  <  >   เมื่อคลิ๊กแล้วก็จะเปลี่ยนไปดู ธีม  ย้อนหลัง หรือไปด้านหน้าได้
•  Install   คือปุ่มที่ใช้ในการติดตั้ง ธีม  ถ้าเราพอใจ หรือ ชอบ ธีมนี้ ก็กดติดตั้งได้เลย

ลองกด Install ดูครับ  พอติดตั้งเสร็จ  ก็จะขึ้นมาแบบนี้  จะมีปุ่มให้กด  Activate  เพื่อเปิดการใช้งานต่อไป

ถ้าเราไม่กด Activate นั่นหมายความว่า  ธีมนี้ยังไม่ถูกนำไปใช้งานกับเว็บไซต์เรานะครับ  เราต้อง Activate เพื่อสั่งให้ WordPress ใช้ ธีม นี้  มาครับ  มากด Activate กันเลย

ทีนี้ลองเข้าเว็บของคุณดูเองครับ  http://www.yourdomain.com/

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

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

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

ในส่วนการตั้งค่าในภาพด้านบน ด้านซ้าย  แต่ละ Template จะมีแตกต่างกันไป ไม่เหมือนกันหมดซะทีเดียว  Template อื่นที่เราเรียกใช้งาน  อาจจะมีที่ให้ ตั้งค่า เยอะกว่านี้ก็เป็นได้  ในการหัดใช้งาน ผมอยากให้ทุกคนลองคลิ๊กดูแล้วลองกดเข้าไปดู  ไปลองเปลี่ยนแปลงค่าบางอย่างตรงค่าด้านซ้ายที่ผมตีกรอบสีแดงๆไว้ให้ด้วยตนเอง  เป็นการเปลี่ยนค่า ทดลองทำ ลงมือทำดู เป็นทักษะพื้นฐานของคนที่อยากเก่ง IT ต้องเรียนรู้เองให้เป็น พอเปลี่ยนค่าเสร็จก็อย่าลืมกดปุ่ม  Publish  ด้วยล่ะครับ เพื่อให้มันเผยแพร่ค่าไปยัง ธีมปัจจุบัน  ปุ่ม Publish เหมือนปุ่ม Save นั่นล่ะ 

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

 

แหล่งหาซื้อ Theme สวยๆ

ปกติจะไปซื้อ ธีม จากเว็บนนี้ครับ  themeforest.com  จะมีธีมให้เลือกเยอะมากเลยครับ  ตั้งแต่ราคาประมาณ $13 หรือประมาณ 400 บาท เท่านั้น  จนราคาประมาณ $1012 หรือประมาณ 30,000 กว่าบาทเลย  แต่ไม่ต้องตกใจครับ  ส่วนใหญ่แล้วนะจะราคาประมาณ $20-$60 เท่านั้นครับ เฉลี่ยๆ ไปเลือกชมได้เลย

หรือจะลองค้นหา google ดูก็ได้ครับ ค้นว่า  theme wordpress ฟรี ก็ได้ครับ  หรือจะค้นหาเป็นภาษาอังกฤษ  theme free wordpress, theme wordpress free download ประมาณนี้ครับพอเข้าใจมั้ยครับ ลองค้นดูแล้วดาวน์โหลดธีมที่ถูกใจมา

เดี๋ยวนี้โลกปัจจุบันนั้น ผู้คนชอบดูเว็บผ่านมือถือมากขึ้น  เราก็ควรทำเว็บให้สามารถปรับเปลี่ยนหน้าจอเป็นแบบมือถือได้ด้วยจะดีมากครับ  มันจะมีคำศัพท์ทางเทคนิคว่า  Responsive wordpress Theme หมายถึง ธีมที่สามารถปรับหน้าจอได้อัตโนมัติ  เหมือนน้ำที่ปรับหน้าตาตามภาชนะที่ใส่ได้  เวลาเรายุบหน้าจอก็จะแสดงอีกแบบ  เวลาดูผ่านมือถือก็จะแสดงอีกแบบให้เหมาะสม  ปัจจุบันนี้ google ให้ความสำคัญกับสิ่งนี้มากนะครับ responsive ถ้าเว็บไหนทำไม่ได้  อาจจะติด Rank มาอยู่หน้าแรกของการค้นหายากเลยทีเดียว ลองเอาคำว่า responsive wordpress theme ไปค้นหาดูนะครับ ใน google ลองหาดูเผื่อเจอ ธีมที่ถูกใจ

สำหรับ ธีมฟรีๆ สวยๆ ลองเข้าไปดู Theme WordPress ฟรี ได้จากลิงค์นี้นะครับ  เป็นต้น

https://athemes.com/collections/free-wordpress-themes/

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

ไฟล์ที่โหลดมาจะเป็นไฟล์ .zip นะครับ  ตอนนี้อยู่บนเครื่องคอมของผมเรียบร้อยแล้ว

 

การติดตั้ง Theme โดยเลือกจาก Computer

ต่อมากลับมาที่ WordPress อีกครั้ง  เหมือนเดิมครับ คลิ๊กที่ Add New

หลังจากนั้นให้กดปุ่ม Upload Theme ในหน้าถัดไป  ทำตามภาพเลยครับ

ทีนี้ให้กดปุ่ม เลือกไฟล์ หรือ Browse.. ครับ  เพื่อเลือกไฟล์ที่เราดาวน์โหลดมาเก็บไว้บนเครื่องเมื่อกี้นี้  .zip นะครับ

แล้วก็กด  Install Now 

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

กด  Activate ตามภาพเลยครับ หรือใครจะดู Live Preview ก่อนก็ได้   เมื่อเรียบร้อยแล้ว  Theme ของเราก็ติดตั้งแล้วพร้อมใช้งาน  และจะถูกส่งกลับมายังหน้านี้ครับ หลังกด Activate

ลองพิมพ์เปิดเว็บไซต์ของเราดูอีกครั้งครับ  http://www.yourdomain.com/

แทแด้นนน

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

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

ถึงตรงนี้ทุกคนก็ตัดสินใจดูครับ ว่าจะหาใช้วิธีประหยัดงบ ใช้ ธีมฟรี  จาก WordPress Store หรือ ธีมฟรีติดตั้งเองจากภายนอก  ก็ได้ สายฟรี  หรือถ้าใครสายชอบลงทุน  ประหยัดเวลา มีคู่มือ  ก็จัดได้เลยครับ  ถ้าเราลงมือทำเว็บตั้งใจทำจริงๆ ผมบอกเลย  ยังไงก็คืนทุนแน่นอนครับ  ใครยังไม่ได้อ่านบทความแรกของผมที่พูดเกี่ยวกับการเริ่มต้นสร้างเว็บ  การคำนวณต้นทุน  วิธีการทำรายได้จากเว็บ  ไปอ่านได้ครับ 

สอนวิธีการสร้างเว็บไซต์ เรียนได้ด้วยตนเอง ทำทีละขั้นตอนอย่างละเอียด

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

 

เช่าพื้นที่ทำเว็บ fastcomet เพื่อทำเว็บไซต์ wordpress ของตัวเอง ลดทันที 15% คลิ๊กเลย

บทความถัดไป (Up Next)

วิธีติดตั้ง ปลั๊กอิน wordpress – เพิ่มความสามารถให้เว็บของเรา