Giới thiệu

Bài viết này chỉ cho bạn từng bước về cách bạn có thể tạo một mẫu Joomla. Bạn sẽ tìm hiểu các tệp và mã cần thiết để tạo mẫu Joomla. Bạn có thể sao chép và dán mã và sử dụng chúng theo cách của chúng hoặc điều chỉnh tối thiểu cho chúng tùy theo nhu cầu của bạn.


Bước 1: Thiết lập cấu trúc thư mục

Để thiết kế một mẫu Joomla cơ bản, hãy nhấp vào thư mục tạo một thư mục mới. Bạn sẽ tìm thấy điều này trong thư mục mẫu. Đặt tên cho thư mục. Tên phải là, một tên bạn sử dụng cho mẫu của bạn (mynewtemplate).
Với việc sử dụng trình soạn thảo văn bản ưa thích nhất của bạn, hãy tạo các tệp index.php và templateDetails.xml. Để duy trì cấu trúc được sắp xếp hợp lý, hãy tạo 2 thư mục mới được biết như hình ảnhcss. Trong css thư mục, tạo một tệp được gọi là template.css.

Không sao nếu bạn đặt mã CSS của bạn thẳng vào tệp index.php ngay từ đầu. Tuy nhiên, rất nhiều nhà thiết kế web thích đặt mã CSS của họ vào một tệp khác và sau đó kết nối nó với nhiều trang bằng thẻ liên kết. Đặt thẳng nó cũng có thể làm giảm thời gian tải trang của bạn vì các tệp khác nhau có thể được lưu trữ.

Chạy các lệnh dưới đây để thiết lập cấu trúc thư mục và tệp:

* mynewtemplate /
** css /
*** template.css
** hình ảnh /
** index.php
** templateDetails.xml

Bước 2: Tạo một tệp templateDetails.xml cơ bản

Điều rất quan trọng là bạn tạo tệp templateDetails.xml. Đây là tập tin cho phép Joomla xác định mẫu của bạn. Tệp này chứa siêu dữ liệu chính ký gửi mẫu mà bạn đã tạo.

Cấu trúc câu của tệp thay đổi từ phiên bản Joomla này sang phiên bản khác.

Đối với Joomla 1.5, hãy chạy lệnh dưới đây:

<?phiên bản xml ="1" mã hóa ="utf-8"?>

mynewtemplate
2008-05-01
John Doe
[email protected]
http://www.example.com
John Doe 2008
GNU / GPL
1.0.2
Mẫu mới của tôi

index.php
templateDetails.xml
hình ảnh
css

vụn bánh mì
trái
đúng
hàng đầu
người dùng1
người dùng2
người dùng3
người dùng4
chân trang

Đối với Joomla 2.5 và các phiên bản mới hơn, hãy chạy lệnh bên dưới: Alter "2,5" phiên bản Joomla vào phiên bản Joomla của bạn và cài đặt với các lệnh bên dưới:

<?phiên bản xml ="1" mã hóa ="utf-8"?>

mynewtemplate
2008-05-01
John Doe
[email protected]
http://www.example.com
John Doe 2008
GNU / GPL
1.0.2
Mẫu mới của tôi

index.php
templateDetails.xml
hình ảnh
css

vụn bánh mì
trái
đúng
hàng đầu
người dùng1
người dùng2
người dùng3
người dùng4
chân trang

Bạn sẽ phát hiện ra rằng chúng tôi có một bộ sưu tập dữ liệu qua các thẻ đánh dấu (s). Cách tốt nhất bạn có thể thực hiện là sao chép và dán nó vào tệp templateDetails.xml của bạn và thay đổi các phần thích hợp (như và).

Phần nên được tạo thành từ các tập tin mà bạn sử dụng. Có khả năng là bạn chưa nhận thức được chúng là gì. Tuy nhiên, không cần phải lo lắng. Để lại bây giờ và đến sau để cập nhật nó.

Bạn có thể sử dụng một phần, để xác định toàn bộ thư mục ngay lập tức.

Không thay đổi vị trí. Chúng là thiết lập điển hình và sẽ giúp bạn dễ dàng chuyển đổi từ các mẫu thông thường.

Bước 3: Tạo tệp index.php cơ bản

Tệp index.php là phần trung tâm của mọi trang được thiết kế trong Joomla! Về cơ bản, bạn sẽ tạo một trang tương tự như HTML. Tuy nhiên, thay vì HTML, bạn đặt mã PHP vào vị trí dành cho nội dung trang web của bạn. Các chức năng mẫu bằng cách kết hợp mã Joomla vào các vị trí mô-đun và phần thành phần trong mẫu của bạn. Bất cứ điều gì bạn thêm vào mẫu sẽ trở nên hiển thị trong mỗi trang của bạn ngoại trừ bạn kết hợp nó thông qua một trong những phần này thông qua việc sử dụng Joomla CMS (hoặc mã tùy chỉnh).

Sau đây là các mã cơ bản bạn chỉ có thể sao chép và dán vào thiết kế web của mình.

Bước 4: Thiết lập phần bắt đầu của mẫu Joomla của bạn

Một mẫu Joomla bắt đầu với các lệnh dưới đây:

<?php được định nghĩa (‘_JEXEC’) hoặc chết (‘Truy cập bị hạn chế’);?>

Dòng ban đầu ngăn các cá nhân tinh nghịch xem mã của bạn và chống lại bạn.

Dòng thành công là Tuyên bố loại tài liệu (DOCTYPE). Nó chỉ ra cho các trình duyệt web và trình thu thập dữ liệu web phiên bản HTML được triển khai trên trang. Loại tài liệu là HTML5 và phiên bản HTML mới nhất. Nó thường rất tương thích với các phiên bản trước nhưng nó đi kèm với rất nhiều chức năng mới. Bạn cần biết rằng điều này sẽ không hoạt động đúng trong Internet Explorer 8 hoặc các phiên bản trước mà không có một số hack. Bạn cần xem xét điều này và xác minh xem khách hàng của bạn cần gì để hướng dẫn bạn về loại tài liệu tốt nhất để sử dụng. Tuy nhiên, đó là những gì đang được sử dụng trong Joomla 3.6 và các phiên bản mới hơn.

Dòng tiếp theo (thứ 3) bắt đầu với tệp HTML của bạn và giải thích ngôn ngữ của trang web. Một tệp HTML được phân thành hai; đầu và thân. Phần đầu được tạo thành từ dữ liệu tài liệu trong khi phần thân được tạo thành từ mã trang web giúp bạn quản lý thiết kế.

Bước 5: Tạo khu vực đầu

Đối với người đứng đầu chạy các lệnh dưới đây:

Hàng ban đầu giúp Joomla kết hợp dữ liệu tiêu đề phù hợp bao gồm tiêu đề của trang, dữ liệu Meta cùng với JavaScript của hệ thống. Phần còn lại tạo liên kết đến hai sơ đồ: trang kỹ thuật và trang kỹ thuật cá nhân của bạn khi nó được đặt tên là template.css và được định vị trong thư mục mẫu của bạn Thư mục css. Do đó, nếu mẫu của bạn là http://www.mysite.com/tem mẫu / my_template /, các tệp css của bạn sẽ được đặt dưới dạng: http://www.mysite.com/temsheet/my_template/css/).

Bước 6: Tạo khu vực cơ thể

Để làm điều này, hãy chạy các mã dưới đây:

Nó có thể làm bạn ngạc nhiên rằng điều này đã đủ. Đó là tất cả những gì bạn cần. Mặc dù nó chỉ là bố cục cơ bản, nhưng nó sẽ đáp ứng những gì được yêu cầu. Phần còn lại sẽ được thực hiện bởi Joomla. Các hàng này, thường được gọi là các câu lệnh jdoc, thông báo cho Joomla để kết hợp kết quả từ các phần cụ thể của cấu trúc Joomla. Tuy nhiên, bạn phải đảm bảo rằng bạn đặt menu của bạn được đặt trên "hàng đầu" vị trí phần tử.

Bước 7: Đặt vị trí mô-đun

Trên đầu hàng chỉ tên ="hàng đầu" kết hợp một vị trí yếu tố được gọi là hàng đầu và để các mô-đun vị trí Joomla vào phần này của mẫu. Hàng chứa loại ="thành phần" là nơi toàn bộ bài viết và nội dung chính. Trên thực tế, nó là thành phần và cực kỳ quan trọng. Nó được định vị ở lõi của mẫu.

Bạn có thể tự do kết hợp các hàng thành phần cụ thể của mình ở bất kỳ vị trí lựa chọn nào trong cơ thể. Tuy nhiên, bạn nên kết hợp một hàng tương đương với tệp templateDetails.xml nằm bên cạnh tệp index.php của mẫu của bạn.

Bước 8: Thiết kế mẫu Kết thúc

Để kết thúc thiết kế mẫu của bạn, hãy triển khai mã bên dưới để đóng toàn bộ thiết lập.:

Bước 9: Đặt hình ảnh tùy chỉnh

Nếu bạn thích kết hợp hình ảnh trên mẫu của bạn, hãy thực hiện các lệnh dưới đây:

Bước 10: Thêm CSS tùy chỉnh

Để kết hợp css tùy chỉnh chạy mã dưới đây:

Tất cả các tệp bạn kết hợp cần phải có một hàng trong tệp templateDetails.xml cho mẫu, ngoại trừ bạn đặt nó trong một thư mục nhỏ mà bạn có thể kết hợp thành một phần tử).

Bây giờ bạn sẽ có lần cuối cùng như hình dưới đây:

<?php được định nghĩa (‘_ JEXEC’) hoặc chết (‘Truy cập bị hạn chế’);?>

Bước 11: Xác minh mẫu

Để xác minh mẫu, trong Trình quản lý mẫu, nhấp vào mẫu và sau đó chọn Mặc định để chuyển đổi mẫu sang mẫu mặc định của bạn.

Khi bạn đã hoàn thành việc này, bạn sẽ thấy ngay mẫu mới của mình nếu bạn đang sử dụng Joomla 1.5. Nó sẽ được đặt trong Trình quản lý mẫu. Bạn có thể truy cập nó bằng cách nhấp vào Tiện ích mở rộng và chọn Trình quản lý mẫu từ menu thả xuống. Nếu bạn đang sử dụng phiên bản Joomla 2.5 trở lên, trước tiên bạn nên thông báo cho Joomla rằng bạn đã thiết kế một mẫu mới.

Yếu tố này bạn cần để thực hiện việc này được gọi là Tiện ích mở rộng Khám phá và bạn có thể truy cập nó bằng cách nhấp vào Tiện ích mở rộng và sau đó Sự mở rộng Giám đốc tiếp theo là Khám phá tôib. Bằng cách nhấp vào Khám phá chuyển hướng để tìm mẫu của bạn, bạn có thể chọn mẫu của mình và sau đó bạn cần nhấn vào Tải về tab để cài đặt nó. Tại thời điểm này, bạn sẽ thấy mẫu bạn vừa tạo trong Trình quản lý mẫu (Kiểu). Để có được nó đi đến Tiện ích mở rộng và sau đó bấm vào Trình quản lý mẫu

Có thể tạo một mẫu bên ngoài nền tảng Joomla và khi bạn hoàn thành, bạn chỉ có thể cài đặt nó giống như các tiện ích mở rộng tiêu chuẩn khác. Có rất nhiều cách bạn có thể làm theo để xem trước trang chỉ mục của mình trong khi bạn tạo nó. Bạn có thể làm điều đó bằng cách chèn các mẫu vào đầu trang chỉ mục của bạn hoặc bằng cách liên kết nó thẳng với mẫu trang bạn muốn sử dụng trong giây lát. Khi bạn đã sẵn sàng để đóng gói tệp, bạn có thể tắt các liên kết.

Bước 12: Đóng gói mẫu của bạn và sẵn sàng để cài đặt.

Nếu thư mục của bạn chứa nhiều tệp chùng, nó sẽ không phù hợp để chia sẻ. Do đó, điều cuối cùng bạn cần làm là đóng gói đúng thư mục của bạn để có thể dễ dàng phân phối. Để làm điều này, bạn cần nén các cấu trúc thư mục và toàn bộ tệp và lưu trữ nó. Bạn ZIP gói bằng cách sử dụng phần mở rộng .zip hoặc để nó trong TAR-gzip định dạng với việc sử dụng phần mở rộng .tar.gz. Ngoài ra, bạn có thể để nó trong TAR-bz2 định dạng bằng cách sử dụng phần mở rộng .tar.bz2.

Nếu bạn đặt mẫu của bạn trong một thư mục có tên mytemplate /, ví dụ, để đóng gói mẫu của bạn, bạn có thể liên kết đến thư mục và chạy bất kỳ lệnh nào sau đây:

tar cvvzf ../mytemplate.tar.gz *
zip -r .. \ mytemplate.zip *. *

Phần kết luận

Khi bạn đến bước này, bạn sẽ có một mẫu Joomla hoạt động. Nó có thể chưa có giao diện tuyệt vời mà bạn muốn nhưng điều bạn có thể làm là thử nghiệm và thử thiết kế.

Kiểm tra 3 dịch vụ lưu trữ Joomla hàng đầu này:

FastComet

Giá khởi điểm:
$ 2,95


độ tin cậy
9,7


Giá cả
9,5


Thân thiện với người dùng
9,7


Ủng hộ
9,7


Đặc trưng
9,6

Đọc đánh giá

Ghé thăm FastComet

ChemiCloud

Giá khởi điểm:
$ 2,76


độ tin cậy
10


Giá cả
9,9


Thân thiện với người dùng
9,9


Ủng hộ
10


Đặc trưng
9,9

Đọc đánh giá

Truy cập ChemiCloud

Lưu trữ A2

Giá khởi điểm:
$ 3,92


độ tin cậy
9,3


Giá cả
9.0


Thân thiện với người dùng
9,3


Ủng hộ
9,3


Đặc trưng
9,3

Đọc đánh giá

Ghé thăm Hosting A2

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me