Author: chatchai

การใช้ Plugin Content Views

Plugin Content Views   ปลั๊กอิน Content Views นั้นสามารถจัดการแบ่ง Grid และการโชว์ Posts ของเรื่องหรือหน้าแต่ละหน้าได้   1) เราสามารถกำหนดหัวข้อของหน้า 2) กำหนดเลือกเรื่องหรือหน้าที่จะนำมาแสดง 3) จำกัดการโชว์โพสต์ข้อแต่ละหน้า       สามารถเลือกหมวดหมู่เฉพาะ หรือ ป้ายกำกับ ในการแสดงโพสต์           หน้า Display จะเป็นการตั้งค่าการแบ่ง Grid และ List รายการโชว์โพสต์ การจำกัดการโชว์ตัวอักษร , หัวข้อโพสต์ และ ขนาดรูปของโพสต์ต่างๆ และสามารถตั้งค่าการจำกัดการแสดงโพสต์แล้วขึ้นหน้าใหม่ได้โดยการติ๊กที่ Pagination ให้เป็น Enable   โดยการใช้งานนั้นสามารถนำ ShortCode  ไปวางในหน้าที่ต้องการแสดงโชว์      

การ Upload รายชื่อ User Email Google

Click เข้าไปที่ผู้ใช้งาน จากนั้นเข้าไปที่ Bulk upload users ดาว์นโหลด CSV template จากนั้นเปิดไฟล์ที่ดาวน์โหลดมา กรอกข้อมูลต่างๆของ user โดยข้อมูลที่จำเป็นต้องกรอกจะใส่ [required] ตามหลัง เมื่อกรอกข้อมูลเสร็จแล้วให้กลับไปที่หน้าเมนู Bulk upload users คลิก ATTACH CSV เพื่ออัพโหลดไฟล์ที่มีข้อมูลของ user ซึ่งถ้าข้อมูลในไฟล์ที่ upload ไปนั้นมีปัญหาเราสามารถ Download Log มาเพื่อตรวจสอบได้ Download Log จะมีการแจ้งข้อผิดพลาดของข้อมูลอยู่  

การใช้งาน Modal Bootstrap

การใช้ Modal Bootstap เพิ่ม script ไว้ในหน้า html ในส่วนล่างของ </body>

สามารถเลือก version ได้จากเว็บไซต์ด้านล่าง

 

  โค้ดในส่วนนี้เป็นการเพิ่มปุ่ม Button ที่คลิกให้ฟังก์ชั่น Modal ทำงาน

  โค้ดในส่วนนี้เป็นส่วนกำหนดส่วนต่างๆของ Modal            

วิธี Setup FTP Service บน Windows server

  เข้าไปที่ Server Manager    เลือก Add roles and features           เลือก Service ที่ต้องการจะติดตั้ง   เมื่อทำการ Install Service เสร็จเรียบร้อยแล้ว ไปยัง Tools > Internet Information Services (IIS) manager     คลิกขวา Sites > Add FTP Sites   ตั้งชื่อ FTP และ Path Files ของ ftp   เลือก IP Address และ Port ที่ต้องการทำ FTP    […]

การใช้งาน Popover Bootstrap

Popover คือเครื่องมือที่มีลักษณะเหมือนกล่องข้อความที่เป็นแบบ pop up เด้งขึ้นมา การใช้งาน popover เบื้องต้น โดยใส่ BootstrapCDN ไว้ในหน้า html ในส่วนของ <head>

เราสามารถกำหนดทิศทางการแสดงข้อความของ popover ได้ 4 ทาง คือ ซ้าย ขวา บนและล่าง   ในส่วนของการกำหนดทิศทางเราสามารถแก้ไขในส่วน data-placement = top / left / right / bottom ข้อความที่ต้องการใส่อยู่ในส่วนของ data-content   popover นั้นต้องใช้ Javascript ในการทำงาน   จากนั้นก็สามารถใช้ popover ได้        

การใช้ jQuery Validation

Download File จากลิ้งค์นี้ https://github.com/jquery-validation     จากนั้นนำไปวางไว้ในโฟลเดอร์   เรียกใช้ โดยใส่ไว้ในส่วนของ<head> ของไฟล์ HTML   ตั้งชื่อ id ให้ฟรอมที่ต้องการจะตรวจสอบ     ตั้งชื่อให้ input ที่ต้องการจะให้ตรวจสอบ   จากนั้นสร้างไฟล์  validate.js     rules : จะเป็นส่วนในเงื่อนไขของการตรวจสอบ messages : จะเป็นการกำหนดข้อความในการแสดง error message  

ให้ PHP กับ SQLแสดงผลภาษาไทยถูกต้องโดยใช้ Mysqli (utf8)

PHP และ SQL มักจะมีปัญหาการไม่รับรองภาษาไทย ซึ่งจะมีปัญหากับการจัดเก็บลงฐานข้อมูลและการแสดงผลข้อมูล โดยการเก็บข้อมูลลงฐานข้อมูลเป็นภาษาไทยแล้วไม่มีการตั้งค่าจะเห็นเป็นภาษาดังรูป   ในการสร้าง Database บน phpMyAdminนั้นควรเปลี่ยน Collation ให้เป็น utf8 โดยหน้าที่มีการบันทึกข้อมูลควรใส่ในส่วนของหน้า HTML <meta http-equiv=Content-Type content=”text/html; charset=utf-8″> ซึ่งกำหนด meta ของ charset=utf-8 เสมอ เพราะข้อมูลที่จะส่งไปยัง Server จะอยู่ในรูปแบบของ utf8 โดยที่ไม่ต้องไปแปลงให้เป็น utf8 ก่อนจัดเก็บ   mysqli_set_charset($???, “utf8”); เพิ่ม mysqli_set_charset ให้กับการเชื่อมต่อ ก็ถือว่าตอนนี้ข้อมูลทั้งหมดจะถูก รับ-ส่ง จัดเก็บในรูปแบบของ utf8 แล้ว  

การเปลี่ยน port XAMPP SERVER ถ้าลงตัวจำลอง Web sever มากกว่า 1 ตัว

โดยในเครื่องนี้ได้ลง IIS (Internet Information Services) กับ XAMPP ไว้ในเครื่องเดียวกัน ซึ่งทั้งสองตัวจะใช้ port 80 เป็นค่าเริ่มต้นเหมือนกัน   ซึ่งพิมพ์เข้า localhost จะเข้าไปที่ IIS จะทำให้เข้า XAMPP ไม่ได้เพราะใช้ port เดียวกัน   ซึ่งการเปลี่ยน port มีวิธีดังนี้ กด Ctrl+f จากนั้นพิมพ์ 80 แล้วกดค้นหา   จากนั้นเปลี่ยนทั้งสองจุดเป็นเลขอะไรก็ได้ จากตัวอย่างจะเปลี่ยนเป็น port 81   จากนั้นกด Save ลองเข้า localhost:81 เสร็จเรียบร้อย  

การติดตั้ง Open edX ผ่าน Virtual machine

Download ไฟล์ Open edX จากเว็บไซต์ https://bitnami.com/stack/edx/virtual-machine   จากนั้นเปิดโปรแกรม Virtual Box ขึ้นมาเลือก “File -> Import”     Brows ไฟล์ OpenedX ที่ดาวน์โหลดมา จากนั้นกด Import เปลี่ยน Guest OS Type เป็น Debian (64Bit หรือ 32 Bit) Linux > Debian(ุ64 Bit) กด Import   เมื่อโปรแกรมทำการ Import File เสร็จเรีัยบร้อยแล้วจากนั้น กด Start รอโปรแกรม Run จนขึ้นหน้า รหัสที่ใช้ Login User: bitnami Password : bitnami ขั้นตอนนี้จะเป็นการเปิดใช้งานหน้า Desktop […]

การใช้งาน Bootstrap 4

การใช้งาน Bootstrap 4 BOOTSTRAP 4 VS BOOTSTRAP 3 แตกต่างกันยังไง ก่อนอื่นเลยคนที่เคยใช้ Bootstrap 3 มาก่อนน่าจะมีพอสมควรครับ ข้อแตกต่างของ Bootstrap 4 กับ Bootstrap 3 คือ: โค้ดของ Bootstrap 4 เขียนขึ้นใหม่ทั้งหมดตั้งแต่ต้น Bootstrap 3 รองรับตั้งแต่ Internet Explorer 8 ส่วน Bootstrap 4 รองรับตั้งแต่ Internet Explorer 9 Bootstrap 3 เขียนด้วย LESS CSS ส่วน Bootstrap 4 เขียนด้วย SASS แต่ใครไม่ได้ใช้ LESS / SASS ก็ไม่เป็นไร เพราะเค้ามีเวอร์ชั่น CSS ธรรมดาให้ด้วย […]