Cách Thay đổi Chiều Rộng Mẫu Joomla

Mục lục:

Cách Thay đổi Chiều Rộng Mẫu Joomla
Cách Thay đổi Chiều Rộng Mẫu Joomla

Video: Cách Thay đổi Chiều Rộng Mẫu Joomla

Video: Cách Thay đổi Chiều Rộng Mẫu Joomla
Video: Five Free Joomla Page Templates 2024, Tháng tư
Anonim

Joomla là một trong những CMS có thể tùy chỉnh và thân thiện với người dùng nhất hiện có. Sử dụng các khả năng của hệ thống quản lý trang web này, bạn không chỉ có thể lấp đầy trang web với nhiều chức năng khác nhau mà còn có thể thay đổi diện mạo của nó dựa trên các mẫu đã cài đặt.

Cách thay đổi chiều rộng mẫu joomla
Cách thay đổi chiều rộng mẫu joomla

Hướng dẫn

Bước 1

Mở trang chủ của trang web của bạn. Trong menu của trình duyệt bạn đang sử dụng, hãy chọn chức năng xem mã nguồn của trang. Trong Google Chrome, công cụ này nằm trong "Công cụ" - "Xem nguồn", trong Firefox - "Phát triển web" - "Nguồn". Nếu bạn đang sử dụng Opera, hãy chọn View - Development Tools - Source Code để xem mã HTML.

Bước 2

Tìm phần xử lý và xem tất cả các div và tên của chúng. Mở tệp template.css của mẫu của bạn bằng bất kỳ trình soạn thảo văn bản nào và tìm một khối đặt chiều rộng rõ ràng. Ví dụ, nếu nó ở sau, thì trong tệp mẫu, hãy tìm khối tên. Để đơn giản hóa việc tìm kiếm, bạn có thể sử dụng chức năng "Chỉnh sửa" - "Tìm kiếm" của cửa sổ soạn thảo. Duyệt qua tất cả các div được liệt kê trong mã nguồn của trang.

Bước 3

Trong thông số chiều rộng, hãy nhập giá trị mong muốn theo phần trăm hoặc pixel. Xem lại phần còn lại của các khối có cùng chiều rộng và thay đổi chúng theo cách tương tự. Ví dụ: nếu bạn đã thêm 200 pixel vào chiều rộng trong lớp chính, thì bạn cần thêm 200 pixel tương tự vào các khối khác.

Bước 4

Sau khi hoàn thành các thay đổi, hãy lưu tệp và xem kết quả, chỉnh sửa lại template.css nếu cần. Nếu bạn sử dụng hình ảnh làm nền của các khối trong mẫu, thì rất có thể bạn sẽ phải thay đổi kích thước của chúng. Ngoài ra, đối với mỗi div, bạn có thể đặt màu nền của riêng nó, màu này có thể thay thế cho hình ảnh đơn sắc. Nếu có một biểu trưng trong thiết kế trang web, thì bạn có thể kéo dài nó bằng bất kỳ trình chỉnh sửa đồ họa nào. Bạn cũng có thể sử dụng hình ảnh của riêng mình trong các mẫu.

Đề xuất: