คู่มือ ทำเว็บไซต์ พื้นฐาน

WORDPRESS TOOLBAR

 

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

  • โลโก้ WordPress ใช้สำหรับไปยังหน้าเว็บไซต์ WordPress.org
  • ชื่อเว็บไซต์ของเรา ใช้สำหรับ ดูหน้าบ้านของเว็บไซต์เรา ตัวอย่าง https://domainname.com
  • อัพเดท คือสัญลักษณ์ ที่เป็น วงกลม คล้าย Recycle ครับ เอาไว้ดูว่า ระบบของเรามีอะไรอัพเดทครับ
  • คอมเมนต์ คือ สัญลักษณ์บอลลูน เอาไว้สำหรับจัดการ ข้อความในเว็บไซต์เราครับ
  • สร้างใหม่ หรือ + New เอาไว้สำหรับ สร้างบทความ หรือ หน้าใหม่ครับ
  • ด้านขวาสุด เมื่อเอาเมาส์ไปวาง ก็จะมีให้เราดู Profile ของเราครับ และสามารถที่จะออกจากระบบได้ครับ

 

WORDPRESS ADMIN MENU

ส่วนด้านข้างซ้าย เราเรียกว่า Admin Menu ครับ เป็นเมนูหลักของ WordPress เลยก็ว่าได้ครับ เวลาที่เราจะทำอะไรใน WordPress ก็ต้องมาเริ่มที่เมนูนี้ครับ ซึ่งจะประกอบไปด้วย

  • Dashboard คือ หน้าจอควบคุม เห็นภาพรวมของ ระบบ WordPress
  • Posts คือ การจัดการ บทความสำหรับ Blog
  • Media คือ การจัดการรูปภาพ และไฟล์ต่างๆ ที่เราอัพโหลดขึ้นไปใน WordPress ครับ
  • Pages คือ การสร้างหน้าเว็บใน WordPress ครับ
  • Comments คือ การจัดการ  Comments ที่คนอื่นๆเข้ามาเขียนในเว็บไซต์ของเรา
  • Apperance คือ การจัดการเกี่ยวกับ หน้าตาเว็บไซต์ของเรา เช่น Themes , Widgets, เมนูต่างๆ ในเว็บไซต์
  • Plugins คือ โปรแกรมเสริม สำหรับ เพิ่มประสิทธิภาพ หรือ ลูกเล่น ในเว็บไซต์
  • Users คือ การจัดการผู้ใช้ในระบบ
  • Tools คือ เครื่องมือเช่น การ Import  หรือ Export ข้อมูล
  • Settings คือ การตั้งค่าซึ่งเป็นหัวใจหลักของ WordPress

WORDPRESS SCREEN OPTION

นอกจากนี้ ใต้ WordPress Toolbar ยังมี  Screen Option ให้เลือก สำหรับ เปิด ปิดกล่องต่างๆ ในหน้าจอของ WordPress อีกด้วยครับ

การเปลี่ยน ภาษาใน WORDPRESS

สำหรับใครที่อยากใช้ Menu ภาษาไทยนะครับ ก็สามารถทำได้โดยการไปที่ Settings > General จากนั้นไปที่ Site Language ที่อยู่ในหน้านั้นได้เลยครับ แล้วเลือกภาษาไทย แต่ผมแนะนำให้ใช้ ภาษาอังกฤษจนเราคุ้นเคยก่อนครับแล้วค่อย เปลี่ยนเป็นภาษาไทยก็ได้ เพราะจากประสบการณ์ที่เจอมาคือ ภาษาไทยที่แปลมามันต่อคำกันแปลกๆ เป็นบางคำครับ อาจจะทำให้งงได้ สำหรับ ผู้เริ่มต้นครับ

สวัสดีครับผม น๊อต ใน Section นี้จะมาสอนการสร้างหน้าใหม่ มีขั้นตอนดังนี้ครับ

1) เข้าระบบหลังบ้านของ WORDPRESS (Blackend)ซะก่อน

ให้เข้าไป Google Chrome หรือ Friefox และ เข้าไปที่ https://domainname.com/wp-admin หรือถ้าเป็นการติดตั้งบนเว็บโฮสติ้ง ให้เค้าผ่าน ชื่อโดเมนของคุณ แล้วตามด้วย /wp-admin   (ตามที่ทางส่งข้อมูลไปให้ลูกค้า)

2) เอาเมาส์ไปวางที่ PAGES (หน้า) แล้ว คลิกที่ ALL PAGES (หน้าทั้งหมด)

หน้านี้จะแสดง หน้าทั้งหมดที่อยู่ในระบบ WordPress ของเราครับ จะมีหน้าให้เราเลือกแก้ไข และที่หน้านี้เราก็สามารถลบหน้าของเราได้ด้วย

3) กดปุ่ม ADD NEW ที่ด้านบนของหน้า ALL PAGES หรือจะกด ที่ ADMIN MENU ก็ได้

ปุ่มนี้จะสร้างหน้าใหม่ให้เรา เป็นหน้าเปล่าครับ เดี๋ยวเรามาดูในขั้นตอนถัดไปเลย

4) แถบยาวด้านบน (ในรูปเป็นกรอบสีแดง) คือชื่อหน้าของเรา หรือ PAGE TITLE นั่นเอง

กรอก Page Title ลงไปในแถบนี้ครับ ชื่อหน้าของเราจะเป็นค่าเริ่มต้นในการสร้าง WordPress Menu อีกด้วย

5) กล่องใหญ่ด้านล่าง เราเรียกว่า EDITOR ใช้เพิ่มหรือแก้ไขข้อมูลที่เราจะแสดงในเว็บไซต์

กล่อง Editor ตรงนี้ เมื่อเราพิมพ์อะไรลงไป มันก็จะไปเห็นในหน้า เว็บอย่างนั้นครับ ที่กล่องจะมีเครื่องมือ หลากหลายมาก คล้ายๆกับ Microsoft Word เลยทีเดียว ซึ่ง Editor แบบนี้มีศัพท์ เทคนิค เฉพาะเรียกว่า WYSIWYG Editor ครับ ถ้าใครเห็นเครื่องมือมีแถวเดียว ให้กดปุ่มสุดท้ายของแถวแรก ที่เรียกว่า Toolbar Toggle ครับ จะปรากฎเครื่องมือ อีกแถวหนึ่ง ขึ้นมาทันทีเลยครับ

4) ใส่รูปภาพได้ที่ปุ่ม ADD MEDIA

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

5) อย่าลืม จัดเก็บ หรือ SAVE ข้อมูลของหน้านี้ด้วยนะครับ

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

6) กด PREVIEW เพื่อดูตัวอย่าง

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