Joomla là một hệ thống quản lý trang web đa chức năng (CMS) cho phép bạn thực hiện hầu hết mọi cài đặt tài nguyên. Chức năng "Mẫu" chịu trách nhiệm hiển thị các phần tử trên các trang của trang web trong CMS này. Mỗi mẫu có thể được cài đặt tự động hoặc được tạo độc lập bởi quản trị viên web.
Nó là cần thiết
- - kỹ năng sử dụng HTML và CSS;
- - một gói bất kỳ mẫu Joomla nào.
Hướng dẫn
Bước 1
Trước khi tạo bố cục của bạn, hãy chọn một mẫu mà bạn sẽ sử dụng để viết mã của riêng mình. Điều này sẽ giúp bạn tiết kiệm thời gian và tránh viết những dòng mã không cần thiết, tiêu chuẩn cho Joomla và được sử dụng khi cài đặt bất kỳ skin nào.
Bước 2
Sao chép mẫu vào một thư mục riêng và mở tệp templateDetails.xml trong thư mục gốc của nó. Tài liệu này chứa thông tin dịch vụ, mô tả và tên của bố cục. Sửa đổi các khối bắt buộc khi bạn thấy phù hợp. Ví dụ, bạn có thể chỉnh sửa bộ mô tả để thay đổi tên tác giả thành tên của bạn, chỉ định email, địa chỉ trang chủ. Trên dòng, bạn có thể nhập tên cho bố cục trong tương lai của mình.
Bước 3
Chuyển đến khối của tệp đang được chỉnh sửa. Loại bỏ tất cả các bộ mô tả là một phần của khối này, bắt đầu bằng gỡ lỗi và kết thúc bằng vị trí 14, chỉ để lại một bộ mô tả sau thao tác. Tương tự, xóa các dòng và Ngôn ngữ.
Bước 4
Sau khi thực hiện các thao tác, hãy lưu các thay đổi trong tệp và xóa thư mục ngôn ngữ trong thư mục có các tệp mẫu. Sau đó, mở tệp index.php bằng trình chỉnh sửa bạn đang sử dụng và xóa tất cả nội dung ngoại trừ dòng:
<? php
được xác định (‘_ JEXEC’) hoặc chết; ?>
Bước 5
Đặt tên bất kỳ cho thư mục mẫu, sau đó đóng gói nó vào một kho lưu trữ bằng chương trình lưu trữ, nhấp chuột phải vào thư mục mẫu của bạn và chọn "Tạo kho lưu trữ …". Tệp bạn tạo phải có đuôi.zip.
Bước 6
Đi tới bảng quản trị tài nguyên và chuyển đến phần "Mẫu". Sử dụng thao tác cài đặt, nhập kho lưu trữ bạn vừa tạo và đợi thông báo về việc cài đặt thành công. Sau đó, kích hoạt mẫu kết quả bằng cách chọn nó từ menu mặc định.
Bước 7
Vẽ một thiết kế mẫu cho mẫu tương lai của bạn và viết mã HTML thích hợp trong tệp index.php tương ứng. Tạo mã bằng cách sử dụng một số tính năng của động cơ. Vì vậy, bạn có thể nhập lệnh để tự động thay thế các tiêu đề Joomla chuẩn:
Mã này sẽ bao gồm tất cả các thẻ bắt buộc trong phần của trang.
Bước 8
Bạn có thể nhập mã bảng xếp tầng của riêng mình vào template.css trong một trong các thư mục tài nguyên. Sau khi tạo một mẫu css mới, hãy đưa nó vào tệp index.php của bạn bằng cách sử dụng
-
/ template / bản mẫu; ? & rt; /css/template.css”type =“text / css”>.
Bước 9
Tiếp theo, tạo đánh dấu trang bằng mã HTML. Để làm điều này, hãy tiếp tục chỉnh sửa index.php theo mẫu đã cho của bạn. Nếu cần, hãy thêm các vị trí bạn muốn vào khối tệp templateDetails.xml, gán các ID thích hợp cho từng phần trong thiết kế của bạn. Vì vậy, để thiết lập các tham số tiêu đề, bạn có thể tạo một Head và đưa tham số này vào tệp index.php như sau:
Bước 10
Sau khi tạo phần đầu mới, bạn có thể chỉnh sửa nó thông qua cửa sổ Joomla trong trình quản lý mô-đun. Để làm điều này, hãy tạo một ấn phẩm mới và chèn văn bản và hình ảnh cần thiết sẽ được hiển thị trong tiêu đề. Làm tương tự với tất cả các phần tử của giao diện bạn đang tạo và lưu tất cả các thay đổi bạn đã thực hiện.
