thaiall logomy background
ปลั๊กอิน หรือโปรแกรมเสริม (Plug-in)
my town
Blog | BlogACLA | สร้างเพจด้วย WP | Woo1 | Woo2 | การเขียน plugin | นิสิตพยาบาล
ปลั๊กอิน หรือโปรแกรมเสริม (Plug-in)
ลั๊กอิน หรือโปรแกรมเสริม (Plug-in) หมายถึง โปรแกรมที่เสริมฟังก์ชันการทำงานให้กับโปรแกรมอื่น ให้สามารถใช้งานได้หลากหลาย หรือมีประสิทธิภาพยิ่งขึ้น ซึ่งโปรแกรม wordpress มี plugin น่าใช้มากมาย มีทั้งติดตั้งได้ฟรี และที่มีค่าใช้จ่าย มีแหล่งรวมปลั๊กอิน ที่ wordpress.org/plugins มีปลั๊กอินที่น่าสนใจ หลายแบบ Block-Enabled Plugins เช่น Bootstrap Blocks ถูกติดตั้ง 8000+ หรือ Theme Kit ถูกติดตั้ง 10000+ ส่วน Featured Plugins เช่น Classic Editor , Akismet Spam Protection , Jetpack , Woocommerce ซึ่งทั้ง 4 ตัวข้างต้น ถูกติดตั้ง 5+ million ทุกตัว
พบงานใน jooble.org กว่า 6671 ตำแหน่ง เมื่อ 5 ต.ค.64
ขั้นตอนการติดตั้ง 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]
โยกย้าย 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]
การสร้าง 2 plugins สำหรับ wordpress
3 ต.ค.64 มีโอกาสค้นข้อมูลเรื่อง การสร้างปลั๊กอิน หรือโปรแกรมเสริม (Plug-in) สำหรับ wordpress พบรายละเอียดเขียนดีมาก ทำตามได้เลย ที่ borntodev.com จึงได้ทำตามขั้นตอน แล้วผมก็ได้ plugin มาใช้งาน ซึ่งโปรแกรมเสริม (plugin) ตัวนี้มีชื่อว่า BMI Calculator เพื่อคำนวณดัชนีมวลกายจากน้ำหนัก และส่วนสูง ที่ใช้ wordpress function ชื่อ add_shortcode ที่ใช้ในการ post เมื่อ insert shortcode ก็จะเรียก code ที่กำหนดมาใช้งานได้ จากนั้นก็อ่านเรื่อง plugin เพิ่มที่ wpbeaverbuilder.com แนะนำการสร้าง plugin ชื่อ My First Plugin พบ wordpress function ชื่อ add_action ไปบน filter ที่กำหนด ซึ่งผลลัพธ์คือการแสดงข้อมูลในท้ายสุดในหน้า content
มีขั้นตอนที่ได้บันทึกไว้ ดังนี้ 1) ติดตั้ง xampp บน localhost 2) ติดตั้ง wordpress 3) ทดสอบใช้งาน http://localhost/wordpress 4) สร้าง folder ชื่อ test-plugin ใน htdocs/wordpress/wp-content/plugins 5) สร้างแฟ้ม test-plugin.php ใน folder ที่สร้างขึ้น โดยกำหนดให้เป็น utf8 6) เข้า http://localhost/wordpress/wp-admin เพื่อจัดการ 7) เข้า Plugins จาก left menu พบ BMI Calculator ตามแฟ้มและโฟรเดอร์ที่สร้างขึ้น 8) คลิ๊ก Activate 9) เรียกใช้ด้วยการสร้าง Post ใหม่ 10) สร้าง Block และ Search หา Object ที่จะใช้ ให้พิมพ์ Shortcut [/] 11) ในช่อง Write shortcode here... ให้พิมพ์ [GenBmiCal] 12) คลิ๊ก Preview หรือ Publish 13) พบ textbox ตามที่กำหนดใน php code และประมวลผลได้ปกติ 14) สามารถเลือก deactive และ delete plugin ได้ 15) ถ้ามีแฟ้ม test-plugin.zip หรือ first-plugin.zip สามารถคลิ๊ก Add New, Upload Plugin แล้ว Choose File เลือกแฟ้ม plugin ในแบบ .zip แล้ว Install Now แล้ว Activate Plugin ก็จะใช้งานได้ทันที
/**
 * Plugin Name: BMI Calculator
 * Description: BMI Calculator To Content
 */
function BmiCalculator() { return 'BMI Calculator'; }
add_shortcode('GenBmiCal', 'BmiCalculator');
// https://www.thaiall.com/perlphpasp/source.pl?key=9152
/**
 * Plugin Name: My First Plugin
 * Plugin URI: http://www.mywebsite.com/my-first-plugin
 * Description: The very first plugin that I have ever created.
 * Version: 1.0
 * Author: Your Name
 * Author URI: http://www.mywebsite.com
 */
/*
  plugin นี้จะเพิ่มข้อความต่อท้าย $content
  มีตัวอย่างโค้ดที่ https://www.wpbeaverbuilder.com/creating-wordpress-plugin-easier-think/
  ใน filter : the_content
  และมี filter อื่น ๆ ที่ https://codex.wordpress.org/Plugin_API/Filter_Reference
*/
add_action( 'the_content', 'my_thank_you_text' );
function my_thank_you_text ( $content ) { return $content .= 'Thank you for reading!'; }
การเขียน plugin
การอ่านตาราง ใน plugin
บทวนตั้งแต่ต้นก่อนเขียน plugin (5 ต.ค.64) มีขั้นตอนดังนี้ 1) ในเครื่องบริการเครื่องหนึ่ง เคยเก็บตาราง และข้อมูล จาก database : wordpress และ script ทั้งหมดจากห้อง /wordpress ไว้ในแฟ้ม .rar 2 แฟ้ม ซึ่งการย้ายไปใช้ในเครื่องใหม่ ต้องมี wp551_woocommerce461_database.rar และ wp551_woocommerce461_scripts.rar 2) ติดตั้ง xampp และ start ทั้ง apache และ mysql 3) ย้าย database.rar และ unzip ใน mysql/bin 4) ใน mysql/bin เข้าไปสร้าง database ชื่อ wordpress แล้วนำเข้าด้วย mysql -u root -p wordpres s< wp551_woocommerce461_database.sql 5) ย้าย scripts.rar ไป unzip ใน htdocs/wordpress 6) ทดสอบว่า wordpress ทำงานได้ปกติ ด้วยการเปิด localhost/wordpress และ localhost/wordpress/shop 7) สร้างแฟ้ม plugin ตามตัวอย่าง เช่น test-plugin.php ใน htdocs / wordpress / wp-content / plugins / test-plugin 8) เข้า localhost/wordpress/wp-admin แล้วติดตั้ง plugin และ activate 9) เปิดแฟ้ม test-plugin.php มาแก้ไข แล้วเพิ่ม คำสั่งจัดการข้อมูล 10) ใช้โปรแกรม zip เก็บ folder : test-plugin เป็น .zip แล้วนำไปติดตั้งในเครื่องอื่นได้ทันที
/**
 * Plugin Name: Read WP Posts
 * Description: Read WP Posts
 */ 
function ReadWPPosts() { 
	$path = $_SERVER['DOCUMENT_ROOT'];
	include_once $path . '/wordpress/wp-load.php';
	include_once $path . '/wordpress/wp-config.php';
	$db = new mysqli(DB_HOST, DB_USER, DB_PASSWORD, DB_NAME);
	if (mysqli_connect_errno()){
		exit("Couldn't connect to the database: ".mysqli_connect_error());
	}
	$sql = "select * from wp_posts";
	$res = mysqli_query($db, $sql);
	if ($res) {
		while ($row = $res -> fetch_assoc()) {			 
			$sql .= "\n".$row["ID"]." ".$row["post_title"]; // case sensitive
		}
	}
	mysqli_close($db);
	return $sql . 'ok';
}
add_shortcode('GenReadPosts', 'ReadWPPosts');
rspsocial
Thaiall.com