Loading...
how to wordpress 2017-11-03T16:20:17+00:00

คู่มือ WordPress ต่างๆ

การกำหนด Attribute ให้กับสินค้า

การกำหนด Attribute สามารถทำได้ในหน้าแก้ไขข้อมูลสินค้า ตรงส่วนของ Product Data จะมีส่วนของ Attributes อยู่  ส่วนของการกำหนด [...]

การจัดการสินค้าของ WooCommerce (WooCommerce’s Products)

ในการจัดการสินค้า สามารถทำได้โดยการกดเมนู Products ในหน้า Admin เมนู Products ในหน้า Admin เมื่อเลือกเมนูแล้วจะเข้าสู่หน้ารายการสินค้าทั้งหมด ในหน้านี้สามารถ [...]

การจัดการ Pages

ในการจัดการ Post สามารถทำได้โดยการกดเมนู Pages ในหน้า Admin เมนู Pages ในหน้า Admin เมื่อเลือกเมนูแล้วจะเข้าสู่หน้ารายการ [...]

การจัดการ Tag ของ Post

ในการจัดการ Tag สามารถทำได้โดยการกดเมนู Posts ในหน้า Admin แล้วเลือก Tags   เมนู [...]

1. WORDPRESS TOOLBAR

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

                 โลโก้ WordPress ใช้สำหรับไปยังหน้าเว็บไซต์ WordPress.org

       ชื่อเว็บไซต์ของเรา ใช้สำหรับ ดูหน้าเว็บไซต์ของเรา ตัวอย่าง https://domainname.com

                อัพเดท  ส่วนแจ้งเตือน อัพเดทระบบ

                คอมเมนต์  ส่วนจัดการ ข้อความในเว็บไซต์

               สร้างใหม่ หรือ + New  สร้างบทความ หรือหน้าใหม่

     Profile  เมื่อเอาเมาส์ไปวาง ก็จะมีให้เราดู Profile ของเรา และสามารถที่จะออกจากระบบได้

 

2. 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

 

3. WORDPRESS SCREEN OPTION

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

 

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

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

ขั้นตอนการสร้างหน้าใหม่

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

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

2. ไปที่เมนูด้านซ้าย(WordPress Admin Menu) และนำเมาส์ไปวางที่ PAGES (หน้า) คลิกต่อที่ ALL PAGES (หน้าทั้งหมด)

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

3. กดปุ่ม ADD NEW ที่ด้านบนของหน้า  หรือกดที่ WordPress Admin Menu

ปุ่มนี้จะสร้างหน้าใหม่ให้เรา เป็นหน้าเปล่า

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

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

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

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

6. การใส่รูปภาพโดยคลิกที่ปุ่ม ADD MEDIA

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

7. การจัดเก็บและบันทึกข้อมูล (Save)

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

8. การดูตัวอย่าง (Preview)

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

9. การแก้ไขรูปภาพหน้าปก

คลิกที่ปุ่ม set featured image เพื่อเลือกภาพหน้าปกหรืออัพโหลดรูปภาพหน้าปกใหม่

การแก้ไขเมนูหรือสร้างขึ้นมาใหม่ อย่างง่ายๆบน WordPress 4.7.3

บทความนี้ต้องมีพื้นฐาน การสร้างหน้าเว็บ มาก่อน

ขั้นตอนแรก การเตรียมหน้าเว็บ สำหรับรองรับเมนู

ผมจะสร้างหน้าต่อไปนี้ สำหรับรองรับเมนูของผม

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

1. เริ่มสร้างเมนู โดยการไปที่ เมนู APPEARANCE ที่WORDPRESS ADMIN MENU และคลิกไปที่ MENUS

จะพบหน้าจอ ของการสร้างเมนู ถ้าเราเคยสร้างเมนูอยู่แล้ว เมนูที่เคยสร้างขึ้นมาให้ดูก่อน

2. ทำการสร้าง MENU โดยการกดที่ CREATE A NEW MENU

จากนั้นเราจะสามารถกรอกข้อมูล ชื่อของเมนูลงไปได้ แต่แนะนำให้กรอกเป็นภาษาอังกฤษ จะได้ไม่มีปัญหาในภายหลัง

3. ทำการเพิ่ม LINK ลงไปในเมนู

ทำได้โดยการใช้ กล่องทางด้านซ้ายมือ ทางด้านซ้ายมือ จะมีทั้ง Pages Posts Categiries ให้เราเลือก ซึ่งสามารถลิงค์ไปที่ ส่วนไหนก็ได้ใน WordPress ถ้าเราเลือก Pages และไปเลือกหน้าโดยการ ติ๊กที่กล่องด้านหน้า จากนั้นกด Insert to Menu ก็จะสามารถใส่ Link หรือเราเรียกว่า Menu Item เข้าไปใน Menu ของเราได้

4. จัดลำดับเมนู

เราสามารถจัดลำดับเมนู (Menu Item) ของเราได้โดย การลากขึ้นลง และซ้ายขวา การลากซ้ายขวาจะทำให้เมนูของเรา อยู่ภายใต้ Menu Item ก่อนหน้านี้

5. เลือก MANAGE LOCATIONS

ที่ด้านบนฝั่งซ้ายมือ เราสามารถที่จะเลือก Menage Locations ได้ เราต้องเลือก Location ที่ Theme กำหนดมาให้ โดยส่วนมากจะมีประมาณ 2 ตำแหน่งคือ Primary Menu และ Social Links

6. อย่าลืม ที่จะจัดเก็บเมนู

ขั้นตอนนี้ เป็นขั้นตอนที่สำคัญ ห้ามลืมเด็ดขาด ถ้าลืม ก็เหมือนไม่ได้ทำเลย เราสามารถกดจัดเก็บเมนู ได้ที่ปุ่มจัดเก็บทางด้านล่าง

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

1. เริ่มจากเลือกที่ Product และเลือก Add Product ดังรูปภาพด้านล่างนี้

2. จากนั้นทำตามขั้นตอนตามหมายเลขโดยดูรูปภาพประกอบจากด้านล่าง

  1. Product Name = ระบุชื่อของสินค้า
  2. Content Product = เพิ่มรายละเอียดต่างๆ เกี่ยวกับสินค้า
  3. Add Photo = เพิ่มรูปภาพของสินค้า
  4. Product Categoies = เลือก Categoies ของสินค้า
  5. Pubilsh = เพื่อโพสต์สินค้า หรือ เพิ่มสินค้า
  6. Regular Price = ราคาสินค้าขายปกติ
  7. Sale Price = ราคาสินค้าตอนลดราคา
  8. Product Image = ภาพสินค้าที่จะแสดงหน้าเว็บ
  9. Product Gallery = ภาพสินค้าหลายๆ ภาพ
  10. Product Tags = keyword สำหรับค้นหาภายในเว็บไซต์
  11. Product Short Description = รายละเอียดแบบย่อ ที่จะแสดงหน้าเว็บไซต์