สร้าง Template ใน Joomla


แชร์ ความรู้ในการ พัฒนา Joomla Component Extension Module Plugin

Moderators: mindphp, ผู้ดูแลกระดาน

User avatar
bankjittapol
PHP Super Member
PHP Super Member
Posts: 344
Joined: 21/10/2019 10:19 am

สร้าง Template ใน Joomla

Post by bankjittapol » 20/11/2019 8:05 pm

สร้าง Template ใน Joomla
การสร้าง template โดยให้แสดงผลตามเว็บไซต์ตัวอย่างที่เราเลือก โดย template คือ เค้าโครง หรือรูปแบบฟอร์มของเว็บไซต์ เพื่อเพิ่มความสวยงามให้กับเว็บไซต์ และออกแบบเว็บไซต์ตามที่ต้องการ ซึ่งถ้าหากศึกษาบทความนี้แล้วไม่เข้าใจ แนะนำให้ศึกษาในวิดีโอนี้ Joomla template Develop

เว็บไซต์ที่ต้องการทำเป็น template https://getbootstrap.com/2.3.2/examples/carousel.html
สร้าง Template ใน Joomla 11.png
https://getbootstrap.com/2.3.2/examples/carousel.html
11.png (97.25 KiB) Viewed 43 times
กำการ คัดลอก folder template แล้วเปลี่ยนชื่อ เป็น example
Image

แก้ไขชื่อ ให้ตรงกับ ชื่อ template
Image

กำหนด position module ที่ต้องการ ซึ่งในที่นี้ใช้เพียง menu slide top-content footer และ debug
Image

เปลี่ยนตัวแปรภาษาให้เป็นชื่อ template
Image

กลับไปที่เว็บไซต์ต้นแบบ view source คัดลอก ส่วนของคำสั่งใน body tag ยกเว้น คำสั่งส่วนของ javascipt วางใน body ไฟล์ index

Image

ใส่คำสั่ง ในตำแหน่งที่ต้องการ ของ position module
Image
คำสั่งที่ใช้กำหนด ตำแหน่ง position module ต่างๆ คือ

Code: Select all

	
	<jdoc:include type="modules" name="menu" style="none" />
	<jdoc:include type="modules" name="slide" style="none" />
	<jdoc:include type="modules" name="top-content" style="none" />
	<jdoc:include type="modules" name="footer" style="none" />
	<jdoc:include type="modules" name="debug" style="none" />
	
	

คำสั่งเรียกใช้ ไฟล์ css ซึ่งใน code ของตัวอย่าง จะมี css อยู่ ซึ่งต้องทำการสร้างไฟล์ .css ขึ้นมาแล้วเรียกใช้ไฟล์ index และในคำสั่ง คือ ไฟล์ชื่อ example.css

Code: Select all

$document = Joomla\CMS\Factory::getDocument();
$document->addStyleSheet(JUri::root() . 'templates/example/css/example.css');
เข้าสู่หน้า admin เลือก Extensions ไปที่ manage แล้วเลือก Discover จากนั้นจะเจอ template ที่เราสร้าง ให้เลือก template แล้วกด install
Image

หน้าแสดงผล จะได้
Image
ซึ่งเราสามารถแก้ไขเพิ่มเติมลงไปได้ นั่นเอง

Return to “Joomla Developing Knowledge”

Users browsing this forum: No registered users and 1 guest