ผมได้เปลี่ยนโครงสร้างของเว็บ implementer.co.th ไปหลายส่วน ทำให้ช่วงนี้ไม่ได้เพิ่มเนื้อหาเท่าไหร่ โดยส่วนสำคัญที่เปลี่ยนแปลงก็คือ
- แก้ Template ตรงส่วน Primary โดยใส่กรอบเป็น Curve และ Gradient โดยใช้ CSS3 แต่ IE8 ลงไปยังมองเห็นเป็นกรอบธรรมดา
- เอา Slide Show ด้านบนออก เพราะผมรู้สึกว่ามันทำให้เว็บโหลดมากไป แล้วก็ดูน่ารำคาญมากกว่า
- ในหน้า Homepage (http://www.implementer.co.th/) เอา table ทั้งหมดออกเปลี่ยนเป็น CSS แทน
- ไปทดสอบที่ W3C ว่าผ่านเรื่อง XHTML แต่ CSS ไม่ผ่านเพราะมี CSS3 อยู่ ซึ่งตรงนี้คงไม่แก้
- ก่อนผ่าน W3C ติด Plugin reCAPTCHA มี error ก็ไปแก้ตามนี้
- แก้ไฟล์ wp-recaptcha.php ซึ่งอยู่ใน [blog root]/wp-content/plugins/wp-recaptcha/
- ค้นหาบรรทัดนี้
<style type=’text/css’>#submit {display:none;}</style> น่าจะบรรทัดที่ 483 - แก้เป็นแบบนี้
<!–<style type=’text/css’>#submit {display:none;}</style>–> - แก้ไฟล์ comments.php อยู่ที่ [blog root]/wp-content/themes/[theme name]/
- ค้นหาบรรทัดที่มี id=”submit” ตัวอย่าง
<p>
<textarea name=”comment” id=”comment” cols=”100%” rows=”10″ tabindex=”4″>
</textarea></p><p>
<input name=”submit” type=”submit” id=”submit” tabindex=”5″ value=”Submit” />
<?php comment_id_fields(); ?></p> - แก้เฉพาะส่วนสีแดง
<p>
<textarea name=”comment” id=”comment” cols=”100%” rows=”10″ tabindex=”4″>
</textarea></p><p>
<script type=”text/javascript”>
document.write(‘<input name=”submit” type=”submit” id=”submit” tabindex=”5″ value=”Post this Comment” />’);
</script>
<?php comment_id_fields(); ?></p> - เสร็จการแก้ไข reCAPTCHA
- สำหรับเว็บนี้ไม่มีเป็น FLASH และ TABLE ในส่วนของ Layout แต่สำหรับเนื้อหาอาจจะมีบ้างที่ใช้ FLASH หรือ TABLE
- ปรับ Layout ของ Homepage ให้กลมกลืนกันมากขึ้น
- Web Browser ที่ทดสอบ
Chrome (Windows 7) OK
Firefox (Windows 7, Ubuntu 10.04) OK
Opera (Windows 7) OK
Safari (Windows 7, iPad) OK
Internet Explorer 8 (Windows 7) มองไม่เห็นส่วนที่เป็น CSS3 แต่แสดงผลได้ปกติ - ภาพการแสดงผลบน Firefox (Windows 7)
ที่มาการแก้ไข reCAPTCHA : blogless