บางทีปัญหาในการทำเว็บอาจจะเกิดจาก AdBlock ก็ได้

วันนี้จะต้องเปลี่ยนแบนเนอร์บนเว็บลูกค้า เราใช้ OpenX ในการจัดการกับแบนเนอร์ของเว็บนี้อยู่ แต่วันนี้เปิดเข้าไปใน OpenX ของเราแล้วงงมากๆ ว่าทำไมมันเละเทะมากๆ คือมันโหลด CSS, Javascript ไม่ขึ้นเลย

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

เลยมาเปิด Inspect Element ดู ถึงเห็นว่ามี Error 43 จุด เลยเปิดเช็คดู มันก็บอกว่ามันโหลด resource ไม่ได้ มาจากตัว browser เอง ก็เลยถึงบางอ้อว่า สาเหตุที่ทำให้มันเป็นแบบนี้เพราเจ้า adBlock ที่เราลงไว้น่ะเอง มันรู้จักว่า OpenX คือ AdServer มันเลย detect ในหน้านี้แล้วพบว่าน่าจะเป็นโฆษณาแน่ๆ เลยทำการ block ให้ซะเลย สุดท้ายก็แก้ด้วยการไปทำให้มันไม่ block เว็บของเราซะ ก็หายเป็นปกติละ เฮ้อ...

ควรเผื่อเวลาให้ผู้สูงอายุในการเดินไปไหนต่อไหน

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

เพิ่ม jQuery ลงใน Wordpress theme

เวลาทำเว็บที่ใช้ Wordpress ปกติใช้แต่ Theme สำเร็จรูป และก็ไม่ค่อยได้มีเหตุให้ต้องใช้ jQuery อะไรซักเท่าไหร่ แต่วันนี้ต้องแก้ปัญหาที่ใช้ CSS ไม่สำเร็จ ก็เลยต้องเอา jQuery มาใช้ใน Theme

แต่พอลองใส่ code jQuery เข้าไปมันดันไม่ทำงาน ลอง inspect ดูก็พบว่ามันไม่มีการเรียก library ของ jQuery ขึ้นมาน่ะเอง มันก็เลยไม่รู้จัก

ลองหาวิธีแก้ว่าจะเรียกยังไงถึงจะดี ก็เจอกระทู้นี้

https://wordpress.org/support/topic/include-jquery-in-headerphp-please-help

แล้วก็เลยกลับไปใส่เพิ่มบ้างลงใน header.php ซะเลย

<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?>

จากนั้นก็เขียน jQuery ใส่เข้าไปโดยเปลี่ยนการใช้ $ ไปเป็น jQuery แทนทั้งหมดเช่น

จากเดิม

$(function(){
     $("#header").hide();
});

ก็เป็น

jQuery(function(){
    jQuery("#header").hide();
});

แต่จริงๆ เราสามารถใช้ $ เหมือนเดิมได้ด้วย แต่ให้ใช้แบบนี้

jQuery(document).ready(function($) {
 //code.
});