• เพิ่มลูกเล่น Accordion ให้กับ tt_news ด้วย JQuery ใน TYPO3 แบบง่าย ๆ

    หลาย ๆ คนคงกำลังมองหา feature ที่สามารถปรับแต่งให้เกิดความน่าสนใจกับเว็บไซต์ ด้วยการนำสิ่งที่มีอยู่ในระบบเช่น ระบบข่าวสาร มาใส่ลูกเล่นเพื่อให้เกิดการตอบโต้กับผู้ใช้งาน เช่น การคลิ๊กแล้วเปิดเนื้อหาข่าว แทนที่จะลิ้งก์ไปที่หน้าใหม่ เพื่อดูรายละเอียดของข่าวนั้น ๆ แล้วต้องเตรียมอะไรบ้างหล่ะ? 1. tt_news HTML Template ที่มีการ Customize ใส่ Class และตำแหน่งที่ต้องการเช่น <div class=”news-list-container”> <!– ###CONTENT### begin –> <!– ###NEWS### begin –> <div class=”news-list-item-accordion”> <h2 class=”acc_trigger”>###NEWS_TITLE###</h2> <div class=”acc_container”> <div class=”block”> ###NEWS_CONTENT### </div> </div> </div> <!– ###NEWS### end–> <!– ###CONTENT### end –> </div> 2. CSS […]

    Read more »
  • พบข้อผิดพลาดในการติดตั้ง TYPO3 4.6 ครั้งแรกจะทำยังไง?

    หากคุณกำลังปวดหัวกับข้อผิดพลาดของ TYPO3 Version 4.6 ที่ลองติดตั้งอยู่แล้วละก็ ขอให้ตั้งสติกันสักหน่อย ค่อย ๆ อ่านข้อผิดพลาดที่พบแล้วลองตรวจสอบเบื้องต้นก่อนว่า 1. เรากำลังติดตั้ง TYPO3 4.6 อยู่บน PHP เวอร์ชั่น 5.3 อยู่หรือเปล่า ถ้าไม่ใช่ ก็ควร Update นะค่ะ 2. ตรวจสอบที่ PHP.INI นะค่ะ ว่าเปิดการทำงานของ extension=php_openssl.dll หรือยัง ถ้ายังก็ไปเปิดการทำงานให้เรียบร้อย แล้ว restart apache อีกทีนึงค่ะ เท่านี้ก็สามารถติดตั้งและทดสอบ TYPO3 4.6 ได้แล้วค่ะ

    Read more »
  • TYPO3 และการซ่อนหน้าที่ยังไม่มีการแปลภาษา

    หลาย ๆ คนอาจจะปวดหัวกับการแปลภาษาในระบบการจัดการเนื้อหา TYPO3 ที่บางหน้ามีการแปลภาษาแต่ไม่มีเนื้อหาในภาษานั้น ๆ ก็เลยอยากที่จะซ่อนหน้าที่ไม่มีภาษานั้น ๆ เอาไว้ ส่วนการจัดการของผู้ดูแลระบบ ให้เข้าไปที่ Edit Page Properties ค่ะ เลือกแถบการแสดงผลชื่อ Behaviour ค่ะ คุณจะเห็นโหมด Language Localization อยู่ ให้ทำเครื่องหมายที่หน้า Hide page if no translation for current language exists อย่าลืมบันทึกนะค่ะ จากนั้นเคลียร์แคช แล้วทำการ Refresh ที่หน้าเว็บเพื่อดูความแตกต่างค่ะ ตัวอย่าง Interface

    Read more »
  • แก้ปัญหา backend interface error

    มือใหม่อาจจะข้องใจกับปัญหาที่เกิด และยังคงไม่เข้าใจว่าเกิดขึ้นได้อย่างไร เมื่อคุณเจอปัญหาดังภาพข้างล่างนี้ วิธีแก้ปัญหาคือให้คุณเปิดการใช้งาน Compression ที่ .htaccess บรรทัดบนสุดของไฟล์ ดังนี้ค่ะ <FilesMatch “\.js\.gzip$”> AddType “text/javascript” .gzip </FilesMatch> <FilesMatch “\.css\.gzip$”> AddType “text/css” .gzip</FilesMatch> AddEncoding gzip .gzip ทำการบันทึกไฟล์และลองรีเฟรช (Ctrl+F5) อีกครั้งค่ะ ^^ ทีนี้ก็สามารถทำงานกันได้แล้วค่ะ มีความสุขในการเรียนรู้ TYPO3 กับ ไอบีเอสกรุงเทพนะค่ะ

    Read more »
  • TYPO3 และการกำหนดค่า ไม่อนุญาตให้คลิ๊กขวาบนหน้าเว็บไซต์ (Simple Right Click Disable on TYPO3)

    เพื่อเป็นการป้องกันข้อมูลบนหน้าเว็บและสร้างความรำคาญเล็กน้อยให้กับบรรดา “นักก๊อปปี้ข้อมูลหน้าเว็บไซต์คนอื่นแล้วนำมาวางเพื่อเป็นข้อมูลของตัวเอง” เราใช้ JavaScript โค้ดแบบไม่ซับซ้อนมาก ทำการกำหนดค่าให้อยู่ในส่วนของ header ซึ่งสามารถกำหนดได้ใน TYPO3 Template Setup ดูตัวอย่างด้านล่างนี้ค่ะ page.headerData.20110825 = TEXT page.headerData.20110825.value ( <script language=JavaScript> var message=”Function Disabled!”; function clickIE4(){ if (event.button==2){ return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function(“return false”) </script> […]

    Read more »
  • compression level ใน TYPO3 คืออะไร

    หนึ่งในข้อสำคัญสำหรับการแสดงผลข้อมูลเว็บไซต์ คือประสิทธิภาพในการแสดงผลที่รวดเร็วและถูกต้อง มีระยะเวลาในการโหลดข้อมูลไม่มาก ทำให้ผู้ใช้งานไม่เบื่อที่จะเข้ามาเยี่ยมชมเว็บไซต์ของเราด้วย TYPO3 มีการเตรียมการทำงานฟังก์ชั่นการทำงานให้เกิดประสิทธิภาพนั่นก็คือการบีบอัดข้อมูล เพื่อให้ข้อมูลที่ส่งผ่านเครือข่ายระหว่างเซิร์ฟเวอร์และไคลเอนท์มีขนาดไม่ใหญ่มาก ทำให้ใช้เวลาในการรับส่งข้อมูลระหว่างกันน้อยลงนั่นเอง Compression Level ใน TYPO3 คือ API สำหรับการบีบอัดข้อมูลทั้งส่วนที่เป็นด้านหน้าการแสดงผล และส่วนของผู้จัดการระบบ เพื่อช่วยให้ TYPO3 โหลดข้อมูลได้เร็วขึ้น การกำหนดค่าของ Compression มีดังนี้ ขั้นแรกให้ไปเพิ่มการกำหนดค่าการทำงานใน localconf.php ที่อยู่ภายใต้โฟลเดอร์ typo3conf ด้วยสองบรรทัดข้างล่างนี้ $TYPO3_CONF_VARS[‘BE’][‘compressionLevel’] = ‘9’; $TYPO3_CONF_VARS[‘FE’][‘compressionLevel’] = ‘7’; จากนั้นให้ไปเพิ่มค่าใน .htaccess ไฟล์เพื่อระบุให้กับ apache เข้าใจของค่าที่เรากำหนดนี้ <FilesMatch “\.js\.gzip$”> AddType “text/javascript” .gzip </FilesMatch> <FilesMatch “\.css\.gzip$”>  AddType “text/css” .gzip </FilesMatch> AddEncoding gzip .gzip การที่คุณจะใช้งานระบบนี้ได้ ก็ต้องแน่ใจว่าเซิร์ฟเวอร์เปิดการใช้งาน gzip […]

    Read more »
  • แพ็คเกจ TYPO3 ตัวใหม่ (ibstvbeta 4) ฝีมือคนไทย มีให้ดาวน์โหลดแล้วจ้า

    หลังจากที่เราไอบีเอสกรุงเทพได้ซุ่มซ้อมการพัฒนาแพ็คเกจติดตั้งพร้อมสร้างเว็บไซต์แบบมืออาชีพด้วย TYPO3 มานานหลายเดือน วันนี้ถึงเวลาแล้วที่จะปล่อยตัวเวอร์ชั่นตัวใหม่ออกมาให้กับทุก ๆ คนได้ใช้งานกัน ตัวอย่างแพ็คเกจประกอบไปด้วยฟังก์ชั่นการทำงานสำคัญ ๆ ดังนี้ โครงสร้างแม่แบบด้วย typoscript ใช้ templavoila สำหรับการสร้าง multi-layouts CSS Framwork ด้วย YAML สนับสนุน CSS3 HTML5 สำหรับการแสดงผลหน้าเว็บ รองรับการทำงานของ SEO และฟังก์ชั่นการทำงานอื่นๆ อีกมากมาย หากคุณคือคนหนึ่งที่สนใจในการใช้งาน TYPO3 อย่าพลาดในการดาวน์โหลดแพ็คเกจมาใช้กันนะค่ะ << ดาวน์โหลดแพ็คเกจใหม่ที่นี่ >>

    Read more »
  • แนะนำลิ้งสำหรับการเริ่มต้น TYPO3

    หลายต่อหลายครั้งที่เวลาเราค้นหาข้อมูลของระบบการจัดการเนื้อหาข้อมูลอย่างเช่น TYPO3 อาจทำให้ “มือใหม่หัดใช้” อย่างเราก็คงปวดหัวไม่น้อยทีเดียวที่จะต้องหาข้อมูลต่าง ๆ นานา เพื่อให้สามารถพัฒนาเว็บไซต์จากฟรีซอฟต์แวร์ตัวนี้ วันนี้ก็เลยเริ่มต้นแนะนำลิ้งก์ที่น่าสนใจเกี่ยวกับ TYPO3 สำหรับอ้างอิงเพื่อพัฒนาเว็บไซต์ในส่วนต่าง ๆ ดังนี้ค่ะ หากเราเป็นมือใหม่ก็ขอให้ลองอ่าน การติดตั้งและปรับปรุง ที่เว็บไซต์หลักของซอฟต์แวร์ ถึงแม้จะเป็นภาษาอังกฤษ แต่ก็ไม่หนักหนาสำหรับผู้ที่มีความตั้งใจในการเรียนรู้ และถือเป็นโอกาสที่เราจะได้เรียนรู้การอ่าน และการทำความเข้าใจในภาษาอังกฤษด้วย หรือหากจะใช้สำหรับการอ้างอิงและเปรียบเทียบกับเว็บไซต์หลักที่เป็นภาษาไทย ก็สามารถเรียนรู้ผ่านแพ็คเกจสำหรับคนไทยได้ที่เว็บไซต์นี้ค่ะ

    Read more »

Back to Top