iGolf's Touch

 
RSS Feed

วิธีสร้าง Bookmark Icon ของเว็บไซต์ตัวเองสำหรับ iPhone/iPod Touch

แต่ก่อนเคยสงสัยว่าพอกด Add to Home Screen บน iPhone แล้วทำมั๊ยย~ทำไม มันฉลาด รู้จักจะเอาโลโก้สวยๆ ของเว็บไซต์นั้นมาใช้เอง มาถึงตอนนี้ก็เลยลองไปค้นมาดู สุดท้ายเลยรู้ว่าต้องใส่โค้ดเอาเองนี่หว่า แต่แค่บรรทัดเดียวเอง ขั้นตอนการทำง่ายนิดเดียว ไม่กี่ขั้นตอนครับ

1. สร้างไอคอนสวยๆ ของเว็บไซต์ตัวเองมาซักอัน ไม่สวยก็ได้นะ ขนาดก็ 57×57 พิกเซล ไม่ต้องทำขอบมนๆ ไม่ต้องใส่เงาวิ้งๆ ให้มันนะครับ เดี๋ยว iPhone มันจัดให้เอง ทำเป็นสี่เหลี่ยมธรรมดาขึ้นไปเนี่ยหล่ะ

2. อัพโหลดไปไว้ใน directory root รึที่ไหนก็ได้จ้ะ

3. ใส่นี้โค้ดไว้ใน <head>

<link rel=”apple-touch-icon” href=”apple-touch-icon.png” />

path รูป ชื่อรูป ก็แล้วแต่ที่ตั้งไว้นะครับ แต่ถ้าเป็น template ของ WordPress ก็ต้องเข้าไปแก้ในไฟล์ template อย่างเช่น header.php เอาเองนะครับ ส่วน path ก็จะใส่เป็น

<link rel=”apple-touch-icon” href=”<?php bloginfo(‘template_directory’); ?>/apple-touch-icon.png” />

4. เซฟเสร็จแล้วก็อัพโหลดไฟล์ แล้วก็หยิบ iPhone รึ iPod Touch ของคนข้างๆ มาลองเลยครับ ใช้ของตัวเองเปลือง GPRS ส่วนอันนี้ผมลองเอาไอคอนเกย์สีรุ้งของผมขึ้นไปลองหล่ะ

//อัพเดทนิดหน่อย พอดีเพิ่งรู้ว่า firmware 2.0 มัน capture screenshot ได้เลย ด้วยการกดปุ่ม home ก่อนแล้วก็กดปุ่ม sleep ไฟล์รูปจะถูกเก็บไว้ใน Photo Albums > Saved Photos แล้วก็เวอร์ชั่นนี้สามารถเซฟรูปจากเว็บได้แล้วด้วยการจิ้มค้างไปที่รูป แล้วมันจะขึ้นมาถามว่าจะเซฟรูปรึเปล่า พอเสียบเข้ากับคอมมันจะ sync กับ iPhoto ให้เลยครับ

ปล. ผมรับซ้อมปริญญาที่เกษตรศาสตร์ ซ้อมย่อย 18 ก.ค. ซ้อมใหญ่ 20 ก.ค. นี้นะครับ รับจริง 24 ก.ค. ใครว่างจะมา รึจะเอาไว้เป็นข้ออ้างโดดงานมาเช้า บ่ายไปเที่ยวอะไรงี้ ก็โทรบอกได้นะครับ จะได้บอกเรื่องเวลากันก่อน

12