รวมบทความทั้งหมดในหมวดการพัฒนาเว็บไซท์ สอนสร้างเว็บไซต์

การพัฒนาเว็บไซท์

รวมบทความและหนังสืออธิบายเกี่ยวกับการพัฒนาเว็บไซท์ โดยนำเสนอวิธีใช้งานโปรแกรมต่างๆ ที่เกี่ยวข้องกับการสร้างโฮมเพจ เช่น การใช้งาน Dreamweaver ใช้งาน Joomla รวมเรื่องน่ารู้เกี่ยวกับการสร้างเว็บไซต์ ฯลฯ

ธีมเป็นเหมือนหน้ากาของเว็บบอร์ด เมื่อติดตั้งลงไป ก็จะทำให้หน้าตาเว็บบอร์ดเปลี่ยนแปลงไปตามต้องการ เป็นการปรับแต่งเว็บบอร์ดแบบง่ายๆ ดาวน์โหลด Themes SMF

Details: Category: คุ่มือใช้งานและสร้างเว็บบอร์ด SMF; Hits: 2328

การติดดั้ง phpBB
phpBB เป็นโปรแกรมฟรีเว็บบอร์ดอีกโปรแกรมหนึ่งที่มีคนนิยมใช้งาน มีขนาดใหญ่กว่า SMF ต้องการกำลังเซิร์ฟเวอร์มากกว่า ก่อนเช่า

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

จาก การโดนเจาะระบบ ผู้เขียนเคยโดนไปแล้ว 2 ครั้ง

ดาวน์โหลด โปรแกรม
1.? ไปที่ www.phpbb.com
2.? คลิกที่ Download Latest Release
ud448

3.? คลิก Download phpBB3.0.7-PL1(zip) ชื่อไฟล์จะมีการเปลี่ยนแปลงตามการพัฒนาในแต่ละเวอร์ชัน ในอนาคตถ้าผู้อ่านเข้ามาดาวน์

โหลด ก็จะเป็นชื่ออื่นๆ ไม่ใช่ชื่อนี้ จะเป็นรุ่นที่สูงกว่า เช่น 3.0.8 3.0.9 เป็นต้น
449

449
4.? คลิกเลือก Save File แล้วคลิก OK
452

452
5.? ดาวน์โหลดภาษาไทย คลิก Download ข้างบน (About, Download....)
6.? คลิก DOWNLOAD LANGUAGE PACKS
347

397
7.? คลิกเลื่อนไปเลือก ไทย? แล้วคลิก zip เพื่อดาวน์โหลด ตามที่ทำวงกลมไว้
8.? ดาวน์โหลดสไตล์ซึ่งเป็นปุ่มภาษาไทยมาด้วย ตามที่วงกลมไว้
451

451

สรุปรายการที่จะต้องดาวน์โหลด
เป็นรายชื่อไฟล์ ที่ต้องดาวน์โหลด
1.? ไฟล์ของตัวโปรแกรมเว็บบอร์ด phpBB ก็คือ phpBB3.0.7-PL1.zip
2.? ไฟล์ภาษาไทย lang_th.zip
3.? ไฟล์ภาพปุ่มภาษาไทยสำหรับธีม prosilver จะเป็นไฟล์ prosilver_th.zip
4.? ไฟล์ภาพปุ่มภาษาไทยสำหรับธีม subsilver2 จะเป็นไฟล์ subsilver2_th.zip
453

453
5.? ตัวอย่างไฟล์ของตัวโปรแกรมเว็บบอร์ด phpBB? phpBB3.0.7-PL1.zip เมื่อแตกไฟล์ซิพออกมาแล้ว ต้องพยายามจำชื่อและโฟลเดอร์ให้

ได้
456

456
6.? ตัวอย่างไฟล์ไฟล์ภาษาไทย lang_th.zip เมื่อแตกไฟล์ซิพออกมาแล้ว
454

454
7.? ตัวอย่างไฟล์ภาพปุ่มภาษาไทยสำหรับธีม prosilver prosilver_th.zip เมื่อแตกไฟล์ซิพออกมาแล้ว
455

455
8.? ตัวอย่างไฟล์ภาพปุ่มภาษาไทยสำหรับธีม subsilver2? subsilver2_th.zipเมื่อแตกไฟล์ซิพออกมาแล้ว
457

457

การอัพโหลดไฟล์ของ phpBB เ้ข้าเว็บไซต์
1.? เชื่อมต่อเข้าพื้นที่เว็บไซต์ แล้วอัพโหลดไฟล์เข้าไป
656

656
2.? เปลี่ยนโหมดไฟล์ของโฟลเดอร์ดังต่อไปนี้
cache
files
store
โฟลเดอร์ uploads อยู่ใน images/avatars/upload
ไฟล์ config.php
657 658

657

658

เริ่มต้นติดตั้ง phpBB
1.? พิมพ์ url เช่น www.wmg.kmancity.com/phpbb/install กด Enter
2.? คลิก INSTALL
3.? คลิก Proceed to next step
659 660

659
4. คลิก Start Install
661 + 662

661
5.? พิมพ์ข้อมูลการเรียกใช้งาน MySQL ลงไป
6.? ตัวอย่างข้อมูลกรณีใช้งานที่ kmancity.com
7.? เสร็จแล้วคลิก Proceed to next step
663 +665

663
8. คลิก Proceed to next step
666

666
9.? พิมพ์ข้อมูลผู้ดูแลระบบลงไป รหัสผ่าน (Password) แนะนำให้พิมพ์ในโปรแกรมอื่น แล้วก็อปปี้มาวางจะแม่นกว่า
10. เสร็จแล้วคลิก Proceed to next step
667

667
11. เสร็จแล้วคลิก Proceed to next step
668

668
12.? เสร็จแล้วคลิก Proceed to next step
669

669
13.? เสร็จแล้วคลิก Proceed to next step
670+ 671

670
14.? เสร็จแล้วคลิก Proceed to next step
672

672
15. จะไปขั้นตอนสุดท้าย อย่าเพิ่งคลิก Login ให้ไปที่หน้าจอ FileZilla ก่อน เพื่อไปเปลี่ยนชื่อโฟลเดอร์ install
673

673
16. จัดการเปลี่ยนชื่อโฟลเดอร์ install เป็นชื่ออื่นด้วยคำสั่ง Rename
675 676

675
17.? คราวนี้กลับไปที่หน้าจอติดตั้งอีกครั้ง แล้วจึงคลิก Login
677

677
18.? จะเข้าหน้าจอผู้ดูแลระบบ สำหรับการปรับแต่งโปรแกรม phpBB
19.? กดปุ่ม Ctrl ที่แป้นพิมพ์ค้างไว้ แล้วคลิกที่ Board Index เพื่อไปดูหน้าจอเว็บบอร์ดที่ได้
678

678
20.? ตัวอย่างหน้าจอที่ได้ ปุ่ม คำสั่งต่างๆ จะเป็นภาษาอังกฤษ อย่างเดียว
679

679

การติดตั้งภาษาไทย
1.? กลับไปที่โปรแกรม FileZilla ในพื้นที่เว็บไซต์คลิกโฟลเดอร์ language เป็นการเลือกว่าจะอัพโหลดมาไว้ในนี้
2.? ในเครื่องของเราก็คลิกโฟลเดอร์ที่เก็บไฟล์ภาษาไว้ ซึ่งอยู่ใน lang_th
3.? ให้จัดการอัพโหลดโฟลเดอร์ th เข้าไปในโฟลเดอร์ language ในพื้นที่เว็บไซต์
4.? ตัวอย่างโฟลเดอร์ที่ได้อัพโหลดเรียบร้อยแล้ว
680

680
5.? ปุ่มภาษาไทยก็อัพโหลดไปเช่นกัน ในพื้นที่เว็บไซต์ คลิกเลือกโฟลเดอร์ imageset ซึ่งอยู่ใน prosilver
6.? ในเครื่องของเราก็คลิกเลือกโฟลเดอร์ imageset เช่นกัน
7.? อัพโหลดโฟลเดอร์ th เข้าไป
8.? ตัวอย่างโฟลเดอร์ที่อัพโหลดไปแล้ว ในช่องด้านขวามือ จะมี th
681

681
9.? เริ่มต้นติดตั้งภาษาไทย ในหน้าจอผู้ดูแลระบบ คลิก SYSTEM
10. คลิก Language packs
11.? คลิก Install เพื่อติดตั้งภาษาไทย
683

683
12.? คลิก Back to previous page
684

684
13.? เปลี่ยนภาษาของบอร์ดให้เป็น ไทย ก่อน คลิก GENERAL
14.? คลิก Board settings
15.? ในส่วน Default language คลิกเลือก ไทย
16. คลิกปุ่ม Submit ด้านล่าง เลื่อนแถบเลื่อนลง
688+689

688
17.? คลิก SYSTEM คลิก Language packs อีกครั้ง
18.? คลิก Delete ลบภาษาอังกฤษ British English ออกไป
690

690
19. คลิก Yes
691

691
20. คลิก Back to previous page
692

692
21. ตอนนี้ภาษาไทยก็จะกลายเป็นภาษาหลักของเว็บไซต์
693

693
22.? กดปุ่ม Ctrl ค้างไว้ แล้วคลิกลิ้งค์ Board Index เพื่อดูผลงาน
694

694
23.? ตอนนี้ข้อความต่างๆ เปลี่ยนเป็นภาษาไทยแล้ว รวมทั้งปุ่มด้วย
695+696

695

การเปลี่ยนธีมของโปรแกรม
ลักษณะของธีมก็คล้าย หน้ากาก เราต้องการหน้าตาโปรแกรมแบบไหน ก็สามารถเลือกดาวน์โหลดธีมแบบที่ต้องการมาติดตั้งลงไปได้

ปกติหลัง การติดตั้งจะมีให้แบบเดียวคือ prosilver
1.? เราจะเริ่มจากธีมง่ายๆ ก่อน ก็คือ subsilver2 ที่มีมากับโปรแกรมอยู่แล้ว ให้อัพโหลดปุ่มภาษาไทยขึ้นไปก่อน
2.? จากตัวอย่างได้อัพโหลดโฟลเดอร์ th เข้าไปในโฟลเดอร์ imageset ใน subsilver2 เรียบร้อยแล้ว
682

682
3.? คลิก STYLES และ Styles ในด้านขวามือ
4.? คลิก Install
698