(อาจารย์) อชิรญา ยัง... ศิริชัย ปิชาฎา กาญจนา นันท์สินี สุรเชษฐ์ นิลวรรณ วินิจ วินิจ มาแล้ว โอ.เค. จุฑามาศ ภิสิทธิ์ คมกริช โสภิดา อรสา เสาวลักษณ์ กาญจนสิริ วันวิสาข์ วิภาภรณ์ พัชราภา ณัฐสุดา จตุรพร โอ.เค. นะคะ เกินครึ่งแล้วถ้าอย่างนั้นก็ สัปดาห์นี้เราจะมาติดตั้ง WordPress นะคะ มาติดตั้ง WordPress อาจารย์ได้แชร์ขั้นตอนนะคะ การติดตั้งนะคะ แล้วก็การจัดการ WordPress นี่ ไว้ที่ Class Room แล้วนะคะ ใครที่เข้า Class Room แล้ว สามารถเปิด ขั้นตอนการติดตั้งนะคะ ดูไปด้วยนะคะ ก็คือไฟล์ Step 1 นะคะ ที่... ที่เราจะทำการติดตั้งไปพร้อม ๆ กันนะคะ ทุกคนเข้าอินเทอร์เน็ตนะคะ อันดับแรกเลยนี่ เราจะทำการดาวน์โหลด ตัว WordPress นะคะ รุ่นล่าสุดนะคะ เอามาไว้ที่เครื่องของเราก่อนนะคะ ดาวน์โหลด WordPress ซึ่งเราสามารถเข้าไปที่เว็บ WordPress.org ได้นะคะ โดยเปิดเว็บเบราว์เซอร์ขึ้นมาแล้วก็ พิมพ์ WordPress.org นะคะ ค้นจาก Google ก็ได้นะคะ หาดูลิงก์ที่มันเป็น WordPress.org นะคะ หรือถ้าใครพิมพ์ WordPress.org ในช่อง URL บาร์ตรงนี้ มันก็จะเข้าเว็บได้เลยนะคะ การใช้งาน WordPress นี่นะคะ เชิญค่ะ การใช้งาน WordPress จะมีอยู่ การทดลองกับการทำงานจริงนะคะ ซึ่งการทำงานจริงนี่ ก็คือการ... ใช้ Server หรือใช้ Host จริง ของเขาเลย เราสามารถที่จะลงทะเบียนนะคะ แต่ว่า... ขั้นเริ่มต้นนี่นะคะ เราจะทำการ โหลด WordPress นะคะ มาไว้ที่เครื่องนะคะ ซึ่งเราได้จำลองเครื่องของเรานี่เป็น  Server แล้ว เมื่อสัปดาห์ที่แล้วนะคะ ก็คือเราติดตั้ง XAMPP นะคะ คือเราจะใช้ Wordpress นะคะ อัพโหลด WordPress นี่ ไปที่ Sever ที่อยู่ในเครื่อง ก็คือตัวที่เราใช้ก็คือ XAMPP นะคะ อย่าเพิ่งไป Start นะคะ อันนี้มันจะเป็นการ เริ่มใช้ WordPess Online นะคะ ตัวนี้ เดี๋ยวเราจะใช้เวอร์ชันภาษาไทย เดี๋ยวอย่าเพิ่งเข้าไปกดอะไรนะคะ เดี๋ยวนะ อาจารย์หาลิงก์ให้แป๊บหนึ่ง แป๊บหนึ่งนะคะ โอ.เค. ขออนุญาตเปลี่ยนคำค้นนิดหนึ่งนะคะ เข้าไปที่ Google Search แล้วก็พิมพ์ ดาวน์โหลด WordPress ไทยนะคะ พิมพ์ดาวน์โหลด WordPress Thai แล้วก็... เข้าไปที่ลิงก์ตัวแรกเลยนะคะ จะเป็นหน้าจอตัวนี้นะคะ จะได้เข้ามาที่ลิงก์ดาวน์โหลดได้เลย เข้ามาหน้านี้หรือยังคะ ถ้าอย่างนั้นก็เริ่มโดยการที่กดปุ่มดาวน์โหลด ดาวน์โหลด WordPress นะคะ เวอร์ชัน 5.2.4 นะคะ ซึ่งอันนี้เป็นเวอร์ชันปัจจุบันแล้วนะคะ ตอนนี้เครื่องเร็วค่อนข้างเร็วอยู่นะคะ เร็วไหมคะ กดปุ๊บนี่ โอ.เค. ลองดูที่ Task Bar ของเรานะคะ มันจะเป็นไฟล์ Zip ไฟล์มา ใช่ไหมคะ WordPress 5.2.4 นะคะ มีใครดาวน์โหลดเสร็จแล้วบ้างคะ ยังไม่มีใครโหลดเสร็จสักคนเลยใช่ไหม ไฟล์ที่ดาวน์โหลดนะคะ ก็จะอยู่ที่โฟลเดอร์ดาวน์โหลด อยู่ที่โฟลเดอร์ดาวน์โหลดนะคะ ตัวนี้นะคะ อันนี้คือดาวน์โหลดได้แล้ว นะคะตัวนี้คือดาวน์โหลดได้แล้ว ก็เดี๋ยวรอเพื่อนก่อนนะคะ บางคนยัง รอดาวน์โหลดอยู่นะคะ เครื่องอาจจะช้าบ้างเป็นบางเครื่องนะคะ อันนี้คือโหลดเสร็จแล้วนะคะ โหลดเสร็จแล้ว อยู่ที่โฟล์เดอร์ดาวน์โหลด หรือเราจะคลิกเข้าไปดูนะคะ เดี๋ยวเราจะทำการแตกไฟล์ตัวนี้ เอาไว้ใน Server ของเรา Server จำลองของเรานะคะ เดี๋ยวรอเพื่อนก่อน โอ.เค. ใครที่โหลดเสร็จแล้ว ก็เปิดตัว Zip ไฟล์ ขึ้นมานะคะ ตัวนี้ได้ยัง มีใครยังโหลดไม่เสร็จบ้างมีไหมคะ เหลือกี่เครื่อง เหลือ 1 เครื่อง โอ.เค. เดี๋ยวไปช่วยดูนะคะ คนที่โหลดเสร็จแล้วนี่ เราจะทำการแตกไฟล์ตัวนี้นะคะ ไปไว้ที่ Server จำลองของเรา Server จำลองของเราชื่ออะไรคะ XAMPP ใช่ไหม จำได้ไหม XAMPP อยู่ที่ไดรฟ์ไหนคะ ไดรฟ์ C นะคะ ไดรฟ์ C แต่เราจะโยน WordPress นี่ ไว้ที่ไดรฟ์ C ที่ XAMPP แล้วก็โฟลเดอร์ที่ชื่อว่า “HTDOC” คือตัวนั้นจะเป็นที่เก็บเว็บไซต์นะคะ เป็นที่เก็บเว็บไซต์ เดี๋ยวเรามาทำพร้อมกันนะคะ อันนี้คลิกไปที่ตัว WordPress นะคะ คลิกกดเข้าไป แล้วไปที่ Extract to Icon สีเหลืองนี้นะคะ ตัวที่ 2 กดเข้าไปเลย แล้วจะได้หน้าจอนี้ขึ้นมานะคะ ทำตามเลยนะคะ ขั้นตอนที่ 1 กดที่ Icon สีเหลืองใช่ไหมคะ เพื่อที่จะแตกไฟล์ไปเก็บไว้ที่ Server จำลองนะคะ อันนี้เราจะเปลี่ยนเส้นทางในการเก็บนะคะ โดยคลิกที่... ไดรฟ์ C นะคะ กดเครื่องหมายบวกที่ไดรฟ์ C กดเครื่องหมายบวก แล้วก็ไปหาโฟลเดอร์ที่ชื่อ XAMPP นะคะ กดเครื่องหมายบวกที่หน้า XAMPP อีกทีนะคะ กดที่ XAMPP แล้วกดเครื่องหมายบวก แล้วก็ไปที่ โฟลเดอร์ที่ชื่อว่า “HTDOC”, HTDOC นะคะ กดเข้าไปดูได้ว่า HTDOC มีโฟลเดอร์อะไรบ้าง โอ.เค. เจอไหมคะ HTDOC นะคะ อาจารย์ออกเสียงผิดใช่ไหม H แล้วครูต้องออกเสียง H... HTDOC นะคะ HTDOC เพราะว่าดูเส้นทางข้างบนนะคะ จะมีแค่ C, XAMPP แล้วก็ HTDOC แล้วกดโอ.เค. นะคะ แล้วกดโอ.เค นะคะ ถ้าไม่เอามาใส่โฟลเดอร์นี้นะคะ จะ... จะเข้า WordPress ไม่ได้นะคะ แล้วก็รอให้มันทำการแตกไฟล์นะคะ ไป XAMPP ค่ะ เครื่องไหนยังไม่ได้บ้างคะ โอ.เค. นะคะ คนไหนที่แตกไฟล์เสร็จแล้ว ปิดหน้าจอตัวนี้ไปได้เลยนะคะ ปิดไปได้เลย ทีนี่เราก็จะมาทดสอบดูนะคะ เราเอา WordPress ไปไว้ที่ Server แล้วนะคะ ทีนี้เช็กดูนะคะ เช็กดูว่าในไดรฟ์ C ไปที่ไดรฟ์ C ไปที่ XAMPP ไปที่ HTDOC ถ้ามีโฟลเดอร์นี้ถือว่าใช้ได้นะคะ ใครที่มีโฟล์เดอร์นี้ถือว่าใช้ได้นะคะ WordPress นะคะ ใครที่มีโฟลเดอร์ WordPress ดับเบิลคลิกเข้าไปดูข้างในได้เลยนะคะ อันนี้คือไฟล์ WordPress ทั้งหมดนะคะ ไฟล์ WordPress ทั้งหมด ทีนี่เราจะเริ่มติดตั้ง WordPress นะคะ โดยไป Start เปิด Server ก่อนนะคะ ไป Start, MySQL กับ Apache นะคะ ที่ XAMPP Contral Panel เข้าไป XAMPP นะคะ ค้นหาโปรแกรม XAMPP นะคะ XAMPP Contral Panel ของอาจารย์ยังไม่ติดตั้งหรือนี่ อาทิตย์ที่แล้วยังไม่ได้ติดตั้งหรือ พวกเราเป็นเหมือนกันไหม เป็นหรือ เราติดตั้งแล้วไม่ใช่หรือ อาทิตย์ที่แล้ว เกิดอะไรขึ้นกับ Server ของเรา เป็นทุกเครื่องเลยหรือ อันนี้้มันตกลงไม่ได้เพราะว่า มันต้องไปลบโฟลเดอร์ XAMPP ออก เดี๋ยวลบโฟล์เดอร์เดิมออก แล้วก็ติดตั้งใหม่เลยนะคะ แต่ว่ามันมีไฟล์ Install เดิมอยู่ใช่ไหมคะ มีไหม มีไฟล์ติดตั้ง XAMPP อยู่ใช่ไหมคะ ที่เราดาวน์โหลดมาเมื่ออาทิตย์ที่แล้ว ยังอยู่ไหม หรือว่าไวรัสกินไปแล้ว คราวที่แล้วเราโหลดมามันจะเป็นไฟล์ Install นามสกุล .exe นะคะ ถ้ามีก็... เราต้องลบโฟลเดอร์เดิมออก แล้วเราก็ติดตั้งใหม่อีกรอบหนึ่ง ใช่ค่ะ โฟลเดอร์ XAMPP เพราะว่ามัน... มันหายไปหมดเลยค่ะ เพราะถ้าเราไม่ลบมันจะติดตั้งไม่ได้ เครื่องนี้ยังมีไหม เดี๋ยวลองนะคะ ขั้นตอนดาวน์โหลดเหมือนคราวที่แล้ว ขั้นตอนการติดตั้ง XAMPP เหมือนอาทิตย์ที่แล้วนะคะ ก็ถือว่าเป็นการทวนไปด้วยนะ มันให้เราติดตั้งแล้วติดตั้งอีก เพราะว่าหาตัว Panel ไม่เจอ เราก็ Start มันไว้เลย เราก็กด Start ทิ้งไว้เลยนะคะ Port นี้ใช้ไม่ได้ ต้องเป็น Port 8080 โอ.เค. นะคะ เดี๋ยวเราจะแก้ไขปัญหา การใช้ MySQL ไม่ได้ โดยการไปเปลี่ยน Port นะคะ คือ Port 3306 นี่ มันใช้ไม่ได้ เราต้องแก้จาก Port 3306 เป็น 8080 นะคะ โดยการคลิกเข้าไปที่ปุ่ม Config ไปที่ Config นะคะ แล้วก็ My.INI คลิกเข้าไปมันจะเป็นโค้ดเยอะแยะเลยนะ เดี๋ยวเราค้นหา Ctrl + F นะคะ แล้วก็กด 3306, 3306, 3306 ตัวที่จะแก้ก็คือที่เป็น Port เมื่อกี้อาจารย์แก้ไปแล้ว ตัวนี้นะคะ Port เท่ากับ เปลี่ยนจาก 3306 เป็น 8080 นะคะ จะเปลี่ยนอยู่ 3 ที่นะคะ หาเจอไหมตรงนี้ที่หนึ่ง ที่อยู่ข้างล่างคำว่า “Password” นะคะ อยู่ข้างล่างคำว่า “Password 8080” นะคะ หา 3306 ตัวแรกตัวนี้เป็น 8080 แล้วก็ 3306 ตัวต่อไป Scroll ลงมานะคะ Scroll มาเรื่อย ๆ ไม่ทั้งหมดค่ะ มันไม่มีบรรทัดบอกนะ เลื่อนมาอยู่ที่ หาคำว่า “Optional Default” ตัวนี้นะคะ กำหนด Default, Default, Port เป็น 8080 นะคะ MySQL โอ.เค. ใช่ไหม ค้นก่อน แล้วก็ตรง Port อีกทีหนึ่งนะคะ 3 จุดนะ เราอาจจะค้น 306, 3360 ใช่ไหม 3306 หรือ 60 นะ 3306 การค้นในนี้กด Up กับ กด Down ถ้าหากว่าเราอยู่บนสุดก็กด Down ค้นลงมานะคะ อันนี้อาจารย์ค้นขึ้นไป ตรงนี้ถ้า 3306 ก็เปลี่ยนเป็น 8080 หาเจอไหม เปลี่ยน 3 ที่ อันนี้ที่แรกตรงนี้นะ ที่แรกที่เราเปลี่อนคือตรงนี้นะคะ ทีนี้ที่ที่ 2 ที่ที่ 2 ตรงข้างล่าง MySQL อันนี้ที่ที่ 2 ที่ที่ 3 ก็คือตัวนี้ค่ะ หาเจอไหมที่ที่ 3 บรรทัด Optional Default บรรทัดนี้นะคะ บรรทัดนี้ เราก็ค้นคำว่า 3306 นะคะ ค้นหาไปเรื่อย ๆ นะคะ ถ้าตรงเราก็แก้ตัวเลข แก้ Prot ทีนี้ใครยังไม่ได้ยกมือ โอ.เค. ค่ะ ต่อนะคะ เรา Start, Apache กับ SQL นะคะ MySQL นี่ ทำให้เราเหนื่อยนิดหนึ่ง ทีนี้เราย้อนกลับมาแตกไฟล์ WordPress อีกรอบหนึ่งนะคะ เพราะว่า เมื่อกี้เราติดตั้งใหม่แล้วเราลบ ไปทั้งโฟลเดอร์เลยนะคะ ก็เลยต้องมาแตกไฟล์ใหม่ จำขั้นตอนการแตกไฟล์ แตกไฟล์ WordPress ได้อยู่ใช่ไหมคะ ใน HTDOC จะต้องมีไฟล์ WordPress ไฟล์ WordPress นะ ตอนนี้เรายังไม่มี แต่เราดาวน์โหลด WordPress มาแล้วใช่ไหมคะ อยู่ที่โฟลเดอร์ ดาวน์โหลด โฟลเดอร์ ดาวน์โหลด เราก็ทำการแตกไฟล์ ดับเบิลคลิกเข้าไปที่ Winzip ของ WordPress นะคะ แล้วก็แตกไฟล์ Extract To ไปที่ไดรฟ์ C ไปที่ XAMPP นะคะ แล้วไปที่ HTDOC นะคะ แล้วกด OK เจอไหมได้ไหมคะ MySQL ยังไม่ได้ โอ.เค. ค่ะ พวกเราทุกคนคะ แตกไฟล์ WordPress ใน HTDOC เรียบร้อยหรือยัง ทีนี้เราทดสอบดูนะคะ โดยการกดพิมพ์ Localhost นะคะ พิมพ์ Localhost แล้วตามด้วย WordPress พิมพ์ Localhost นะคะแล้วตามด้วย WordPress คำว่า “LocalHost” พิมพ์ที่ เขาเรียก Address Bar นะคะ ที่ช่องพิมพ์ URL ตัวนี้เป็นโฟลเดอร์ WordPress ที่เราแตกไฟล์ลงไปนะคะ ซึ่งบางคนนี่หรือบางตัวอย่างนี่เขาจะตั้งเป็น โฟลเดอร์ Project ของเขานะคะ แต่ว่าอาจารย์ไม่ได้ให้ พวกเราสร้างโฟลเดอร์ใหม่ ก็คือใช้โฟลเดอร์ที่ชื่อว่า "WordPress" ได้เลยนะคะ พิมพ์ LocalHost ใส่ / แล้วก็ WordPress แล้วกดปุ่ม Enter นะคะ ถ้าได้แล้วนี่ มันจะเข้าสู่การ ติดตั้ง ใช้งาน WordPress ก็คือจะเป็นหน้าจอแบบนี้นะคะ มีโลโก้ WordPress แล้วก็จะมีคำว่า “ยินดีต้อนรับเข้าสู่ WordPress” นะคะ ขึ้นอะไรไหมคะ บางคนไปพิมพ์ที่ตัว Google ไม่ใช่นะคะ บางคนพิมพ์ที่ช่องนี้ไม่ถูกนะคะ เราต้องพิมพ์ที่ Address Bar พิมพ์ Address Bar ช่องนี้นะคะ พิมพ์ที่ช่อง Address Bar นี่ เอาตัวนี้นะคะ ถ้าเราไปกดพิมพ์ค้นหา มันก็เข้าไปท่องโลกเว็บไซต์เลยนะคะ มันจะไม่วิ่งเข้าไปที่ Server ของเรา โอ.เค. นะคะ โอ.เค. ทุกเครื่องแล้วนะ ทีนี้มันจะมาที่ การติดตั้งหรือตั้งค่าให้กับ WordPress นะคะ ซึ่งสิ่งที่เราจะต้องเตรียม ก็คือ 1. ชื่อฐานข้อมูลนะคะ ตอนนี้ชื่อฐานข้อมูลเรามีหรือยัง ยังนะคะ ชื่อผู้ใช้ฐานข้อมูล รหัสผ่าน Host นะคะ ชื่อฐานข้อมูลเดี๋ยวเราจะไปสร้าง ฐานข้อมูลที่อยู่ใน MySQL นะคะ โดยไปที่ XAMPP ก่อน XAMPP Control Panel นะคะ แล้วก็ เอ้ย โทษที Localhost นะคะ Localhost เปิดแท็บใหม่ขึ้นมานะ เปิดแท็บใหม่ขึ้นมา เปิดแท็บใหม่ขึ้นมา แล้วพิมพ์ Localhost นะคะ Sever เราจะไปสร้างฐานข้อมูล ที่ phpMyAdmin นะคะ phpMyAdmin ทันไหม กดเข้าไปที่ phpMyAdmin เมื่อกี้เราก็ Test แล้วนี่ phpAdmin ยินดีต้อนรับไม่ได้ Retry Connect ปัญหาเยอะนะ Start แล้ว มีเครื่องไหนได้บ้างไหมคะ เดี๋ยวจะขอเวลาสักครู่นะคะ เบรกได้นะคะตอนนี้ เดี๋ยวจะขอลองเวอร์ชัน ของ XAMPP ใหม่ก่อนนะคะ เดี๋ยวเราจะลองใช้ตัวใหม่นะคะ ก็คือไม่ใช้ XAMPP แล้ว แต่ลองใช้ตัว MAMMOTHZZ ดู ก็คือถ้าพวกเราเข้า Google ได้นี่นะคะ พิมพ์ MAMMOTHZ ดาวน์โหลด อาจารย์ตั้งฉายาให้มันว่า “MAMMOTHZ” เองนะคะ จริง ๆ มันก็คือตัว MAMPP, M-A-M-P-P เป็นเว็บ Server อีกตัวหนึ่งนะคะ M-A-M-P-P ถ้าตัวนี้ไม่ได้ก็แสดงว่าเป็นที่... เครื่องของเรามัน Windows มันไม่สมบูรณ์นะคะ ไม่ลงแล้ว P ตัวเดียวนะคะ ขออภัย เราใช้ตัว MAMP PRO Windown นะคะ MAMP ดาวน์โหลดแล้วก็ ตัวแรกลิงก์แรกนะคะ ใช้ลิงก์แรก โลโก้มันจะเป็นรูปช้าง โหลดเสร็จแล้วก็ติดตั้งเลยนะคะ เหมือนเดิมกด Next อันนี้ก็เป็นเว็บ Server อีกตัวหนึ่งนะคะ MAMP PRO อาจจะพัฒนามาข้างหลัง XAMPP แต่ว่าก็... นักพัฒนาเว็บเขาก็เอาตัวนี้ มาเป็นเว็บจำลองนะคะ หรือว่าฝึกการเรียนรู้ การทำเว็บก็ใช้ตัวนี้ ได้เหมือนกัน เสร็จหรือยังคะ กว่าจะได้ใช้ WordPress นี่ยากนะ โหลดเสร็จแล้วคลิกขึ้นมาเลยนะคะ เห็นหลายคนก็ติดตั้งไปแล้วนะคะ ก็ติดตั้งเลย อันนี้ก็คือกดยอมรับนะคะ ตัวบน I Accept นะคะ กดยอมรับก่อน แล้วก็กด Next นะคะ Next ไปเลยอยู่ไดรฟ์ C อันนี้ก็จะสร้าง Desktop มี Icon อยู่ที่ Desktop ด้วยนะคะ จะได้ใช้งานง่าย เรียกใช้งานได้ง่าย กดติดตั้งเลยค่ะ คนที่เอา Notebook มา ก็จะลงได้สำเร็จนะ ที่เป็น XAMPP นะคะ ใช้งาน WordPress ได้แล้วก็มี... อันนี้ Finish ไปเลย นะคะ เดี๋ยวอาจารย์จะไปลบตัว XAMPP ทิ้งก่อน ใครที่ Start ตัว XAMPP ไว้ก็ Stop ไปเลยนะคะ เดี๋ยวเราจะเปิดเซิร์ฟเวอร์ ที่เป็นของ MAMP PRO MAMP PRO MAMP นี่อยู่ที่ Desktop แล้วนะคะ Icon ที่เป็นช้างแมมมอธนี่นะคะ เราดับเบิลคลิกเข้าไป อ๋อ ยังใช่ไหมคะ โอ.เค. ค่ะ มันจะมีปุ่ม Start Server อย่างนั้นเดี๋ยวรอก่อนนะคะ ติดตั้งเสร็จแล้ว กด Finish เลยนะคะ แล้วก็ดับเบิลคลิกตัวโลโก้นี้ขึ้นมา ใช้ Icon นี่นะคะ ติดตั้งเสร็จหรือยัง มีตัวนี้หรือยังคะ ดับเบิลคลิกเข้าไปนะ เอาตัว ตัวเทา ๆ นี้นะ ไม่ใช่ MAMP PRO สีฟ้านะคะ ใช้ตัว MAMP สีเทา ลองคลิก Server Start นะคะ ให้ไฟเขียวขึ้นทุกอัน SQL นี้ Open Port Use Next Free Port โอ.เค. ค่ะ รอให้มันหาไฟล์ Port สักครู่ Server ไม่ขึ้นใช่ไหม เดี๋ยวเราไปตั้งค่าให้มัน Start Server ก่อนเลย MAMP Be Current นะคะ ใช่ค่ะ คลิกทั้งหมดเลย ก็คืออันแรก Start Server เมื่อเราเริ่ม MAMP แล้วก็เช็กตัว MAMP PRO แล้วก็ Start เมื่อเปิดนะคะ Start อัตโนมัติ เดี๋ยวนะ โอ.เค. แล้ว เหลือแต่ Server อันนี้คือ Test นะคะ มันจะวิ่งมาที่ Server URL ถ้าเป็น Local ของ... มันก็จะขึ้น MAMP PRO มันก็จะขึ้น Localhost MAMP นะคะ แต่ตอนนี้ Start Server ของเรายังไม่โอ.เค. มันต้องได้ไฟเขียว 2 อันนี้นะคะ เอาใหม่ Server Start Stop ใหม่นะคะ เหมือนมันเลยไปเลยนะ เหมือนมัน Start เลยไปเลยนะ เหมือนมันวิ่งผ่านเลยนะ เดี๋ยวนะเช็ก MAMP PRO ก่อน เขาไม่เคยลง Windows ให้เราใหม่นะ ครั้งหนึ่งเองใช่ไหม มันต้องลงทุกเทอมนะ มันมีปัญหาเลยล่ะ เพราะลง... มันเกิดปัญหาที่แบบเหมือน Windows มันไม่รับ Crack ให้ใช่ไหม ก็คือเขาอันนี้เขาให้มาเกิน ครั้งหน้าถ้าใครมี Notebook ก็เอา Notebook มาได้เลยนะคะ พก Notebook มาด้วย ถ้าเป็นคาบ... ถ้าเป็นคาบเว็บ Programming มันจะได้ลื่นไหล รู้สึกว่า Windows ห้องนี้มันไม่ค่อย ที่จะลื่นไหลเท่าไรเลยนะคะ มันเกิดปัญหาเยอะ แค่เราติดตั้ง Web Server มันยังไม่รับเลยนะคะ เพราะฉะนั้น ตัวไฟล์ของ XAMPP ที่มันจะใช้งานได้ มันก็ไปลบตัว Control Panel ออกเลย ตอนติดตั้งมันบอกไม่สามารถที่จะ Create ตัว Control Panel ได้ จริง ๆ ถ้า Windows สมบูรณ์นี่ ไอ้พวกนี้มันจะไม่ ไม่เกิดปัญหาเลยนะคะ มันมี Notebook เครื่องหนึ่งของเพื่อน ที่ใช้งานได้ โอ.เค. แล้ว ตอนนี้ก็ติดตั้ง WordPress ตั้งชื่อเว็บ แล้วเข้าหน้า WordPress ได้แล้ว ได้ไหมคะ Server Service โอ.เค. มาเข้าที่ MAMP PRO นะคะ เปิด MAMP PRO ขึ้นมา แล้วก็ Server Service ตอนนี้ให้ Active เป็น Open ก่อนนะคะ ตัว Apache กับ MySQL เข้า 2 อันนี้นะคะ ตัว MAMP PRO สีฟ้า ดับเบิลคลิกเข้าเลยเลือกตัว Demo แล้วก็ Start อีกรอบหนึ่ง เข้า MAMP PRO เรายังไม่ได้ปลดล็อคตัวนี้นะคะ เปิดตัวนี้ขึ้นได้ไหม MAMP PRO ตัวนี้ ค่ะ โอ.เค. ไหม เดี๋ยวให้ไฟเขียวขึ้น 2 อันนี้พอ เราใช้งานแค่ตัวนี้ แล้วก็... ให้มันไฟเขียว เดี๋ยวนะ Localhost ตัว Localhost นี่ในการ Test นี้ มันจะมี Port ตามหลังให้เรานะคะ มันจะมีชื่อ Port ตามหลังให้เรา เป็น Port อะไร 8080 นะ เดี๋ยวนะ 8081 อ๋อ Apache 8080 Test ดู ถ้าขึ้นแบบนี้แสดงว่า Server เราใช้ได้แล้ว เดี๋ยวนะ ถ้าลบ Port ออก เปิดไว้เลยค่ะ ย่อแค่ย่อลงมา ให้มันขึ้นไฟเขียวทั้ง 2 อัน แล้วก็พิมพ์ Localhost Test เหมือนเดิม นี่ก็คือ Localhost นี้ เป็นตัว Test Server จำลอง ทุก ๆ เว็บ Server โอ.เค. ๆ HTDOC เหมือนเดิมนะคะ อันนี้ก็มีโฟลเดอร์ HTDOC ที่เราจะเก็บไฟล์ต่าง ๆ อยู่ในนี้นะคะ ถ้าอย่างนั้นไปแตกไฟล์ WordPress ไว้ที่ MAMP HTDOC ขั้นตอนเดิมที่เราทำมา 2 รอบแล้วนะคะ เพียงแค่ว่าเปลี่ยนจาก XAMPP เป็น MAMPP ค่ะ แตกไฟล์ไปที่ MAMPP นะคะ ไม่ไปที่ XAMPP แล้วไปที่ MAMPP นะคะ ขั้นตอนเดิม คะ โอ.เค นะคะ WordPress แตกไฟล์ WordPress ไว้ที่ไดร์ฟ C MAMPP แล้วก็ HTDOC นะคะ กด OK ทีนี้โอ.เค. แล้วก็ ไหนอันที่เรา Test เมื่อกี้ /WordPress ทำหลายรอบแล้วนี่คงจะจำได้ แล้วก็ชำนาญแล้วมั้งคะ การติดตั้งเว็บ Server นี่ ใช่ไหมคะ ตอนนี้เราได้แล้ว เข้ามา WordPress แล้วนะคะ โดยใช้ MAMPP ทีนี้ขอให้เริ่มใช้งาน ตัว WordPress ให้ได้ก่อนเที่ยง เริ่มทำงานเลยนะคะ ชื่อฐานข้อมูลให้เอาเป็นตัวนี้เหมือนเดิมนะคะ ได้ไหม ใครมาถึงขั้นตอนนี้แล้ว เมื่อกี้เครื่องนี้ก็ได้แล้ว เดี๋ยวเครื่องที่ไม่ได้เอาไว้ก่อนนะ อันนี้เดี๋ยวต่อไปเครื่องผู้ใช้ ใส่ Root, R-O-O-T นะคะ ตัวเล็กหมดเลยค่ะ รหัสผ่านยังไม่ต้องใส่ เพราะว่าเรายังไม่ได้กำหนด รหัสผ่านเข้าฐานข้อมูลนะคะ อันนี้ Host ก็คือ Localhost เหมือนเดิม อันนี้ค่าเดิม กดส่งนะคะ กดส่ง มันบอกว่าฐานข้อมูลผิดพลาด ตอนติดตั้ง MAMP PRO เราไม่ได้ใส่ Username อะไรนะ SQL Server โอ.เค. มาเช็กที่ MAMP PRO นิดหนึ่งนะคะ MySQL คลิกที่ตัว MySQL นะคะ แล้วก็อ๋อ Password คือ Root เดี๋ยวนะ ใส่ Root หมดเลย ไหนล่ะ ลองใหม่ WordPress ชื่อผู้ใช้คือ Root นะคะ รหัสผ่านก็ Root นะคะ โอ.เค. อย่างนั้นเดี๋ยวเราไปต้องไปตั้งค่าในนี้ ใส่ Password ใหม่นะคะ R-O-O-T อันนี้ก็ใส่ Root เหมือนกันนะคะ แล้วกด OK, Setting change กด Yes เดี๋ยวรอมัน Reset ให้แป๊บหนึ่ง SQL ใช้ไม่ได้อีกแล้ว ปัญหาเยอะจังเลยล่ะ ไม่ปลื้มห้องนี้แล้วล่ะ ไม่ปลื้มห้องนี้แล้วล่ะ ทีนี่ Sever ได้ SQL ไม่ได้ เป็นเหมือน XAMPP เลย เดี๋ยวครั้งหน้าถือ Notebook มาดีกว่านะ เอา Notebook ป่านนี้เราได้หน้าเว็บแล้วนะนี่ ไม่ได้ ไม่ได้ตั้งแต่ตรงนี้แล้วค่ะ ถึงพยายามยังไงก็ไม่ได้ อันนี้ก็มันมีรหัสให้เราอยู่นี่ไง Root กับ Root มันบอกอยู่ แต่เราก็ใส่อยู่นะทำไมมันไม่ได้ ค่ะ Root รหัสผ่านก็ Root ส่ง ตั้งแต่นี้แล้วเหมือนเดิม โอ.เค. วันนี้ยังไม่โอ.เค. เท่าไรนะ มันเป็นปัญหาของ Windows โอ.เค. เดี๋ยวเราสัปดาห์หน้าแล้วกันนะ ใครที่มี Notebook เอามาด้วยนะคะ ถ้า Notebook มานี่ อาจารย์ฝากให้พวกเราไป ติดตั้ง XAMPP ที่ Notebook มา แล้วก็แตกไฟล์ WordPress นะคะ แตกไฟล์ WordPress ไว้ที่ HTDOC เหมือนที่เราทำวันนี้ค่ะ แตกไฟล์ไว้เดี๋ยวเราค่อยมาเริ่มนะคะ เริ่มติดตั้ง WordPress อีกรอบหนึ่งนะ ใครจะใช้เว็บ Server ที่เป็น MAMP PRO หรือจะใช้ XAMPP ก็ได้นะคะ ถามก่อนมี Notebook กันอยู่ใช่ไหม ไม่มีกี่เครื่อง มีไม่ครบนะ ไม่เป็นไร ไม่เป็นไร แต่คนที่มีก็นำมาด้วยนะคะ เดี๋ยวจะให้ให้เจ้าหน้าที่ Lab เขามาดูห้องนี้ให้ เผื่อว่าจะได้ติดตั้ง Windows ใหม่ โอ.เค.นะ วันนี้ไม่ผ่านนะคะ วันนี้ไม่ผ่าน ลง WordPress ไม่ผ่านนะ เดี๋ยวเราลงติดตั้งที่ Notebook เอานะ มีเครื่องเพื่อนที่สามารถใช้ได้แล้วนะคะ เพราะเครื่องอาจารย์ก็ติดตั้งได้ไม่มีปัญหานะคะ เหมือนจะเป็นที่ Windows ที่เราแก้ไม่ได้ จะต้องลง Windows ใหม่ แล้วเราก็ติดตั้งใหม่ ค่ะ โอ.เค. ค่ะ เดี๋ยวเราเจอกันพุธหน้านะคะ ในรายวิชานี้ แล้วก็เจอกันวันจันทร์ ในรายวิชากราฟิกนะคะ กราฟิกเราย้ายมาห้องนี้แล้วนะ น่าจะไม่มีปัญหานะ ถ้าอย่างนั้นสัปดาห์นี้ เดี๋ยวพอแค่นี้ก่อนนะคะ หน้าตาแต่ละคนค่อนข้างที่... จะเบื่อแล้ว โอ.เค. ค่ะ ถ้าอย่างนั้นก็ น่าจะหิวข้าวกันแล้ว เดี๋ยวให้ไปทานข้าวตามอัธยาศัยกันนะคะ โอ.เค. ค่ะ สวัสดีค่ะ (นักศึกษา) ขอบคุณค่ะ/ครับ [สิ้นสุดการถอดความ]