การติดตั้ง woocommerce (1/2)

Wordpress | album : Woo1 | album : Woo2 | Woo2 | การเขียน plugin

การติดตั้ง woocommerce 1

ขั้นตอนการติดตั้งนั้น เชื่อได้ว่าไม่ยากจนเกินไป สำหรับนักเรียน นิสิต นักศึกษา ที่มีพื้นฐานเรื่อง apache , mysql และ php มาก่อน ซึ่งส่วนใหญ่นักพัฒนาที่ใช้ Windows มักเลือกใช้โปรแกรม xampp ที่ช่วยในการติดตั้งชุดโปรแกรมข้างต้น เพราะติดตั้งได้ง่ายเพียงแต่คลิ๊ก next และตอบคำถามที่จำเป็น ซึ่งง่ายกว่าแบบติดตั้งแยกตัว ที่ต้องศึกษาว่ารุ่นใดต้อง config แต่ละตัวอย่างไร เพื่อให้โปรแกรมทั้งชุดทำงานร่วมกันได้
ส่วนการติดตั้ง wordpress และ woocommerce นั้น ก็เพียงแต่คลิ๊ก next และตอบคำถามที่จำเป็นต่อการติดตั้งระบบทั้งสอง ความซับซ้อนของ tools คงไม่มากเท่ากับความซับซ้อนของ contents ที่ผู้ดูแล ต้องพูดคุยกับผู้ใช้ หรือผู้บริหาร เรื่อง 5W1H และ Policy ว่าจะใส่เนื้อหาอะไร ออกแบบธีมอย่างไร เลือกปลั๊กอินตัวใด สินค้าจะตั้งราคาเท่าไร ใครรับผิดชอบในขั้นตอนใด เป็นต้น แต่สำหรับองค์กรที่มีขนาดใหญ่จำเป็นต้องสนใจเรื่อง tools เพื่อให้เครื่องบริการมีความปลอดภัย พร้อมบริการ และรองรับผู้คนได้จำนวนมาก ตั้งแต่หลักสิบ หลักร้อย หลักพัน จนถึงหลักหมื่นพร้อมกัน
wp551_woocommerce461_database.rar
wp551_woocommerce461_scripts.rar

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

1 - ขั้นตอนการติดตั้ง wordpress รุ่น 5.5.1

FB Album / FB - โน๊ตสุดท้าย
Woocommerce บน WP
Slide : 1, 2, 3, 72, 73

wp551
woocommerce1
woocommerce2

การติดตั้ง wordpress รุ่น 5.5.1 นั้น เริ่มต้นจากการ download : wordpress รุ่น 5.5.1 จากเว็บไซต์ wordpress.org แบบ .zip แล้ว unzip เข้าห้อง xampp \ htdocs \ wordpress จากนั้น start บริการทั้ง apache และ mysql ซึ่งใช้โปรแกรม xampp7 ที่มีโปรแกรม apache 2.0, php 7.2.26 และ mysql 5.0.12 แล้วเปิด http:// localhost / wordpress เพื่อเริ่มการติดตั้ง installation แต่พบว่ายังไม่มี database จึงต้องออกไป แล้วเปิด phpmyadmin เพื่อเข้าไปสร้าง database ชื่อ wordpress แล้วกลับไปขั้นตอนการติดตั้งผ่าน browser อีกครั้ง จนแล้วเสร็จ จากนั้นเข้า localhost / wordpress / wp-admin เพื่อบริหารจัดการ site เริ่มต้นให้ความสนใจกับการเข้า Homepage Settings แล้วเลือก A static page แทน Your latest posts แล้วเข้าจัดการ block และ media ใน page การสร้าง gallery อย่างง่าย มองส่วนของ featured image , footer และ menu ต่าง ๆ ชวนมอง Plugins ประกอบด้วยการอัพเดทกรณีล้าสมัย และการติดตั้งเพิ่มใหม่อีกมากมาย จากนั้นเข้า Appearance, Themes ปัจจุบัน Active Theme = Twenty Twenty สามารถเปลี่ยนเป็น Twenty Seventeen หรือ download theme = Oceanwp แล้วจบ slide ด้วยการจัดการ page เพื่อให้เชื่อมโยงหน้าต่าง ๆ ได้ และหน้าจอภาพชุด wp551 นี้ ใช้โปรแกรม opera browser ที่มีบริการ snapshot ช่วยจับหน้าจอได้ง่าย
Woocommerce คือ plugin ที่นำมาติดตั้งบน Wordpress กับ Theme ที่รองรับ plugin นี้ แล้วเปิดให้บริการระบบอีคอมเมอร์ซ (e-commerce) ได้โดยง่าย จากการเตรียมสไลด์ไว้แบ่งปัน พบว่า สามารถเพิ่มสินค้าใหม่ กำหนดระบบชำระเงินแบบเก็บเงินปลายทาง (COD = Cash on delivery) รองรับทั้ง 2 กลุ่ม คือ กลุ่มลูกค้าที่เป็นสมาชิกของระบบ หรือกลุ่มที่ยังไม่เป็นสมาชิก ให้สามารถใช้งานระบบตะกร้า และกดสั่งซื้อส่งข้อมูลให้ผู้ขายได้ ผู้ขายสามารถจัดการกับ order และเปลี่ยนสถานะได้ 3 แบบ ได้แก่ processing, on-hold, completed และมีระบบรายงาน แล้วยังสั่งซื้อ extension script เพิ่มเติมจากผู้ให้บริการได้ เช่น Subscriptions, Booksings, Memberships, Product Search ได้
[Keyword : demo - Wordpressdemosite@551]

2 - โยกย้าย Wordpress ไปยังอีกเครื่องหนึ่ง

โยกย้าย เป็นงานที่ต้องทำอยู่ประจำ เพื่อย้ายงานจากเครื่อง development server ไปยังเครื่อง production server จึงอยากจะเล่าประสบการณ์เรื่องการย้าย Wordpress ว่า เริ่มต้นจากการติดตั้ง Wordpress + Woocommerce บนเครื่อง development server จากนั้นก็ export database ไปเก็บในแฟ้ม .sql เพื่อจะย้ายออกไปต่างเครื่องที่เป็น production server ได้ง่าย จากนั้นคัดลอกแฟ้มทั้งหมดในห้อง wordpress เก็บเป็น .rar ซึ่งมี 3 folder หลักที่สำคัญ ได้แก่ wp-admin, wp-content, wp-includes และแฟ้มอีกจำนวนหนึ่ง เช่น wp-config.php ที่ถูกสร้างขึ้นขณะที่มีการติดตั้งระบบ เมื่อนำแฟ้ม .sql และ .rar ไปไว้ในเครื่อง production server ก็นำไปติดตั้งในตำแหน่งเดิม ๆ ที่เคยอยู่ ในส่วนของ script นั้นนำไปวางในห้อง wordpress ได้ แต่ถ้าเปลี่ยน hostname , database , user , password ก็ต้องแก้ไขใน wp-config.php ให้เรียบร้อย เช่น define( 'DB_NAME', 'wordpress' ); define( 'DB_USER', 'root' ); define( 'DB_PASSWORD', '' ); define( 'DB_HOST', 'localhost' ); แล้วทดสอบเปิด http://localhost / wordpress หรือ http://localhost / wordpress / shop ได้เลย ในส่วนของ database สามารถนำข้อมูลเข้าโดยใช้คำสั่ง C:\> mysql -u root -p wordpress < script.sql ได้
wp551_woocommerce461_database.rar
wp551_woocommerce461_scripts.rar
[Keyword : demo - Wordpressdemosite@551]

3 - ตรวจสอบการติดตั้ง woocommerce ตัวเดิม เนื่องจากเคยติดตั้ง woocommerce ไว้นานแล้ว เพื่อตรวจสอบอีกครั้งว่าระบบที่เคยติดตั้ง โดยใช้ scripts.rar และ database.sql นั้น ยังใช้งานได้ จึงเข้าไปตรวจสอบโดยมีขั้นตอน ดังนี้
1. เปิดบริการ apache server ด้วย start_apache.bat แล้วถ้าไม่ใช้ก็สั่ง stop_apache.bat
2. เปิดบริการ mariadb server ด้วย start_mysql.bat แล้วถ้าไม่ใช้ก็สั่ง stop_mysql.bat
3. เปิด http://localhost/wordpress พบว่าปรากฎข้อมูล wordpress ตามปกติ
4. เปิด http://localhost/wordpress/shop/ พบว่ารายการสินค้าพร้อมขายยังอยู่ 1 รายการ
5. ใช้ phpmyadmin ตรวจ db : wordpress พบตารางของ wordpress และ woocommerce อยู่ครบ
6. dir C:\xampp\htdocs\wordpress พบรายการแฟ้มอยู่ครบ

"ไม่เริ่มต้นในวันนี้ จะไม่มีทางสำเร็จในวันพรุ่ง" โดย โยฮัน ว็อล์ฟกัง ฟ็อน เกอเทอ

Thaiall.com

Truehits.net