การใช้งาน WordPress – ติดตั้ง theme

การใช้งาน WordPress – ติดตั้ง theme

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

ที่ให้ใส่เนื้อหาเข้าไปก่อนก็เพราะว่า google และ search engine อื่นๆจะได้เข้ามาอ่าน ระบบการจัดอันดับเว็บเหล่านี้ไม่สนใจดีไซน์สนใจแต่เนื้อหา เพราะฉะนั้นความสวยงานเอาไว้แต่งทีหลัง

การเข้าระบบ Backend

การเแก้ไขหรือเซตระบบใดๆจะต้องทำฝ่านระบบ backend ซึ่งทำได้โดยพิมพ์ www.mysite.com/wp-admin ระบบ backend มีหน้าตาดังรูป

สอน wordpress
Dashboard ของ WordPress

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

ภาพรวมของระบบ WordPress

โดยพื้นฐาน WordPress เป็นระบบที่เรียกว่าระบบ Blog หมายถึงเป็นระบบที่ประกอบไปด้วยข่าวสารที่มีองค์ประกอบสองอย่างคือ Title และ Content และมีระบบที่

  1. ผู้อ่านที่เป็นสมาชิกในเครือข่ายของ WordPress สามารถติดตามเนื้อหา(Title และ Content )ใหม่ๆจาก blog ที่สมัครเป็นสมาชิกได้ โดยจะได้รับการแจ้งเมื่อมีเนื้อหาใหม่ คล้ายกับ facebook ที่เราไปกด like หรือ follow
  2. มีระบบสมัครสมาชิกผ่าน Email เพื่อรับแจ้งเมื่อมีเนื้อหาใหม่ๆ
    ถ้าเราต้องการมีเพียงแค่ blog ก็แทบไม่ต้องทำอะไรเพราะ WordPress โดยพื้นฐานก็คือ blog อยู่แล้ว

WordPress กับเว็บไซต์

ถ้าเราต้องการมากกว่าเป็น blog คือเป็นเว็บไซต์ก็จะต้องมีการเพิ่มเติมความสามารถโดยผ่านสิ่งที่เรียกว่า plugin ซึ่งจะต้องติดตั้งเพิ่มเติม

ตัวอย่างสิ่งที่ต้องใช้ plugin

การทำ slider
การลูกเล่น animation ต่างๆ
การทำให้เว็บเป็นระบบขายสินค้าออนไลน์
การเชื่อมต่อเว็บเราเข้ากับเว็บไซต์อื่นๆ เช่น facebook, twitter หรือพวก social network ต่างๆ และอื่นๆอีกมามาย

WordPress กับความสวยงาม

หน้าตาของเว็บไซต์เรียกว่า Theme ซึ่งหมายถึง layout เช่น หนึ่งหน้าจะมีคอลัมภ์เดียวหรือสองคอลัมภ์ เมนูจะอยู่ข้างบน ข้างซ้าย ข้างขวา สีพื้นเป็นสีอะไร กรอบข้อความเป็นสีอะไร

WordPress มี theme อยู่นับล้าน ทั้งฟรีและเสียเงิน และเมื่อติดตั้งจะมี theme มาตรฐานให้ 3 ตัว

การติดตั้ง theme แบบอัตโนมัติ

กดเมนู Appearance -> Themes ตัวมาตรฐานล่าสุดชื่อ Twenty Fourteen ถ้าไม่ชอบก็สามารถค้นหา theme ฟรีโดยกด Add New Theme

สอน wordpress
ปุ่มเพิ่มธีมใหม่

จะขึ้น theme มากมายมาให้เลือก

สอน wordpress
รายการธีมฟรีในคลังของ WordPress

Featured หมายถึง theme ที่เขาแนะนำ
Popular หมายถึง theme ที่คนนิยมดาวน์โหลดไปติดตั้ง
Lastest หมายถึง theme ฟรีที่มาใหม่
Featured Filter หมายถึงให้ค้นหา theme ที่มีคุณสมบัติตามที่เราต้องการ

Theme ฟรีเหมาะกับเว็บไซต์ที่เน้นข่าวสาร ข้อมูล แต่ก็ไม่ใช่ว่าจะไม่สวยงาม แต่จะมีข้อจำกัดในการปรับแต่งผ่านเมนู (เพราะมีเมนูให้ปรับแต่งน้อย) เช่นมักจะ fix ขนาดfont หรือโทนสี แต่ก็มี theme ฟรีหลายตัวที่ปรับแต่งได้มากแต่ก็มักไม่ update ตามรุ่นของ WordPress

แต่โดยทั่วไป theme ฟรีก็ถือว่าใช้ได้ในระดับเกินค่าเฉลี่ย

ถ้าต้องการ theme ตัวใดก็ทำโดยการกดปุ่ม install ที่ theme ตัวนั้น ถ้าต้องการดูหน้าตาก่อนก็กดปุ่ม Preview

สอน wordpress
เลือกติดตั้งธีม

การติดตั้ง theme แบบอัพโหลดไฟล์

theme บางตัวไม่ได้อยู่ในระบบของ WordPress ก็จะมาในรูปของไฟล์ให้เราดาวน์โหลดผ่านอินเตอร์เนต ซึ่งอาจจะมาจากเว็บไซต์ของ wordpress.com เองหรือเป็น theme ทีเราซื้อมา ซึ่งจะเป็น zip ไฟล์
การติดตั้งทำได้โดยการกดปุ่ม upload theme เลือกไฟล์ที่เราจะอัพโหลด แล้วกดปุ่ม Install Now

การ Customize Theme

Theme โดยทั่วไปจะเปิดโอกาสให้เราแก้ไขบางอย่างได้ ตามระดับของ theme นั้น (ฟรีหรือเสียเงิน และตามคุณภาพของ theme) เลือกเมนู Appearance -> Customize

ตามรูปเป็นตัวอย่างสิ่งที่ปรับแต่งได้ของ Twenty Fourteen

สอน wordpress
คลิกเมนู Theme->Customize จะปรากฏสิ่งที่ธีมนั้นๆยอมให้เราปรับแต่งได้

สอน wordpress
การเซต Title และ Tagline

theme ทุกตัวจะมี option นี้ ซึ่งอย่าละเลย เพราะเป็นข้อความที่ google และ searchengine ต่างๆ จะใช้ในการค้นหาเว็บไซต์ของเรา และตัดสินใจว่าเป็นเว็บไซต์ประเภทอะไร

Set Title ควรใส่ประเภทของสินค้าหรือบริการของเรา เช่นหากทำอาหารเสริม ก็ควรใช้คำว่า “อาหารเสริม”
Tagline เป็นคำอธิบายสั้นๆเกี่ยวกับกิจการของเรา หรือเป็นสโลแกน

Color

เมนูนี้โดยทั่วไปจะให้เซตสีตัวอักษรและสีพื้นโดยรวม theme ที่หรูหราจะเซตได้หลายจุด

สอน wordpress
การเซตสีของธีม อันนี้ขึ้นอยู่กับธีมที่ใช้

Header Image

Theme โดยทั่วไปจะมีภาพเป็นแถบอยู่ด้านบน เราสามารถเปลี่ยนภาพได้จากเมนูนี้ เขาจะแนะนำว่าให้เราสร้างรูปขนาดไหน theme ตัวนี้ (Twenty Fourteen) ให้เราสร้างรูปขนาด 1260 x 240 แล้วกดปุ่ม Add new image

สอน wordpress
การเซตรูปภาพของ header ขึ้นอยู่กับธีมที่ใช้ ที่เห็นเป็นแค่ตัวอย่างของธีมหนึ่ง ซึ่งไม่มีลูกเล่นอะไร

Background Image

หมายถึงรูปพื้นหลัง ปกติจะใช้ภาพเล็กๆ แล้วสั่งให้กระจายไปตามพื้นหลัง

สอน wordpress

Static Front Page

Front Page หมายถึงหน้าแรกของเว็บไซต์ ซึ่งเราสามารถเซตได้สองแบบ

  • ค่าปกติ Your latest posts หมายความว่า แสดงโพสต์ล่าสุดเรียงจากบนลงล่าง หรือแสดงเป็นกริด-ตาราง ซึ่งแล้วแต่ theme สำหรับ theme มาตรฐานจะแสดงจากบนลงล่าง
  • A Static page หมายถึงเพจที่เราได้เตรียมไว้สำหรับแสดงหน้าพิเศษอันใดอันหนึ่งก่อนที่จะเข้าหน้าเว็บไซต์ตามปกติ
สอน wordpress

อื่นๆ อย่างเช่น Featured Content หรืออะไรก็ตาม

ต้องดูรายละเอียดเป็น theme แต่ละตัวไป อาจจะใช้วิธีเดา ลองผิดลองถูก หรือดูจากเว็บไซต์ของผู้สร้าง theme (ถ้ามี) ถ้าเป็น theme ที่ซื้อ ก็สอบถามจาก forum ของเว็บไซต์ผู้ขาย