เริ่มต้นทำเว็บไซต์ด้วย WordPress โดย จักรกฤษณ์ ตาฬวัฒน์ (ครูเม่น : iMenn.com) 25 ก.ย. 2009 OSS Festival 2009 at Nectec
ภาพรวมการทำเว็บด้วย WordPress ติดตั้งเวิร์ดเพรส
เตรียมข้อมูล • • •
• • •
บริการฟรี WordPress.com? ใช้โดเมน (.com) ของตัวเอง? ติดตั้ง Hosting เอง?
ใส่ข้อมูลในเวิร์ดเพรส
ข้อความ? รูปภาพ? วีดีโอ?
• •
ปรับปรุงอย่าง สม่ำเสมอ
Page (หน้า) Post (เรื่อง/บันทึก)
ติดตั้งการทำงานเสริม ตั้งเป้าหมายของเว็บ • • •
ทำเว็บอะไร? เสนอข้อมูลอะไร? ผู้เข้าชมคือใคร?
ตกแต่งหน้าตา (ธีม) • •
ดาวน์โหลดธีม/ติดตั้ง เปลี่ยนรูป/สี
• •
ดาวน์โหลดปลั๊กอิน/ติดตั้ง การใช้งานวิดเจ็ด
เป้าหมายเว็บไซต์?
CORPORATE/CONTENT เว็บบริษัท/เว็บให้ข้อมูล
BLOG บล็อก/บันทึก
E-COMMERCE เว็บขายของ
COMMUNITY เว็บชุมชน/เว็บบอร์ด CATALOG รายการสินค้า
เตรียมข้อมูล ข้อความ/รูปภาพ/วีดีโอ การแต่งรูปพื้นฐาน (ตัดรูป/ปรับสีรูป/ตั้งชื่อรูป)
มองการเตรียมข้อมูล เป็นการพิมพ์งานขนาด A4
ปฏิบัติการ! เตรียมเนื้อหา และปรับแต่งภาพ
ติดตั้งเวิร์ดเพรส
บริการฟรี บน WORDPRESS.COM • ไปที่หน้าเว็บไซต์ • เลือกสมัครสมาชิก • ระบบจะส่งเมล์ไปแจ้ง เริ่มใช้งาน
ติดตั้งบนโฮสต์ตนเอง • FTP อัพโหลดไฟล์ขึ้น Server • ตั้งค่า mySQL • ดำเนินการติดตั้ง
ปฏิบัติการ! สร้างบัญชีที่ wordpress.com เมื่อทำเว็บเสร็จค่อยกลับมาเริ่มทำ เว็บบนโฮสต์ตัวเอง
ใส่ข้อมูลในเวิร์ดเพรส
วางแผนโครงสร้างหน้าต่างๆ (Site Map) พิมพ์ข้อความเพื่อเพิ่มเนื้อหา แนบรูปในเนื้อหา สร้างอัลบัมภาพ
ปฏิบัติการ! นำข้อมูลที่เตรียมไว้ มาใส่โดยแบ่ง โครงสร้างหน้าอย่างถูกต้อง
ติดตั้งการทำงานเสริม วิดเจ็ด (Widget) • การใส่ข้อความ/HTML • การแสดงข้อมูลต่างๆ • การติดตั้งวิดเจ็ดเพิ่ม
ปลั๊กอิน (Plugin) • การติดตั้งปลั๊กอิน • อัลบัมภาพ • การใส่วีดีโอ
ปฏิบัติการ! ทดลองติดตั้ง Widget และ Plugin ที่กำหนดให้
ตกแต่งหน้าตา (ต้องสร้าง WordPress บนโฮสต์ของตนเอง)
เริ่มต้นที่แก้รูป โดยการสร้างรูปทับในธีม CSS/HTML เบื้องต้น เพื่อแก้ไข หมายเหตุ: เป็นขั้นตอนที่ซับซ้อน ไม่เหมาะสำหรับผู้เริ่มต้น
ปฏิบัติการ! (วันสุดท้าย) ทดลองเลือกธีมที่ชอบ แล้วปรับแต่ง ข้อมูล Header/Footer และอื่นๆ
ถาม-ตอบ