Tạo menu bottom – footer bottom trong joomla

Chào mọi người, một web site cần có những phần riêng biệt như: liên kế bạn bè, about, các thể loại… từ đó người ta nghĩ đến một hệ thống menu bottom hay footer bottom, và hôm nay chúng ta sẽ làm các công việc đó ở joomla web bán hàng online.

Tính năng cũng khá cần thiết, nó giúp trang web chúng ta thêm phong phú và dễ dang cho người dùng khai thác thông tin từ website. Bạn có thể hình dung như ở footer của bcdonline.net.

Menu footer trong bcdonline net

Menu footer trong bcdonline net

Thay vì hai cột thì có thể làm thanh bốn cột: Chuyên mục, liên kết bạn bè, about, giải trí. Bây giờ chúng ta tiến hành công việc thôi.

Cũng lưu ý với các bạn, ở template chúng ta đã có các vị trí của menu footer nên không cần khai báo, nếu sử dụng template joomla khác bạn phải tạo các vị trí đó đồng thời định dạng CSS cho nó.

Tạo position menu footer trong template joomla

Đây là cách mà bạn khai báo position cho template(nếu bạn sử dụng template mình share thì không cần làm công việc này). Bạn vào trang index.php của template joomla đang sử dụng kéo xuống phần dưới cùng khai báo các dòng code sau.

<!--
<div id="s5_bottom_row_5">

		<?php if($this->countModules('bottom_row_1')) { ?>
		<div id="s5_bottom_row_1_mod" style="width:<?php echo $bot_row ?>">
		<div id="s5_bottom_row_1_inner_mod"<?php if($this->countModules('bottom_row_2') || $this->countModules('bottom_row_3') || $this->countModules('bottom_row_4')) { ?> style="padding-right:15px"<?php } ?>>
			<jdoc:include type="modules" name="bottom_row_1" style="rounded" />
		</div>
		</div>
		<?php } ?> 
		<?php if($this->countModules('bottom_row_2')) { ?>
		<div id="s5_bottom_row_2_mod" style="width:<?php echo $bot_row ?>">
		<div id="s5_bottom_row_2_inner_mod"<?php if($this->countModules('bottom_row_3') || $this->countModules('bottom_row_4')) { ?> style="padding-right:15px"<?php } ?>>
			<jdoc:include type="modules" name="bottom_row_2" style="rounded" />
			<div style="clear:both"></div>
		</div>
		</div>
		<?php } ?> 
		<?php if($this->countModules('bottom_row_3')) { ?>
		<div id="s5_bottom_row_3_mod" style="width:<?php echo $bot_row ?>">
		<div id="s5_bottom_row_3_inner_mod"<?php if($this->countModules('bottom_row_4')) { ?> style="padding-right:15px"<?php } ?>>
			<jdoc:include type="modules" name="bottom_row_3" style="rounded" />
			<div style="clear:both"></div>
		</div>
		</div>
		<?php } ?> 
		<?php if($this->countModules('bottom_row_4')) { ?>
		<div id="s5_bottom_row_4_mod" style="width:<?php echo $bot_row ?>">
		<div id="s5_bottom_row_4_inner_mod">
			<jdoc:include type="modules" name="bottom_row_4" style="rounded" />
			<div style="clear:both"></div>
		</div>
		</div>
		<?php } ?> 
		
		<div style="clear:both"></div>

</div>
-->

Sau đó vào file .xml để khai báo để trong admin chúng ta cài đặt sẽ thấy được các vị trí này. Bạn tham khảo bài: khai báo file trong template joomla.

<!--
<positions>
	<position>bottom_row_1</position>
	<position>bottom_row_2</position>
	<position>bottom_row_3</position>
	<position>bottom_row_4</position>	
</positions>
-->
Tạo menu footer – bottom footer

Đây thật ra là 4 menu bình thường dàn theo hàng ngang, bạn tham khảo bài menu trong joomla sau đó tiến hành các công việc sau.

Bạn tạo menu footer 1 như trong hướng dẫn ở bài bạn vừa xem.

Tạo  menu footer trong joomla

Tạo menu footer trong joomla

Sau đó bạn click vào menu-footer-1 và tạo các chuyên mục cho menu ví dụ: wordpress, joomla, đồ họa, lập trình.

Tạo chuyên mục - link cho menu footer 1 vừa khởi tạo

Tạo chuyên mục - link cho menu footer 1 vừa khởi tạo

Sau đó bạn tạo một module menu để hiển thị menu vừa tạo ra ngoài.

Tạo module menu mới để hiển thị menu footer 1

Tạo module menu mới để hiển thị menu footer 1

Tiếp theo bạn kích hoạt module lên nhập tiêu đề, và vị trí hiển thị menu mà lúc nảy chúng ta đã tạo bottom_row_1.

Tùy chỉnh menu footer chuyên mục trong joomla

Tùy chỉnh menu footer chuyên mục trong joomla

Phẩn tiếp đến cũng là quan trọng, bạn tùy chỉnh parameters chọn menu muốn hiển thị: menu-footer-1 mà ta vừa tạo lúc nảy.

Tùy chỉnh parameters trong module joomla bootom

Tùy chỉnh parameters trong module joomla bootom

Sau khi hoàn thành các công việc trên bạn save lại và tra trang chủ xem, bạn sẽ thấy được kết quả. Tương tự như thế bạn tạo thêm ba menu còn lại và tiến hành set vị trí cho nó từ 2,3,4.

Bạn sẽ được kết quả như sau:

Kết quả menu footer - chuyen muc bottom

Kết quả menu footer - chuyen muc bottom

Kết luận: Vậy là đã tạo được menu footer, bạn có thể trình bày liên kết bạn bè, thông tin trang web… Đây là cách làm giới thiệu các bạn phát triển thêm nha! Chúc thành công!

VN:F [1.9.22_1171]
Rating: 8.0/10 (2 votes cast)
Tạo menu bottom - footer bottom trong joomla, 8.0 out of 10 based on 2 ratings
Share This