Rabbitinblack

Year: 2012

  • [Plugin WordPress] Pinterest Pinboard Widget

    [Plugin WordPress] Pinterest Pinboard Widget

    หลังจากที่เคยแนะนำการใส่ปุ่ม Pin it ของ Pinterest ในเว็บ WordPress ของเราแล้ว ([WordPress] เพิ่มปุ่ม Pin it ของ Pinterest) มาครั้งนี้ก็มาแนะนำ Plugin สำหรับดึงข้อมูลใน Pinboard ของเรามาโชว์ Plugin ตัวนั้นก็คือ

    [Plugin WordPress] Pinterest Pinboard Widget [1]

    หลังจากที่โหลดตัว Plugin มาติดตั้งแล้ว ให้เข้าไปในส่วน Widget เราจะได้พบ Widget ตัวใหม่ ชื่อ Pinterest Pinboard ก็กรอกข้อมูลลงไปนะครับ ว่าจะให้ดึงข้อมูลมาจาก User ไหน

    [Plugin WordPress] Pinterest Pinboard Widget [2]

    และเมื่อไปดูที่หน้าเว็บ เราก็จะได้ตัว Pinboard มาโชว์ในหน้าเว็บของเราแล้ว

    [Plugin WordPress] Pinterest Pinboard Widget [3]

    Download Plugin ได้ที่ : Pinterest Pinboard Widget
  • [Infographic] iPad 3: ใครจะซื้อ และเหตุผลอะไรถึงซื้อ

    [Infographic] iPad 3: ใครจะซื้อ และเหตุผลอะไรถึงซื้อ

    หลังจากที่มีข่าวว่า iPad3 กำลังจะมานั้น ทาง AYTM Research ได้ทำ Infographic มาในหัวข้อ iPad 3 : Who Will Buy One, and Why? มาดูกันครับ

    iPad3

    จากที่นี่ iPad 3 [Infographic]
  • [WordPress] ปรับแต่งส่วน Contact Info

    [WordPress] ปรับแต่งส่วน Contact Info

    ถ้าเราอยู่ในส่วนของ Dashboard ลองเข้าไปดูที่หัวข้อ Users -> Your Profile นะครับ เราจะพบว่าในส่วนของ Contact Info จะมีช่องให้กรอกข้อมูลแบบนี้

    [Wordpress] ปรับแต่งส่วนของ Contact Info [1]

    แต่ผมคิดว่า เดี๋ยวนี้เนี่ยไอ้เจ้า AIM, Yahoo IM แล้วก็ Jabber มันไม่ค่อยจะมีใครกรอกเท่าไหร่แล้ว

    [Wordpress] ปรับแต่งส่วนของ Contact Info [2]

    มาเปลี่ยนให้มันอินเทรนกันหน่อย เป็นพวก Facebook, Twitter แล้วก็ LinkedIn กันดีกว่านะครับ

    WordPress : ลบ AIM, Yahoo IM และ Jabber แล้วใส่ Facebook, Twitter และ LinkedIn ลงไป

    ให้เราเข้าไปใน functions.php แล้วแปะโค้ดเพิ่มเติมครับ

    [php]
    /* BEGIN Custom User Contact Info */
    function extra_contact_info($contactmethods) {
    unset($contactmethods[‘aim’]);
    unset($contactmethods[‘yim’]);
    unset($contactmethods[‘jabber’]);
    $contactmethods[‘facebook’] = ‘Facebook’;
    $contactmethods[‘twitter’] = ‘Twitter’;
    $contactmethods[‘linkedin’] = ‘LinkedIn’;
    return $contactmethods;
    }
    add_filter(‘user_contactmethods’, ‘extra_contact_info’);
    /* END Custom User Contact Info */
    [/php]

    เราก็จะได้ผลลัพธ์ออกมาเป็นแบบนี้ครับ

    [Wordpress] ปรับแต่งส่วนของ Contact Info [3]

    แถม : วิธีเรียกใช้งานข้อมูลในส่วนที่เราเพิ่มลงไป

    แน่นอนว่า เมื่อเราเปลี่ยนมาใช้เป็น Facebook, Twitter และ LinkedIn ก็อยากมีวิธีที่เรียกใช้งานข้อมูลเหล่านี้ โดยเราใช้โค้ดแบบนี้เพื่อเรียกใช้งาน

    [php]
    <a href="<?php the_author_meta(‘facebook’, $current_author->ID); ?>">Facebook</a>
    <a href="<?php the_author_meta(‘twitter’, $current_author->ID); ?>">Twitter</a>
    <a href="<?php the_author_meta(‘linkedin’, $current_author->ID); ?>">LinkedIn</a>
    [/php]

  • [HTML CSS] บางอย่างที่เราอาจจะยังไม่รู้

    [HTML CSS] บางอย่างที่เราอาจจะยังไม่รู้

    วันนี้ไปเปิดเจอ Slide ของคุณ Chris Coyier เจ้าของเว็บ CSS-Tricks ได้พูดไว้ในหัวข้อ What We Don’t Know เลยเอามาแชร์ให้ได้อ่าน ได้ดูกันนะครับ >_<

    ตามไปอ่านบทความเต็ม ๆ ได้ที่ My Slides from InControl 2012: What We Don’t Know
  • [WordPress] ตั้งค่า FTP ไว้ จะได้ไม่ต้องใส่บ่อย ๆ

    [WordPress] ตั้งค่า FTP ไว้ จะได้ไม่ต้องใส่บ่อย ๆ

    เวลาที่เราอัพเดต หรือติดตั้ง Plugin ตัวใหม่ เราต้องคอยมาใส่ข้อมูลเกี่ยวกับ FTP เพื่อใช้ในการเชื่อมต่อ แต่ถ้าเราไม่อยากจะต้องมากรอกข้อมูลเหล่านี้ตลอดเวลา ให้เข้าไปแก้ไขที่ File wp-config.php โดยเพิ่ม Code นี้เข้าไปนะครับ

    [php]
    /**
    * FTP
    **/
    define(‘FTP_HOST’, ‘ชื่อ Host ที่เราใช้ หรือจะใส่เป็น localhost ก็ได้’);
    define(‘FTP_USER’, ‘ชื่อ Username ที่ใช้’);
    define(‘FTP_PASS’, ‘Password ที่ใช้สำหรับ FTP นี้’);
    define(‘FTP_BASE’, ‘path ของ FTP ตัวอย่างเช่น /public_html/’);
    [/php]

    แค่นี้เวลาอัพเดต หรือติดตั้ง Plugin ตัวใหม่ เราก็ไม่ต้องคอยมากรอกข้อมูลเหล่านี้แล้ว

  • Ifttt : เมื่อนำ Service จากต่าง ๆ มาใช้งานร่วมกัน

    Ifttt : เมื่อนำ Service จากต่าง ๆ มาใช้งานร่วมกัน

    ตอนนี้มี Service ต่าง ๆ ให้เราใช้อยู่มากมาย เช่น Facebook, Twitter, Instagram, GMail หรือ Dropbox ถ้าเราต้องการให้ Service ต่าง ๆ เหล่านี้ทำงานร่วมกันละ ก็ต้องที่นี่เลย If This Then That

    ifttt.com : If This Then That

    เข้าไปในเว็บ เราก็กด Join เพื่อสมัครใช้งาน

    Ifttt : เมื่อนำ Service จากต่าง ๆ มาใช้งานร่วมกัน [1]

    สร้าง Account เพื่อใช้งานกันเลยครับ

    Ifttt : เมื่อนำ Service จากต่าง ๆ มาใช้งานร่วมกัน [2]

    หลังจากนั้น Log In เข้ามาเพื่อใช้งาน เราจะไปดูตรงส่วนของ Channel ก่อนนะครับ

    Ifttt : เมื่อนำ Service จากต่าง ๆ มาใช้งานร่วมกัน [3]

    Channel ก็จะมี List ของ Service ต่าง ๆ ที่ตัว ifttt สามารถทำให้มันใช้งานแบบเชื่อมต่อกันได้

    Ifttt : เมื่อนำ Service จากต่าง ๆ มาใช้งานร่วมกัน [4]

    จะเห็นว่ามีอยู่หลากหลาย และพอเพียงสำหรับใช้งานในหลาย ๆ ประเภท คราวนี้เราลองมาสร้าง Task เพื่อจะใช้งานดูนะครับ เข้าหัวข้อ Tasks แล้ว Create task เลยครับ

    Ifttt : เมื่อนำ Service จากต่าง ๆ มาใช้งานร่วมกัน [5]

    ตามจุดประสงค์ของเว็บก็คือ ถ้า “มีการทำสิ่งนี้” หลังจากนั้น “ให้ทำสิ่งนี้”

    คราวนี้ผมจะลองว่า ถ้าผมทวิตโดยใส่ #picbox จะให้ File รูปถูกอัพเข้า Dropbox ของผมนะครับ

    Ifttt : เมื่อนำ Service จากต่าง ๆ มาใช้งานร่วมกัน [6]

    ก็เลือกหัวข้อ Twitter -> New tweet by you with hashtag -> ใส่ #picbox ลงไป -> เลือกหัวข้อ Dropbox -> ใส่ File ที่จะอัพ และ Path ที่ต้องการอัพไป -> ใส่รายละเอียดของ Task นี้ -> Create Task

    และเราก็จะได้ Task ที่ทำงานโดยอัพรูปใส่ Dropbox ให้เราเมื่อเราใส่ #picbox ลงไปในทวิตของเรา

    Ifttt : เมื่อนำ Service จากต่าง ๆ มาใช้งานร่วมกัน [7]

    ลองไปประยุกต์ใช้งานดูนะครับ ตัวอย่างเช่น ถ้า Facebook เราอัพรูป ให้ทวิตออกไป หรือ ถ้าเรา Favorite Tweet อันไหน ให้ส่งเมล์เข้ามาให้เรา เป็นต้น