เว็บบอร์ด PHP เว็บส่งเสริมการเรียนรู้ Hosting CRM ERP Server Programming ถาม-ตอบปัญหา

<link rel="stylesheet" href="/file.css"> 

$document = JFactory::getDocument(); 

$document->addStyleSheet($url);

$document->addScript($url);

<?php 
$document->addScript('file.js');
?>

<?php 
$document->addStyleSheet('file.css');
?>

ในเรื่อของ Joomla เราจะมีตัวส่วนเสริมที่เราสามารถใช้ในการขายสินค้าออนไลน์ได้สะดวก ส่วนนั้นก็คือ ตัว [url=https://www.mindphp.com/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD/manual-joomla-extension-by-mindphp/6711-what-is-mooziicart.html]MooZiicart[/url] ที่สามารถสร้าง หมวดหมู่สินค้าและสินค้าได้ง่าย ๆ โดยไม่ต้องเขียนโปรแกรม และในบทความนี้เราจะมาพูดถึงเรื่องการทำ Module ขึ้นเอง Module ของ MooZiicart คือ ส่วนที่แสดงผลบนเว็บไซต์ตามตำแหน่ง ที่ผู้ดูแลระบบได้สร้างไว้ โมดูลก็จะมีหลายโมดูลให้เราได้เลือกใช้กัน อย่างเช่น เราจะสร้าง Module Login ก็สามารถเพิ่มได้เลย ที่เรากล่าวมาว่าจะทำ โมดูลขึ้นเอง ก็จะสามารถแสดงสินค้าแบบ สุ่มได้ แสดงสินค้าแบบ เรากำหนดเอง และในเรื่องความสวยงาม เราก็จะไม่พ้น CSS และ ไฟล์ JS ที่ [url=https://mindphp.com/%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1/34-joomla/4182-what-is-joomla-extension.html]Extension[/url] ของ Joomla จะต้องใช้
ถ้าเราเขียนโปรแกรมใน ภาษา PHP ทั่วไป เราก็จะเรียก ใช้ฟังก์ชันนี้
[code=php]<link rel="stylesheet" href="/file.css"> [/code]

แต่ถ้าเราเขียนใน Joomla เราจะต้องใช้ฟังก์ชันนี้ครับ
[color=#008000]
วิธีการใช้งาน[/color]
[color=#FF0080]1. ให้เราเขียน[/color]
[code=php]$document = JFactory::getDocument(); [/code]
[color=#FF0040]2. เลือกที่จะใช้งานว่า จะเลือกไฟล์ไหนเข้าใช้งาน[/color]
[color=#BF0000]ถ้าเราจะเรียกใช้ไฟล์ CSS[/color]
[code]$document->addStyleSheet($url);[/code]
[color=#BF0000]ถ้าเราจะเรียกใช้ไฟล์ JS[/color]
[code]$document->addScript($url);[/code]


[color=#BF0000]โค้ดนี้ยก ตัวอย่าง ไฟล์ Js ก็จะใช้แบบนี้ครับ[/color]
[code=php]
<?php 
$document->addScript('file.js');
?>
[/code]
[color=#BF0000]
ตัวอย่าง ไฟล์ CSS ก็จะใช้แบบนี้ครับ[/color]
[code=php]
<?php 
$document->addStyleSheet('file.css');
?>
[/code]

เรามีวิธีเช็คไฟล์ ก็คือ ให้เรากด คลิกขวาที่หน้าเว็บเพจครับ แล้วกด [color=#000080]Inspect[/color] > [color=#000080]Network[/color] > [color=#FF4000]CSS[/color] แล้วกด Refresh 1 รอบครับจะขึ้นไฟล์ CSS ที่เราเรียกใช้มา
[attachment=0]Selection_999(262).png[/attachment]