TYPO3 และการทำงานร่วมกับ Google Calendar

หลังจากที่แอ๊ดมินได้รับงานพิเศษมางานหนึ่ง เป็นการ implement เรื่อง Google Calendar กับ typo3 ปัญหาที่พบเลยคือ
1. เราไม่รู้ว่ามันจะทำงานด้วยกันยังไง
2. ทำงานไปแล้ว เราอยาก customize css จะต้องทำยังไง เพราะไฟล์ที่ embed มา ไม่อนุญาตให้แก้ไขได้ตามอำเภอใจนะค๊าบบ

Google จะอนุญาตให้เราเชื่อมต่อผ่าน API ที่กำหนดไว้ และจะมี Interface สำหรับการ customize หน้าตา และการแสดงผลคร่าว ๆ ไว้ให้ และสามารถดึงเป็นแบบ xml หรือใช้ร่วมกับ iframe ก็ได้ ถ้าเจ้าของเว็บไซต์ไม่ซีเรียส เรื่องรูปแบบการแสดงผล ก็ไม่น่าจะมีปัญหาอะไร แต่ถ้าต้องให้ได้อย่างที่ดีไซน์ขึ้นมาละก็ ก็ต้องมานั่งหาโค้ดเพื่อทำการ customize ให้ตรงตามต้องการ จำเป็นต้องอาศัยตัวช่วยในการทำงาน ในที่นี้เราจะใช้ RESTYLEgc ของ www.restylegc.com กัน หรือดาวน์โหลดโค้ดพร้อมใช้งานที่นี่ RESTYLEgc Custome (gcal)

เราเริ่มต้นด้วยการสร้างข้อมูลใน Google Calendar ก่อน ถ้าหากใครยังไม่มี Account ของ Gmail ก็ให้สมัคร แล้วก็เปิด feature เกี่ยวกับ Calendar ให้กำหนดค่าตามตัวอย่างที่ 1 – 6 ดังนี้


ภาพประกอบที่ 1

ภาพประกอบที่ 2

ภาพประกอบที่ 3

ภาพประกอบที่ 4

ภาพประกอบที่ 5

ภาพประกอบที่ 6

จากนั้น ให้อัพโหลด RESTYLEgc ไปไว้ใต้ fileadmin จะเปลี่ยนชื่อโฟลเดอร์ก็ได้หรือไม่เปลี่ยนก็ได้ ดังตัวอย่าง

ภาพประกอบที่ 7

ภาพประกอบที่ 8

เทสการทำงานด้วยของ RESTYLEgc ด้วยการใส่แบบ HTML code ใน Content Element ประเภท HTML ใน TYPO3

ภาพประกอบที่ 9

 จากนั้นก็เริ่มทำการ customize CSS ในไฟล์ชือ restylegc.css เช่น ตัวอย่างด้านล่างเป็นภาพที่ทำการ customize เสร็จสมบูรณ์แล้ว

ภาพประกอบที่ 10

ขอให้ทุกคนมีความสุขกับการเขียนโค้ดนะค่ะ ^_^

Posted by:

Kickstarter
Administrator

Leave A Comment

Your email address will not be published. Required fields are marked (required):

Human answer! *

Related articles

Back to Top