ตอนที่ 6

มาเรียนรู้กันต่อว่าด้วยเรื่องของเมนู ในส่วนของ Top menu และสร้างการเชื่อมโยงไปยังหน้า Contact เพื่อให้ผู้ชมติดต่อ สอบถาม ติชม แสดงความคิดเห็นหรือบอกเล่าเรื่องต่างๆ กับเราได้อย่างสะดวกง่ายดายยิ่งขึ้น มีผู้สนใจสอบถามกันมาว่า ต้องติดตั้งฟอร์มอะไรเพิ่มเติมหรือเปล่า จึงจะมีหน้าติดต่อเราอย่างในเว็บนี้

การสร้างเมนู Contact

ความจริงแล้วเมื่อเราติดตั้ง Joomla! เสร็จ เราจะได้ Component ที่ชื่อ Contact มาพร้อมแล้ว เพียงแต่ยังไม่ได้ถูกกำหนดให้ทำงานเท่านั้นเอง เราจะมาสร้างการติดต่อเพื่อเรียกใช้งานคอมโพเนนท์นี้กันเลย ตัวอย่างนี้จะสร้างลิงก์ไปที่ Top menu วิธีการมีดังนี้

• ที่เมนู Menus > topmenu เลือก New เพื่อเมนูชื่อ Contact us จึงต้องเลือกที่กลุ่ม Internal Link > Contacts > Contact > Standard Contact Layout เพราะเราจะสร้างฟอร์มติดต่อกับทางเว็บไซต์นี้ดังภาพ

• จากนั้นกำหนดรายละเอียดของเมนู ในช่อง Title ใส่ชื่อเมนูในที่นี้คือ Contact Us ในช่อง Alias ใส่คำว่า contact-us เพื่อให้สื่อความหมาย ด้านขวามือ Select Contact เลือก Name - Position แล้วคลิกที่ปุ่ม Save ได้เลย

• ไปที่เมนู Components เลือก Contacts > Contacts ดังภาพเพื่อไปกำหนดรายละเอียดต่างๆ ให้กับหน้าแสดงรายละเอียดของเมนูนี้กันเลย

• คลิกที่ Name เพื่อเข้าไปแก้ไขข้อความต่างๆ

• ในส่วน Information เราก็กำหนดเพิ่มเติมดังนี้ ช่อง Contact's Position ใส่ชื่อผู้ที่จะรับการติดต่อ เช่น ฝ่ายประชาสัมพันธ์ ฝ่ายขาย ในเว็บผมใส่ชื่อผมลงไปแทน ในช่อง E-mail ใส่อีเมล์ของผู้ที่จะรับการติดต่อจากผู้ชม (มอบหมายให้ใครก็ใส่อีเมล์คนนั้นลงไป) ที่เหลือก็เป็นที่อยู่ เลขที่ ถนน ตำบล อำเภอ จังหวัด ตามลำดับ

• ต่อมาก็ใส่ประเทศ หมายเลขโทรศัพท์บ้าน/สำนักงาน มือถือ แฟกซ์ และที่อยู่เว็บไซต์ สำหรับช่อง Miscellaneous Information ก็ใส่ข้อความบอกให้ผู้ชมทราบว่า ข้างล่างข้อความนี้จะมีฟอร์มเมล์ติดต่อกับทางเว็บไซต์ได้ และสุดท้ายก็สามารถหารูปขนาด 120x120 พิกเซลมาใส่ประกอบได้ ด้วยการอัพโหลดรูปโลโก้ไปไว้ในโฟลเดอร์ images/stories เรียบร้อยแล้วทำการบันทึกเลย
• กลับไปที่หน้าเว็บหลักจะพบเมนู Top Menu มีคำว่า Contact Us ปรากฏลองทดสอบคลิกดูจะต้องมีหน้า Contact ดังภาพล่างนี้

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

การติดตั้งรหัสลับ Captcha

มีผู้สอบถามเรื่องการติดตั้ง Captcha มาครับ (คุณทองต่อ) ว่าติดตั้งและคอนฟิกอย่างไร? ไม่ยากนะครับก็เหมือนติดตั้งคอมโพเนนท์อื่นๆ แต่ต้องมีการ Patch ให้มีความปลอดภัยมากขึ้น แล้วจัดการตั้งค่าว่าอยากได้รหัสผ่านรูปแบบอย่างไร ในคอมโพเนนท์ที่เกี่ยวข้องใดบ้าง ดังนี้ครับ

• ดาวน์โหลดไฟล์ JC45_Inst_JCaptha451.zip ทำการติดตั้งตามปกติผ่านทางเมนู Extensions > Install/Uninstall ให้เสร็จสิ้น
• ดาวน์โหลดไฟล์ JC45_Patch_Joomla1.5.15_for_JCapthca_rev2.zip มาแล้วทำการแตกไฟล์ออกมาจะได้โฟลเดอร์ administrator, components, modules, templates ให้ทำการอัพโหลดผ่านโปรแกรม FTP ขึ้นไปทับไฟล์บนเซอร์ฟเวอร์ได้เลย

• จากนั้นไปที่เมนู Extensions > Plugin Manager > System-Captcha เพือ่ทำการกำหนดค่าให้ระบบทำงานคลิกตามภาพ

• กรอบด้านขวามือให้กำหนด Enable เป็น Yes เพื่อให้ Plugin นี้ทำงาน ในกรอบด้านขวาเป็นการกำหนดรายละเอียด เช่นจำนวนของรหัสต้องการกี่ตัวอักษร การแสดงผลของโค๊ดแบบรูปภาพอย่างเดียวหรือรูปภาพและเสียง กำหนดการเข้ารหัสขั้นสูง (Crypt mode) จำนวนที่ผู้ใช้สามารถใส่รหัสได้กี่ครั้ง ถ้าเกินต้องรอหรือปิดบราวเวอร์ไปก่อน
• ความกว้างและสูงของพื้นที่แสดงรหัส และจะใช้เทมเพลตฟอนท์ที่ให้มาหรือไม่

• การกำหนดสีตัวอักษรรหัสลับ (Text color) และกำหนดสีพื้นหลังของกรอบรหัส (Background color)
• ส่วนสำคัญที่สุดคือ เราจะกำหนดให้หน้าใดใช้รหัสลับนี้บ้าง ก็ให้ใส่ค่าลงในช่อง Enabled captchas เช่น ในหน้าสมัครสมาชิกก็ใส่ user.register หน้าติดต่อเรา (contact) ใส่ค่า user.contact โดยแต่ละคำสั่งคั่นด้วยเครื่องหมายคอมม่า ดังภาพ

• จากภาพนี้เป็นตัวอย่างของการใช้งาน Captcha ในหน้าติดต่อเรา (Contact) ซึ่งผู้ที่ต้องการติดต่อกับเรานั้นเมื่อใส่รายละเอียดในช่องกรอกข้อความต่างๆ ครบถ้วนแล้ว เมื่อจะส่งข้อความจะต้องใส่รหัสลับที่ปรากฏในกรอบสีแดงก่อนเสมอ