• การใช้งาน 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 »
  • อัพเกรด TYPO3 เป็นเวอร์ชั่นล่าสุด แล้ว HTML5 Syntax ทำงานไม่ถูกต้อง

    แทบจะพลิกแผ่นดินแก้ไขตัว content rendering กับ feature HTML5 ที่ทำให้เราปวดกะบาลไม่น้อยเลยค่ะ ที่เวอร์ชั่นล่าสุดไม่รู้ทำกันอิท่าไหน HTML5 syntax ใหม่ ๆ ไม่ยอม register ใน system กันเลย เอาหล่ะ!!! ใช้ เวอร์ชั่นที่เป็นแบบ long term ก็ได้ กับแพ็คเกจใหม่ ที่พึ่งจะ แง้ม solution ได้ไม่ทันจะ release ให้ได้เทสกัน เจ้ากรรมคนจ้องจะใช้ก็มีไม่น้อย สั่งทำเว็บไซต์ด้วยแพ็คเกจนี้ทันที เศร้าสิค่ะพี่น้อง!!!! ก็เค้าอยากได้บน TYPO3 เวอร์ชั่นล่าสุด ทำยังไงหล่ะทีนี้ หยิบนู่น หยิบนี่ ใส่ใน Include static (from extensions) ก็ไม่เห็นมีไรเกิดขึ้น นั่งทำอยู่ 3 วัน เลยเศร้าใจ T_T ไม่ไหวแระ ต้องเคลียร์กับลูกค้าซะก่อน แค่กำลังคิดจะคุยกับลูกค้า…. ดันคิดได้ว่าเราเคยมีเคสแบบนี้นิหน่า สด […]

    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 »
  • วิธีแก้ปัญหาฟังก์ชั่น Zoom ใน Firefox

    หากไม่ได้สังเกตอะไร ก็คงจะผ่านเลยไปและไม่รู้ถึงปัญหาที่เกิดขึ้น สำหรับการใช้ฟังก์ชั่น zoom ใน css เพื่อสร้างสีสัน ให้กับเว็บไซต์ของเรา ปัญหาก็คือ zoom property ไม่สามารถใช้งานได้ใน Firefox ก็เลยต้องหาวิธีแก้ปัญหา ให้สามารถทำงานได้เหมือนกับ browser ตัวอื่น CSS Zoom property จะสามารถทำงานได้ใน IE 5.5+ Opera Safari 4 และ Chrome เท่านั้น ส่วน Firefox ตั้งแต่เวอร์ชั่น 3.5 ขึ้นไปจะใช้ -moz-transform property แทน มาดูตัวอย่างกันเลย div.mytestzoom { zoom: 1.2; /* all browsers */ -moz-transform: scale(1.2); /* Firefox */ }

    Read more »
  • มาทำความสะอาดโค้ด TYPO3 กันเถอะ

    ในระหว่างที่กำลังนั่งพัฒนาแพ็คเกจตัวใหม่ เพื่อให้ใช้งานได้ง่ายขึ้น และรองรับกับ Features ใหม่ ๆ ที่กำลังจะมาถึง ก็เลยคิดว่า หนึ่งในนั้นก็น่าจะเป็นเรื่องของการ clean up code ให้สะอาด เวลาโหลดหน้าเว็บไซต์แล้ว จะได้ไม่รอนานจนน่าเบื่อ เพราะเว็บไซต์มัวแต่โหลดสิ่งที่ไม่จำเป็นสำหรับการแสดงผลนั่นเอง TYPO3 มี TypoScript สำหรับการเปิดใช้งานฟังก์ชั่นการทำงานต่าง  ๆ ที่อำนวยความสะดวกให้กับเราเป็นอย่างมาก แต่ก็ต้องการความเข้าใจอยู่ไม่ใช่น้อยเหมือนกัน เอาเป็นว่า เข้าเรื่องสั้น ๆ และก็ง่าย ๆ กันเลยดีกว่า ปกติ TypoScript สำหรับการ Clean Up จะกำหนดที่ Setup # ปิดการทำงานของ prolog config.xmlprologue = none # ปรับแต่ง RTE ให้ทำงานได้ดีขึ้น lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.P.class > lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.remapTag > lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.DIV.class > # ลบแท็กที่ไม่จำเป็นสำหรับภาพ styles.content.imgtext.caption.1.wrap […]

    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 »

Back to Top