• Responsive Web Design และการกำหนดเงื่อนไขการแสดงผลใน CSS สำหรับอุปกรณ์ที่มีขนาดต่างกัน

    หลาย ๆ คนคงได้รู้จักกันมากขึ้ันเกี่ยวกับ Responsive Web Design ให้กับเว็บไซต์ เพื่อแสดงเนื้อหาตามเครื่องมือที่ใช้ในการเข้าถึงเว็บ ไม่ว่าจะเป็น PC หรือ smartphone วันนี้เราก็เลยนำ media query สำหรับ CSS มาให้รู้กันยาว ๆ ดังนี้ /* Smartphones (portrait and landscape) ———– */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles */ } /* Smartphones (landscape) ———– */ @media only screen and (min-width : 321px) […]

    Read more »
  • สร้างฟังก์ชั่นเฉพาะใช้งานใน TYPO3 แบบไม่ยุ่งยาก

    เห็นนักพัฒนา typo3 บางท่านกำลังมองหา solution สำหรับการทำงานบางประการแบบไม่ต้องยุ่งยากมาเกี่ยวกับการเช็คประเทศที่เปิดเว็บไซต์ของเราด้วย GEOIP วันนี้ก็เลยมีคำแนะนำแบบไม่ต้องยุ่งยากมาก ถ้าหากเราเจอ PHP ที่มีการเขียนเรียกใช้งาน GEOIP เรียบร้อยแล้ว ก็สามารถเขียนฟังก์ชั่นเรียกใช้ได้เลย ซึ่งมี step ดังต่อไปนี้ 1. ก่อนอื่น ดาวน์โหลดโค้ด แล้วเอาไปวางใต้ fileadmin ของ webserver จริง (เทสใน local เราจะไม่ทำงาน) 2. ต้องรู้ว่าเราจะเอาไปใช้ตรงส่วนไหน เช่น เราต้องการให้มันปิดการเข้าถึงเฉพาะหน้า ก็จำเป็นต้องดีไซน์ฟังก์ชั่นให้ใช้งานได้เฉพาะหน้านั้น ๆ เช่นกัน เช่น ถ้าต้องการให้ หน้า 112 ใช้ได้เฉพาะประเทศไทย (TH) if($country != ‘TH’) echo “script redirect page if not TH “; 3. ตำแหน่งที่เราต้องการวาง ก็ให้วางที่หน้า 112 […]

    Read more »
  • การใช้งาน ad gallery และ fancy box ร่วมกับ tt_news media

    เมื่อเดือนที่แล้วเจอเคสที่น่าสนใจอยู่เคสนึง นักพัฒนา typo3 ท่านนึง ได้ใช้ feature ของ tt_news เข้ามาจัดการเรื่อง product เพื่อความสะดวกในการปรับปรุงข้อมูลสำหรับ editor และมีความต้องการใช้ของ media ที่จัดการเกี่ยวกับภาพเปลี่ยนมาเป็น Gallery ที่แสดงผลแบบ carousel เมื่อคลิ๊กที่ภาพใหญ่จะปรากฎเป็น lightbox ภาพใหญ่ โดยมีวิธีการทำดังนี้… 1) เริ่มจาก เราต้องเตรียม js ของ Gallery และ Lightbox ก่อน ดาวน์โหลดได้จาก http://adgallery.codeplex.com/ และ http://fancyapps.com/fancybox/ หรือ ดาวน์โหลด souce พร้อมใช้งาน [ ที่นี่ ] 2) ให้ อัพโหลด source js ต่าง ๆ ไว้ที่ fileadmin เพื่อความสะดวกในการแก้ไขต่อไป 3) สร้าง HTML template […]

    Read more »
  • “Sorry, you didn’t have proper permissions to perform this change.”

    อาจจะมีหลาย ๆ คนที่ใช้ Templavoila v. 1.7 และมีการ  update เป็น TYPO3 V. 4.7.x คงต้องเจอกับปัญหาแบบนี้ “Sorry, you didn’t have proper permissions to perform this change.” เวลาที่เราต้องการเพิ่มเนื้อหาโดยใช้โมดูล WEB >PAGE ซึ่งเป็นบั๊กของ TYPO3 ก็ให้ไปแก้ไขโดยใช้คำสั่ง SQL ทำการเพื่อทำการแก้ไขคอลัมน์การทำงานบางประการของ ตาราง page ด้วยคำสั่งดังนี้ค่ะ ALTER TABLE pages ADD t3ver_swapmode tinyint(4) NOT NULL default ‘0’ เพียงเท่านี้ website ของคุณก็จะกลับมาทำงานได้ดีมาก ๆ อีกครั้งหนึ่งค่ะ ^^

    Read more »
  • Notepad++ Editor ชิว ๆ ที่ให้เราทำ TYPO3 ได้เหมือนกัน

    เครื่องมือสำหรับการแก้ไขโค้ดหรือ CSS ของ TYPO3 ไม่ได้มีอะไรที่ซับซ้อนมากมายอย่างที่หลาย ๆ คนเข้าใจ เพียงแค่เครื่องมือชนิดนั้นไม่กินทรัพยากรเครื่องมากจนเกินไป มีฟังก์ชั่นพื้นฐาน เช่นการ backup หรือ การเติม syntax ของ HTML หรือ CSS หรือเชื่อมต่อกับ server เพื่อแก้ไขไฟล์ที่เราต้องได้ ก็น่าจะเพียงพอสำหรับการเป็น editor สำหรับการใช้งานแล้ว วันนี้ก็เลยอยากแนะนำ Notepad++ (โน้ตแผด พลัสพลัส) เป็น Editor ที่มี add-on เสริมการทำงานของเราเหมือน แม้จะไม่ได้มากมายอย่าง IDE ตัวอื่น แต่ด้วยเสน่ห์ที่ไม่ต้องทรัพยากรมากมายและสนับสนุน syntax ของ ภาษาโปรแกรมมิ่งที่หลากหลาย ก็เลยทำให้ Editor ตัวนี้น่าใช้เหมือนกัน การใช้งานก็ไม่ได้ยุ่งยากเหมือนที่คิด การกำหนดค่าต่าง ๆ ก็ลองเข้าไปศึกษากันดูค่ะ เผื่อว่าจะเป็นอีก solution สำหรับการทำงานที่ต้องแข่งกับเวลา เช่นปัจจุบันนี้ Tips สำหรับการเปิด Auto Complete […]

    Read more »
  • ระบบข่าวสาร (tt_news) – Enable mailto link in tt_news content

    หลาย ๆ คนเวลาใส่ลิ้งก์อีเมล์ เพื่อสร้าง mailto: ให้กับ email ใน tt_news ใน RTE Content แต่การแสดงผลพบว่าลิ้งก์อีเมล์เหล่านั้น ที่ให้คลิ๊กได้ เป็นเพียง plain text ธรรมดา นั่นเป็นเพราะ tt_news ปิดฟังก์ชั่นการใช้งานส่วนนี้เอาไว้ วิธีการ active ตัว configure นั้นก็คือ ไปที่ TypoScript Setup แล้วกำหนดค่าดังนี้  plugin.tt_news.general_stdWrap.parseFunc < tt_content.text.20.parseFunc

    Read more »
  • การ Render Text ให้เป็น Image ด้วย GIFBUILDER

    ฟังก์ชั่นการทำงานของ TYPO3 ถ้าลองศึกษาลงลึกแล้วจะพบว่ามากมายเลยทีเดียว โดยเฉพาะอย่างยิ่ง  typoscript ที่สามารถปรับให้ใช้งานได้ตามความต้องการได้หลากหลาย อย่างเช่น การ Render Text ให้เป็น Image ด้วย GIFBUILDER ก่อนอื่นก็จะต้องติดตั้ง ImageMagick (Linux) หรือ GraphicMagic (Windows) เพื่อให้การทำงานครบถ้วนสมบูรณ์ วันนี้นำตัวอย่างการ Render ให้กับ Main Menu ใน IBSTV Package ซึ่งจะต้องปรับแต่ง typoscript ดังนี้ lib.mainmenu.wrap = | lib.mainmenu.10 = HMENU lib.mainmenu.10 { wrap = <div class=”hlist”><ul id=”nav”>|</ul></div> maxItems = 10 entryLevel = 0 excludeUidList = 0 1 = […]

    Read more »
  • ระบบข่าวสาร (tt_news)

    ระบบข่าวสาร (tt_news) ของ TYPO3 ที่ต้องยกนิ้ว แถมด้วย Like เยอะ ๆ ในตอนนี้ ที่อำนวยความสะดวกมากมายในการ publish ข่าวสาร ความรู้ต่าง ๆ ในองค์กร เป็น Extension ที่สามารถทำ SEO ได้ดีอีกตัวหนึ่งทีเดียว นักพัฒนา TYPO3 บางท่าน อาจจะใช้อยู่ และบางท่านยังไม่เข้าใจหรือพบกับปัญหา หรือต้องการปรับแต่งให้ tt_news เป็นไปตามความต้องการมากขึ้น ก็สามารถฝากคำถาม หรือแนวทางการแก้ไขปัญหาได้โพสนี้ค่ะ

    Read more »

Back to Top