การเรียกไฟล์ CSS ในหน้า CMS

ในการจัดหน้าใน CMS เราต้องเขียน CSS กำกับด้วยเสมอเพื่อความสวยงาม ซึ่งไฟล์ CSS นั้น ปรกติจะเก็บไว้ที่ Folder ของ Template หากเราต้องการที่จะ เพิ่ม CSS ก็จะไปเขียนต่อท้าย ในไฟล์ CSS ของ Template ซึ่งก็จะทำให้ไฟล์ CSS ของ Template นั้นมีขนาดใหญ่ขึ้น และ Code CSS นั้น จะถูกเรียกทุุกครั้ง ในทุกๆ หน้าที่เราเรียกใช้งานเว็บ มีผลต่อความเร็วเว็บด้วยเพราะต้องโหลดไฟล์ขนาดใหญ่ขึ้น

ทั้งๆ ที่ความจริงแล้ว เราต้องการใช้ Code CSS ที่เพิ่มเข้ามา เพื่อจัดหน้าเพียงแค่หน้าเดียวเท่านั้น ดังนั้น การเรียกใช้ CSS ในเฉพาะส่วนที่ต้องการน่าจะดีกว่า

หรือหากต้องการจัดหน้า CMS ให้มีความแตกต่าง จากหน้าอื่นๆ ที่มีในเว็บไซต์ ก็สามารถใช้วิธีการเรียกก Code CSS แบบนี้ได้เช่นกัน

การเรียกไฟล์ CSS เฉพาะหน้า CMS นั้นๆ สามารถทำได้โดยใช้ Code ดังต่อไปนี้

<reference name="head">
<action method="addItem"><type>skin_css</type><name>css/cms.css</name></action>
</reference>

โดย Code ดังกล่าว ให้วางไว้ที่ TAB : Design ใน Layout Update XML ซึ่งอยู่ในหน้า CMS นั้นๆ

คลิ๊กที่รูป เพื่อดูขนาดที่ใหญ่ขึ้น