การสร้างเว็บไซต์

วิธีแทรก Youtube ลงใน PowerPoint2016

สวัสดีครับผมวันนี้ครูเชียงรายดอทเน็ตมีทริปดีๆเกี่ยวกับโปรแกรม Office PowerPoint มาฝากทุกท่านอีกแล้วครับ ซึ่งในครั้งนี้น่าจะแปลกใหม่กว่าทุกทีที่ผมเคยได้เขียนทริปมานะครับ ซึ้งทริปนี้ผมจะมาแนะนำวิธีการ แทรก Youtube ลงใน PowerPoint2016 เพื่อให้งานนำเสนอของเราน่าสนใจยิ่งขึ้นไปอีกครับผม ว่าแล้วเราก็ลองทำกันเลยครับผม ขั้นตอนแรกให้เราเปิดโปรแกรม PowerPoint ขึ้นมาก่อนครับ จากนั้นให้เราคลิกไปที่ Store จากนั้นให้เราทำการค้นหาคำว่า Youtube แล้วติดตั้งครับผม (Add) เมื่อเรากด เพิ่ม Web Video Player เป็นที่เรียบร้อยแล้ว ต่อไปให้เรากด MY ADD-INS จากนั้นเลือก Insert เมื่อเรากด Insert เป็นที่เรียบร้อยแล้ว เราจะได้กล่องแบบนี้มาครับผม จากนั้นให้เราปรับขนาดกล่องให้พอดี แล้วนำลิ้งคลิปวีดีโอจากยูทูปที่เราสนใจมาวางได้เลย แล้วกด Set Video ครับผม ก็จะได้อกมาแบบนี้ครับผม ไม่ยากครับผม ลองไปทำกันได้ครัย เพียงเท่านี้เราก็สามารถนำวีดีโอจาก Youtube มาเพิ่มลงใน PoeerPoint แล้วครับผม ง่ายไหมครับผม ^^

แนะนำวิธีการ สร้างเว็บด้วยเวิร์ด ง่ายเวอร์

สวัสดีครับผมวันนี้มีนักเรียนมาถามแอดมินครูเชียงรายว่า เราจะมีวิธีใดบ้างที่จะสร้างเว็บเพจแบบง่ายๆได้บ้าง เพราะว่าหนูๆไม่มีความรู้เรื่องการใช้งานโปรแกรม วันนั้นแอดมินเลยแนะนำไปว่างั้นก็ใช้โปรแกรมไมโครซอฟต์เวิร์ดเลย วันนี้เลยอยากจะมาแนะนำให้ทุกท่านได้ลองนำไปใช้ประยุกต์ใช้งานกันบ้างครับผม ก่อนอื่นเปิดโปรแกรม ไมโครซอฟต์เวิร์ด ขึ้นมาก่อนครับผม จากนั้นก็พิมพ์ข้อมูลใส่รูปภาพเข้าไปเลยครับผม ต่อไปให้เรา Save As เลือกชนิดไฟล์เป็น Web page ครับผม เพียงเท่านี้เราก็สามารถ สร้างเว็บเพจด้วยโปรแกรมไมโครซอฟต์เวิร์ด ได้แล้วครับผม ลองเปิดดูได้ครับ ^^

Steps 4 : How to Make a Website ติดตั้งโปรแกรม FileZilla

หลังจากที่เราได้จดโดเมนและเช่าโฮสติ้งเป็นที่เรียบร้อยแล้ว ต่อมาให้เราติดตั้งโปรแกรม filezilla เพื่อที่เราจะอัพโหลดตัว WordPress ซึ่งเป็นเว็บ CMS ฟรี ที่เราจะติดตั้งกันครับผม ก่อนอื่นเข้าไปดาวน์โหลดโปรแกรม ที่เว็บนี้ครับผม https://filezilla-project.org/download.php หลังจากนั้นให้เราติดตั้งโปรแกรม FileZilla ครับผม หลังจากติดตั้งโปรแกรมเสร็จเรียบร้อยแล้ว เดียวเราทำการ Set รหัสผ่าน FTP เพื่อเข้าโฮสในบทความถัดไปครับผม อ่านบทความก่อนหน้านั้น Steps 1: How to Make a Website สร้างเว็บไซต์ง่ายๆด้วยตัวเอง Steps 2: How to Make a Website รู้จักกับโดเมนเนมและเว็บโฮสติ้ง Steps 3 : How to Make a Website จดโดเมนเนมเช่าเว็บโฮสติ้ง Steps 4 : How to Make a Website ติดตั้งโปรแกรม FileZilla

Steps 3 : How to Make a Website จดโดเมนเนมเช่าเว็บโฮสติ้ง

วันนี้เราเดินทางมาถึงบทความที่ 3 แล้วครับผม บทความนี้มีชื่อว่าจดโดเมนเนมเช่าเว็บโฮสติ้ง พูดง่ายๆก็คือ การจดชื่อเว็บไซต์และเช่าพื้นที่เพื่อเก็บข้อมูลให้กับเว็บเรานั่นเองครับผม ส่วนใหญ่แล้วผมจะจดชื่อโดเมนที่บริษัท ดอทอะไร (dotarai) ครับผม และเช่าโฮสติ้งของ appservhosting ผมจะแยกเช่าระหว่างโดเมนและโฮสไว้คนละบริษัท แต่เพื่อความสะดวกผมขอแนะนำให้ท่าน จดชื่อพร้อมเช่าโฮสที่เดียวกันเลยครับเพื่อความสะดวกสำหรับมือใหม่ วันหน้าค่อยย้ายก็ได้ ก่อนจดโดเมนคิดชื่อให้ดีนะครับ ซึ่งมันจดแล้วจดเลยคิดให้ดีครับ จะเอาสั้นเอายาว เอาชื่อติดหู ชื่อบริษัท คิดให้ดีครับ ว่าแล้วเรามาเริ่มเลยครับผมก่อนอื่นเข้าไปที่เว็บไซต์บริการเช่าโดเมนโฮสติ้ง (ผมขอสาธิที่เจ้านี้แล้วกันครับ) http://www.appservhosting.com/ เลือกเอาเลยครับ ต้องการไซส์ไหน พื้นที่เท่าไหร่ เมื่อเลือกได้แล้วก็ กดสมัครใช้บริการเลยครับ กรอกข้อมูลให้ครบถ้วน จากนั้น เราจะได้รับอีเมล์ให้ไปชำระเงินตามที่เขาแจ้งมาครับผม เมื่อได้รับอีเมล์เรียบร้อยแล้วเราก็ไปชำระเงินที่ตู้ ATM หรือ โอนผ่านเคาเตอร์ จากนั้นเราก็โทรไปแจ้งเขา หรือเมล์ไปแจ้งเขาครับว่า เว็บนี้… โอนเงินไปแล้ว เมื่อเขาได้ตรวจสอบแล้วว่าเราชำระเงินแล้วเขาก็จะส่งข้อมูล การจัดการเว็บไซต์มาให้เราทางอีเมล์อีกครั้งหนึ่งครับผม เพียงเท่านี้เราก็สามารถ จดโดเมนเนมเช่าเว็บโฮสติ้ง ได้เรียบร้อยแล้วครับผม สำหรับการสร้างเว็บไซต์ติดตามอ่านได้จากบทความ ถัดไปครับผม ^^ อ่านบทความก่อนหน้านั้น Steps 1: How to Make a Website สร้างเว็บไซต์ง่ายๆด้วยตัวเอง Steps 2: How to […]

Steps 2: How to Make a Website รู้จักกับโดเมนเนมและเว็บโฮสติ้ง

โดเมนเนม (Domain Name) ก็คือชื่อเว็บไซต์ของเรานั่นเองครับผม ดูรูปด้านล่างนี้นะครับ ที่ลูกศรสีแดงชี้นั่นคือ โดเมนเนมครับ โดเมนเนมนี้มีชื่อว่า www.kruchiangrai.net  (ครูเชียงรายดอทเน็ต) ครับ เป็นเว็บของผมเองผมใช้ .com ครับ ซึ่ง .com , .net , .org , .ac.th ฯลฯ แต่ละดอทเนี๊ย มันมีความหมายของมันครับขึ้นอยู่ที่ว่าเราทำเว็บเกี่ยวกับอะไรก็ใช้ดอทนั้นครับ ลองไปหาความหมายของแต่ละดอทใน Google ดูได้ครับผม เว็บโฮสติ้ง (Web Hosting) คือที่เก็บข้อมูลต่างๆของเว็บเรา ให้ออนไลน์อยู่่บนโลกอินเทอร์เน็ตตลอด 24 ชม. นั่นเองครับ ตัวอย่างรูปด้านล่างนี้ครับผม สำหรับการจดโดเมน เช่าโฮสติ้งสามารถติดตามอ่านได้จากบทความ ถัดไปครับผม อ่านบทความก่อนหน้านั้น Steps 1: How to Make a Website สร้างเว็บไซต์ง่ายๆด้วยตัวเอง Steps 2: How to Make a […]

Steps 1: How to Make a Website สร้างเว็บไซต์ง่ายๆด้วยตัวเอง

Steps 1: How to Make a Website สร้างเว็บไซต์ง่ายๆด้วยตัวเอง ไม่ว่าใครก็ต้องมีประสบการณ์ต่างๆครั้งแรกเหมือนกันใช่ไหมครับ สำหรับตัวผมเองก็เหมือนกันครับกว่าจะสร้างเว็บไซต์เว็บแรกของตัวเองได้สำเร็จนั้นผมต้องอ่านหนังสือ ต้องศึกษาค้นคว้าหาข้อมูลจากอินเตอร์เน็ต ถามเพื่อนๆบ้างจนสามารถสร้างเว็บไซต์ของตัวเองได้เนื่องจากผมไม่ได้เรียนจบคอมพิวเตอร์มาโดยตรง สำหรับเนื้อหาในบทความนี้ที่จริงผมอยากจะทำเป็น Ebook แต่ผมว่าเอามาลงไว้ในเว็บนี้ดีกว่า ผมเลยตั้งใจไว้ว่าจะสอนให้ผู้ที่สนใจสร้างเว็บไซต์ได้เอง แบบ Step by Step ตั้งแต่การคิดชื่อเว็บไซต์ไปจนถึงการดูเว็บไซต์แบบเนื้อๆเน้นๆไม่ต้องเสียเวลามานั่งคลำแบบผมครับ ออ…อีกอย่างครับ เนื้อหาและวิธีการสอนสร้างเว็บไซต์ในเว็บไซต์นี้เป็นการสอนการสร้างเว็บไซต์ สไตล์ของผมเอง ถ้าหาก(กูรู)หรือท่านไหนคิดว่าสอนไม่ถูก สอนไม่ดีใช้คำผิด หรือเรียกชื่อ เครื่องมือที่ใช้ผิด ก็ต้องขออภัยด้วยนะครับเพราะมันคือความเข้าใจของผมเอง สำหรับท่านไหนไม่เข้าใจบางคำที่อธิบายสามารถค้นหาข้อมูลเพิ่มเติมได้ที่ Google เลยครับผม รอติดตามอ่าน Steps 2 : How to Make a Website สร้างเว็บไซต์ง่ายๆด้วยตัวเอง นะครับผม ผมจะทยอยเอาบทความมาลงเรื่อยๆครับผม และท่านไหนมีข้อสงสัยก็สามารถสอบถามกันเข้ามาได้ครับผม ไม่ว่าจะทางเพจ ทางเมล์ หรือคอมเม้นต์ใต้บทความนี้ครับผม อ่านบทความก่อนหน้านั้น Steps 1: How to Make a Website […]

การปรับแต่งธีมให้กับ Google Sites

หลังจากที่ผมได้แนะนำการสร้าง Sites จาก Google sites ในบทความที่มีชื่อว่า ” สร้างเว็บไซต์ฟรีด้วย Google Sites ภายใน 6 คลิก ” ไปแล้วนั้นวันนี้ผมก็จะมาต่อในเรื่องของการปรับแต่งธีม (Theme) ให้กับ Sites ของเรา เพื่อให้ Sites ของเราสวยงามและโดดเด่น เรามาเริ่มกันเลยครับผม

สร้างเว็บไซต์ฟรีด้วย Google Sites ภายใน 6 คลิก

หลังจากที่ผมได้ไปอบรม EIS กับมหาลัยบูรพา ทางทีมงานวิทยากรก็แนะนำให้ผู้อบรมสร้างไซต์ โดยใช้ Google Sites (กูเกิลไซต์) ซึ่งเหมาะสำหรับท่านที่ต้องการมี(เว็บ)ไซต์เป็นของตัวเอง ที่สำคัญไม่มีค่าใช้จ่ายใดๆทั้งสิ้น พูดง่ายๆก็คือฟรีนั่นเองครับผม วันนี้ผมก็เลยอยากจะแบ่งปันความรู้ที่ได้รับมาให้กับทุกท่านที่สนใจอยากสร้างไซต์ โดยใช้ Google Sites ครับผม 

ย่อ url ให้สั้น ด้วย Google URL Shortener

สวัสดีคับเพื่อนๆครูที่ทำเว็บไซต์และผู้ที่สนใจในเรื่องของการทำเว็บไซต์ทุกท่านครับผม วันนี้ครูเชียงรายมาจะมาขอแนะนำเว็บไซต์ที่สามารถ ย่อ url ของเว็บไซต์เราให้สั้นลงเป็นที่จดจำได้ง่ายและเวลานำไปโพสที่ fabebook ถ้าเป็นลิ้งชื่อภาษาไทย จะได้สวยงามและไม่ขึ้นเป็นภาษาต่างดาวครับผม 

ใส่คอมเม้น facebook ให้กับ wordpress

สวัสดีครับผมสำหรับท่านที่ทำเว็บไซต์ด้วย wordpress คงจะเห็นหลายเว็บไซต์เอาคอมเม้นของ facebook ไปติดที่บทความของเว็บตัวเองที่ใช้ wordpress กันหลายเว็บเลยนะครับ ซึ่งครูเชียงรายก็เป็นหนึ่งในนั้นที่ไปค้นหาคำตอบมาว่าจะใส่คอมเม้น facebook ให้กับ wordpress ได้อย่างไร จนได้คำตอบ และที่ครูเชียงรายได้เข้าไปศึกษาก็นานมามากเลยครับ ผมจำไม่ได้ว่าเว็บไหนเป็นคนสอน ต้องขอขอบคุณท่านที่ทำโค๊ดนี้มา ณ ที่นี้ด้วยครับ

สร้างฐานข้อมูลและอัพโหลดไฟล์wordpress ขึ้นโฮสติ้ง

สวัสดีครับหลังจากที่ครูเชียงรายได้แนะนำเรื่องของโดเมนและโฮสติ้งไปแล้วนั้น วันนี้ครูเชียงรายก็จะมาแนะนำขั้นตอนต่อไปของการทำเว็บไซต์นะครับผม หลังจากที่เราได้จ่ายเงินกับผู้ให้บริการโดเมนและโฮสเสร็จเรียบร้อยแล้วนั้นทางผู้ให้บริการจะทำการส่งอีเมล์ข้อมูลในการจัดการกับเว็บไซต์ของเราผ่านทางอีเมล์ จากนั้นให้เราทำการ FTP ไฟล์WordPress เข้าไปในโฮสติ้ง ของเรา แล้วจากนั้นให้เราเข้าไปตามลิ้งจัดการ ทำการสร้างฐานข้อมูล Database เพื่อทำการติดตั้ง WordPress ต่อไป โดยขั้นตอนต่อไป ผมจะมาสาธิตวิธีการติดตั้ง WordPress เพื่อสร้างเว็บไซต์ให้กับโรงเรียนต่อไปครับผม

ขั้นตอนการแรกในการสร้างเว็บไซต์ จดโดเมนและเช่าโฮสติ้ง

ขั้นตอนการแรก ในการสร้างเว็บไซต์เราต้องทำการจดโดเมน Domain name (ชื่อเว็บไซต์) และเช่าเว็บโฮสติ้ง Hosting (พื้นที่ในการจัดเก็บข้อมูล) ให้กับเว็บไซต์ของเราก่อนครับ ก่อนอื่นเรามาดูกันก่อนครับว่า ก่อนที่เราจะไปจดโดเมนและเช่าโฮสติ้ง จากผู้ให้บริการ เราต้องพิจารณาอะไรบ้าง โดเมน Domain name  การตั้งชื่อเว็บไซต์นั้นสำคัญมากๆ ชื่อเว็บไซต์กับเนื้อหาของเว็บไซต์ ควรจะไปในทิศทางเดียวกัน แต่ก็มีหลายเว็บที่ชื่อเว็บไซต์และเนื้อหาไม่ไปในทิศทางเดียวกัน ทำให้ผู้ชมเว็บไซต์สับสนได้ การตั้งชื่อเว็บไซต์ สามารถตั้งชื่อเป็นภาษาไทยทับศัพท์ ภาษาอังกฤษได้ เช่น Kru (ครู) chiangrai ดังตัวอย่างเว็บไซต์นี้ เป็นต้น การตั้งชื่อเว็บไซต์แนะนำให้ตั้งชื่อสั้นๆกระชับๆ เพื่อที่จะให้ผู้ชมจดจำได้ง่ายและกระชับได้ใจความ (เหมาะสำหรับ SEO) ควรเป็นชื่อที่เป็นสากล และควรเป็นชื่อที่เกี่ยวกับเนื้อหาของเว็บไซต์ เว็บโฮสติ้ง Hosting  เว็บโฮสติ้ง Hosting เป็นบริการให้เช่าพื้นที่ รับฝากข้อมูลของเว็บไซต์เราไว้บนเว็บเซิร์ฟเวอร์ โดยปกติแล้วเว็บไซต์ทุกๆเว็บไซต์จะต้องมี WebServer (เว็บเซิร์ฟเวอร์)เป็นของตัวเองนั้น โดยเราต้องลุงทุนเองและเราต้องมีความรู้เรื่องการจัดการเซิร์ฟเวอร์ ที่สำคัญมีค่าใช้จ่ายสูงมาก รวมไปถึงจะต้องมีคนดูแลตลอด 24 ชั่วโมง อีกด้วย จึงทำให้มีผู้ให้บริการด้านเว็บโฮสติ้งเข้ามาสนับสนุนสำหรับเว็บไซต์ต่างๆที่ไม่มี เซิร์ฟเวอร์ เป็นของตัวเอง โดยการพิจารณาเลือกเว็บโฮสติ้งนั้นเราต้องดูหลายๆ ปัจจัยไม่ว่าจะเป็น ความปลอดภัย ราคา ขนาดพื้นที่ในการจัดเก็บข้อมูล โอกาสการขยายเว็บไซต์ในอนาคต […]

ช่วยกันแนะนำเว็บไซต์ที่สร้างด้วย WordPress

ช่วยกันแนะนำเว็บไซต์ที่สร้างด้วย WordPress มากันหน่อยก็ดีครับผม เพราะจะได้เข้าไปศึกษาข้อมูลและถือว่าเป็นการศึกษาดูงานไปในตัว บางเว็บหน้าตาสวยงามระบบสุดยอดอาจจะทำมาจาก WordPress ก็ได้นะครับ เพื่อที่เราจะได้นำมาพัฒนาปรับปรุงเว็บของเราไงครับผม วีธีการค้นหาว่าเว็บไหนทำด้วย Wordprees นั้นไม่อยากเลยครับผม (แค่คลิ๊กขวา ดูรหัสต้นฉบับ ก็รู้แล้วครับ) ยังไงก็แชร์กันมาได้ที่กล่องข้อความคอมเม้นจาก Facebook เลยนะครับ เเลกเปลี่ยนเรียนรู้กันครับ งั้นขอแนะนำเว็บแรกเลยนะครับที่สร้างมาจาก WordPress : http://asean.maelao.ac.th/   เว็บของเพื่อนๆเราเองครับ ฝากให้ชมครับผม 

ทำไมต้องทำเว็บไซต์ด้วย WordPress

    ทำไมต้องทำเว็บไซต์ด้วย WordPress  ก็เพราะว่า WordPress เป็น CMS ชื่อเต็มๆ Content Management System หรือระบบจัดการเนื้อหาเว็บไซต์สำเร็จรูปมีทั้งที่เสียเงินและไม่เสียเงิน สำหรับจัดการเนื้อหาในเว็บไซต์หรือจัดทำเว็บไซต์เพื่อประหยัดเวลาและเงินทอง ในการจ้างคนมาทำเเละเวลาในการพัฒนา ปัจจุบันการบริหารจัดการเว็บไซต์สามารถทำได้หลากหลาย แต่ที่นิยมมากในปัจจุบัน คือการใช้เว็บสำเร็จมาจัดการเว็บไซต์ หรือ CMS นั่นเอง ที่นำมาใช้ นั่นเอง ยกตัวอย่างง่ายๆก็คือ เว็บไซต์ครูเชียงรายดอทเน็ต นี้ก็พัฒนาโดย CMS WordPress ซึ่งสามารถโหลดได้ฟรีและไม่เสียค่าใช้จ่าย (เสียเฉพาะเเค่ค่าโดเมน และพื้นที่เท่านั้น) เพราะฉนั้นในเนื้อหาการสร้างเว็บไซต์นี้เราจะมาเรียนรู้และลองทำเว็บไซต์ด้วย CMS WordPress กันครับผม    

www คืออะไร

www คืออะไร www อ่านว่า World Wide Web (เวิลด์ไวด์เว็บ) เป็นบริการหนึ่งของอินเตอร์เน็ตที่ใช้ในการให้บริการข้อมูลในรูปแบบต่างๆ ได้ โดยการติดตั้งเครื่องคอมพิวเตอร์ที่ทำหน้าที่ให้บริการข้อมูล เราจะเรียกว่าเครื่องบริการ Web Server โดยมี Homepage หน้าแรกทำหน้าที่เรียกชื่อเว็บไซต์นั้นๆ ในช่อง Address (URL) ถ้าเปรีบกับหนังสือก็คือปกหน้านั่นเอง โดยแต่ละหน้า Webpage (หน้าเว็บเพจแต่ละหน้า) ก็เปียบเสมือนหน้าหนังสือทุกๆหน้านั่นเอง Website เว็บไซต์ ก็เหมือนหนังสือเล่มนั่นว่าอยู่ที่ใด ชื่ออะไร เช่น www.kruchiangrai.net คือชื่อเว็บไซต์นั่นเอง

โครงสร้างเว็บไซต์

โครงสร้างเว็บไซต์ แต่ละเว็บไซต์ไม่เหมือนกันอยู่ที่ความชอบและลักษณะของการนำเสนอข้อมูล และกลุ่มเป้าหมายสามารถออกแบบได้หลายแบบ ยกตัวอย่างดังรูปเป็นโครงสร้างของเว็บไซต์ ครูเชียงราย จะมีLogo โลโก้อยู่ด้านบนซ้ายมือ และมีป้ายโฆษณา Bannerอยู่ทางด้านขวามือ จากนั้นจะมีเมนู Menuวางไว้ด้านล่าง ต่อมาด้วยสไลด์โชว์Slideshow ที่โชว์บทความล่าสุด ส่วนซ้ายมือนั้นเป็น Widgets คือเครื่องมือเสริมต่างๆของเว็บไซต์แล้วเเต่จะปรับแต่ง ส่วน Content หรือเนื้อหานั้นเอาไว้แสดงในส่วนของเนื้อหาบทความต่างๆที่เราได้เขียนขึ้นมา สุดท้ายล่างสุดก็คือ Footer คือไว้สำหรับแสดงบอก ที่มาที่ไปของเว็บไซต์และข้อมูลการติดต่อกับเว็บไซต์นั่นเอง สรุปคือเราควรเลือกธีมที่มีโครงสร้างของเว็บไซต์ตามลักษณะของการนำเสนอข้อมูล ของเว็บไซต์เพื่อให้ตรงกับกลุ่มเป้าหมาย

การตั้งชื่อเว็บไซต์

  การตั้งชื่อเว็บไซต์นั้นสำคัญมากๆ ชื่อเว็บไซต์กับเนื้อหาของเว็บไซต์ ควรจะไปในทิศทางเดียวกัน แต่ก็มีหลายเว็บที่ชื่อเว็บไซต์และเนื้อหาไม่ไปในทิศทางเดียวกัน ทำให้ผู้ชมเว็บไซต์สับสนได้ การตั้งชื่อเว็บไซต์ สามารถตั้งชื่อเป็นภาษาไทยทับศัพท์ ภาษาอังกฤษได้ เช่น Kru (ครู) chiangrai ดังตัวอย่างเว็บไซต์นี้ เป็นต้น การตั้งชื่อเว็บไซต์แนะนำให้ตั้งชื่อสั้นๆกระชับๆ เพื่อที่จะให้ผู้ชมจดจำได้ง่ายและกระชับได้ใจความ (เหมาะสำหรับ SEO) วันนี้อยากจะทราบว่า ถ้าท่านมีเว็บไซต์ของท่าน ท่านจะตั้งชื่อเว็บไซต์ว่าอะไรครับ ??? แสดงความคิดเห็นมากันได้ครับผม  

นำคลิปจาก Youtube ไปแป๊ะที่ Sidebar

ก่อนอื่นเข้าไปที่ Admin ของ WordPress ของเราครับ จากนั้นกดไปที่ รูปแบบบล็อก แล้วก็ Widgets ครับ เลือกไปที่  Widgets ข้อความ ลากไปใส่ที่ Sidebar เลย ไปเอาโค๊ดจาก Youtube มาครับ สนใจ คลิปไหนก็เลือกได้เลย นำโค๊ดของ Youtube มาวางเลยครับ ใส่ชื่อหัวข้อ จากนั้นกด แล้วก็บันทึกเลยครับ ลองกลับไปดูที่หน้าเว็บ มาแล้วง่ายไหมครับผม

การเขียนข่าวลงเว็บไซต์

การเขียนข่าวลงเว็บไซต์เป็นเรื่องง่ายๆ ครับ ดังที่ผมได้กล่าวไปก่อนหน้านั้นแล้ว ก่อนอื่นเราต้องสร้างหมวดหมู่เพื่อเก็บบทความของเราก่อน ต่อไปนี้ผมจะมาแนะนำวิธีการเขียนข่าวลงเว็บไซต์ของเรานะครับ ขั้นตอนแรกเข้าไปที่ เขียนเรื่องใหม่   เขียนหัวข้อข่าวเลยครับ แล้วก็ตามด้วยเนื้อหาข่าว จากนั้น เลือกที่เก็บข่าวครับ เลือกไปที่ ข่าวกิจกรรม ต่อไปให้เราเพิ่มรูปกิจกรรมเข้าไปให้กับข่าวของเรานะครับ โดยกดไปที่ เมนู เพิ่มสื่อ ตามภาพ  ในที่นี้คุณครูจะใส่กี่รูปก็ได้ แต่ในที่นี่ผมสาธิตใส่เพียงรูปเดียวนะครับ (ปล.ควรลดขนาดรูปให้เหมาะสมก่อนที่จะอัพขึ้นเว็บนะครับ ผมแนะนำให้เลือกขนาด 600 x 399 ครับ ) เลือกไฟล์ (ในเครื่องเรา) เลือกไฟล์รูปในเครื่องเราครับ จากนั้นก็กด Open ใส่หัวข้อรูป : ชื่อรูป จัดแถว : ให้แสดงรูปตรงกลาง ขนาด : เลือกขนาดของรูปที่จะแสดง ใช้เป็นรูปเฉพาะ : ให้แสดงรูปขนาดย่อที่หน้าเว็บ ใส่เข้าเรื่อง : เพิ่มรูปลงไปในข่าว โอเค รูปมาแล้วครับผม ต่อไปให้กดไปที่ เผยแพร่  (อยู่ขวามือนะครับ) เสร็จแล้ว ลองกดดูเรื่องนี้ […]

การนำหมวดหมู่ขึ้นไปโชว์ที่ Main Menu WordPress

การนำหมวดหมู่ขึ้นไปโชว์ที่ Main Menu wordpress (ปล.ขออภัยเสียงบันทึกไม่ค่อยดีครับ)  ผิดพลาดประการใด ขอ อภัยมา ณ ที่นี้ด้วยครับ

สร้างหมวดหมู่ เพื่อเก็บบทความข่าว

หมวดหมู่ นั้นเราเอาไว้เก็บบทความหรือข่าวที่เราเขียนใส่ลงไปในเว็บไซต์เราทุกวันๆ ครับ ถ้าหากเราไม่มีหมวดหมู่เพื่อเก็บบทความ หรือข่าวที่เราเขียนไปทุกวันๆ มันก็จะทำให้เว็บไซต์ของเรานั้น ไม่เป็นระบบระเบียบครับ วันนี้ผมเลยจะมาแนะนำให้ทุกท่านสร้างหมวดหมู่เพื่อเก็บบทความกันครับ ตัวอย่างหมวดหมู่ที่สร้างแล้ว ต่อไปให้เราเข้าไปที่ เรื่อง > หมวดหมู่  จากนั้นเข้าไปสร้างหมวดหมู่ที่เราต้องการให้มีในเว็บไซต์ของเราครับ หลักก็มี ข่าวกิจกรรม ประวัติโรงเรียน ข้อมูลโรงเรียน ติดต่อเรา ให้เราใส่ ชื่อหมวดหมู่ครับ เช่น ชื่อ ข่าวกิจกรรม Slug ข่าวกิจกรรม คำขยายความ ข่าวกิจกรรมของโรงเรียน ตอนนี้ผมสร้างครบตามที่ผมต้องการแล้วครับ เดี๋ยวขั้นตอนต่อไปผมจะสอนเอาหมวดหมู่ไปโชว์หน้าแรกนะครับ ^^

เปลี่ยนสีเว็บไซต์

จากตัวอย่างด้านบน เป็นการเปลี่ยนสี ธีมของเว็บไซต์ของเราครับ โดยหลักๆสีที่ธีม arrastheme มีมาให้ก็จะมี เขียว ส้ม ม่วง น้ำเงิน แล้วก็ ดำ ครับ ถ้าหากเราต้องการสีอื่น เราต้องทำการแก้ไขไฟล์ CSS เองครับผม (เอาไว้วันหลังจะมาแนะนำครับ ) แต่คงเป็นครั้งหน้าก่อน ตอนนี้เอาสีที่เขามีให้มาก่อนนะครับ  ขั้นตอนแรกให้เราเข้าไปที่ หน้าหลัก ของเว็บไซต์ก่อนนะครับ จากนั้นกดไปที่ arras แล้วเลือกที่ Theme Options   จากนั้นให้เราเลือกไปที่แถบเมนู Design ครับ   แล้วก็เลือกไปที่ Default Style จากนั้นให้เราเลือกสีที่ต้องการเลยครับ ในที่นี้ผมเลือกสีน้ำเงินครับ จากนั้นก็กด Save ครับผม ลองกลับไปดูที่หน้าเว็บไซต์ของเราเลยครับ http://localhost/wordpress  

เปลี่ยนหน้าตาเว็บไซต์ให้สวยโดนใจ

หลังจากที่เราได้ติดตั้ง WordPress ไปเป็นที่เรียบร้อยแล้วขั้นตอนต่อไป เราจะมาเปลี่ยนหน้าตาเว็บไซต์ของเราให้ดูน่าสนใจสวยงามมากขึ้นครับ หน้ากากนี้เราเรียกว่า theme (ธีม) ครับ วันนี้ผมขอแนะนำ ธีม ที่ผมเตรียมไว้ก่อนนะครับ เดียววันอื่นจะมาแนะนำ theme อื่นๆอีกครับ เขาแจกฟรีเยอะเลยครับ แต่บางอันเขาก็ขาย เอาละครับ เรามาลงมือกันเลยครับ เราจะมาใช้ธีมนี้กันครับ   ให้เราเข้าไปที่เว็บไซต์นี้ครับ http://www.arrastheme.com/ จากนั้นกดไปที่  Download ต่อไปเลยครับ ต่อไปเลยครับ ต่อไปเลยครับ ต่อไปเลยครับ         ดาวน์โหลดเสร็จเเล้วเข้าไปดูที่เราเก็บไฟล์ไว้เลยครับ จากนั้นให้เราแตกไฟล์ครับ เมื่อเราแตกไฟล์เสร็จเรียบร้อยแล้วเราจะได้โฟเดอร์ของ ธีม ที่เราโหลดมาครับ จากนั้นให้คุณครู Copy โฟเดอร์ ธีมที่เราแตกมาได้   ให้ copy ไปเก็บไว้ใน C:\AppServ\www\wordpress\wp-content\themes   copy วางเรียบร้อย จากนั้นให้เราเข้าไปที่ admin ของ WordPress เข้าไปที่นี่ครับ http://localhost/wordpress/wp-admin จากนั้นให้เรา login เข้าสู่ระบบครับแล้วจะเจอหน้านี้ใช่ไหมครับ (ขั้นตอนต่อไป สำคัญมากๆ)   […]

ติดตั้ง WordPress

หลังจากที่เราได้ตสร้างฐานข้อมูลเป็นที่เรียบร้อยแล้ว ต่อไปนี้เราจะมาติดตั้ง wordpress กันครับ ก่อนอื่นให้เราเข้าไปที่ http://localhost/wordpress จากนั้นให้เรากดไปที่ สร้างไฟล์ตั้งค่า ครับ เวิร์ดเพลส ก็จะทักทายเราก่อน จากนั้นเราก็ไปที่ เริ่มการติดตั้ง เมื่อกดไปที่ เริ่มการติดตั้ง ก็จะมาพบหน้านี้ครับ จากนั้นให้เราใช่ชื่อฐานข้อมูลลงไปเลยครับ ชื่อฐานข้อมูล wordpress ชื่อผู้ใช้ root รหัสผ่าน root ส่วนอื่นๆ ไม่ต้องแก้ไขครับ จากนั้นก็กด ติดตั้ง ครับ ต่อไปให้เรากดไปที่ ทำการติดตั้ง ได้เลยครับ เมื่อ กดไปที่ ทำการติดตั้ง เสร็จเรียบร้อยแล้วเราจะเอจหน้านี้ครับ wordpress จะให้เราตั้งค่าเว็บไซต์ของเรา ให้คุณครูกรอกไปดังนี้ครับ หัวข้อเว็บ : ใส่ชื่อเว็บของเรา (ผมใส่โรงเรียนเชียงราย) ชื่อผู้ใช้ : ใส่ชื่อเราเลยครับ ตั้งเองเลยครับ (ของผมเลือก admin) รหัสผ่าน : ใส่รหัสผ่าน ตั้งเองเลยครับ (ของผมเลือก 1234) อีเมลล์ : ใส่อีเมล์ของเราเลยครับ (ของผมเลือก chiangrai@chiangrai.ac.th) […]

สร้างฐานข้อมูลเพื่อติดตั้ง WordPress

เมื่อตอนที่แล้วเราได้นำเอา WordPress ไปไว้ใน Web Server จำลองเป็นที่เรียบร้อยแล้ว ต่อไปนี้เราจะมาสร้าง Database (ฐานข้อมูล) เพื่อเก็บข้อมูล เพื่อใช้ในการติดตั้ง WordPress กันครับ ต่อไปให้เราเข้าไปที่ http://localhost/ (ผมใช้ Internet Explorer) เมื่อเข้ามาแล้วเราจะเจอหน้านี้ครับ   ต่อไปให้ คลิ๊กไปที่ phpMyAdmin Database Manager Version 2.10.3 เพื่อเข้าไปสร้าง Database (ฐานข้อมูล) ใส่รหัสผ่านครับ จำได้ไหมครับ ว่ารหัสอะไร ตอนที่เรา ติดตั้ง Appsrev จำลองเครื่องเราเป็น Web Server ยังไงหละครับ  ที่เราตั้งในวันนั้นคือ root ครับ เมื่อใส่รหัสผ่านแล้ว เราจะเข้ามาเจอหน้านี้ครับ ต่อไปให้เราสร้าง Database (ฐานข้อมูล) ที่มีชื่อว่า wordpress ครับ กรอกลงไปในช่อง ” สร้างฐานข้อมูลใหม่ ” เลยครับแล้วก็กด สร้าง     เมื่อเจอหน้านี้ แสดงว่าคุณครู สร้าง Database (ฐานข้อมูล) […]

นำ WordPress ไปวางไว้ใน Appserv

หลังจากที่เราได้ติดตั้ง Appserv เป็นที่เรียบร้อยเเล้ว ต่อไปเราก็ต้องนำไฟล์ WordPress ไปวางไว้ใน Web server ที่เราได้จำลองขึ้นมาในเครื่องของเรา นั้นก็คือ Appserv นั่นเองครับ ขั้นตอนเเรกเราต้อง แตกไฟล์ wordpress-3.3.2-th ก่อนครับ ต่อไปให้เราแตกไฟล์ wordpress-3.3.2-th โดยคลิ๊กขวา ครับ เลือกไปที่ extract here ตามรูปด้านล่างเลยครับ ในระหว่างนี้ ให้คุณรอสักครู่ ครับ เมื่อเราแตกไฟล์ได้เสร็จเรียร้อยแล้ว เราจะได้โฟเดอร์ ที่ชื่อว่า wordpress ดังที่ลูกศรชี้ จากนั้นให้เรา Coppy โฟเดอร์ ที่ชื่อว่า wordpress ไปวางไว้ใน C:\AppServ\www มาถึงตอนนี้แล้ว ก็ถือว่าเราได้เอา WordPress ไปไว้ใน Web Server จำลองของเราแล้วครับ เดียวในบทต่อไปเราจะมาสร้างฐานข้อมูลเพื่อติดตั้ง Wordpress กันต่อไปครับ

1 2
Loading...