Cho phép chúng tôi tạo một chủ đề con để tất cả các chủ đề tùy chỉnh của chúng tôi trong Magento 2 xuất hiện ở đây:
ứng dụng / thiết kế / frontend / company_name / theme_name
Giả sử, tên công ty của chúng tôi là công ty của tôi và tên chủ đề của chúng tôi là cơ bản. Chúng ta cần tạo cấu trúc thư mục sau cho chủ đề của mình:
app
└────design
└──────frontend
└──mycompany
└───basic
└──etc
└──Magento_Theme
│ └─layout
│ default.xml
└──media
│ preview.png
└──web
│ └─css
│ └─fonts
│ └─images
│ └─js
│ theme.xml
│ registration.php
công ty của tôi :-
Tên của gói chủ đề
cơ bản: -
Tên của chủ đề. Chúng ta có thể có nhiều chủ đề được đặt tên trong thư mục mycompany.
vv / view.xml: -
Tập tin này được sử dụng để chỉ định kích thước hình ảnh sản phẩm, hình thu nhỏ, v.v.
Magento_Theme: -
Thư mục này được sử dụng để ghi đè các tệp chủ đề của Magento hiện có.
Magento_Theme / layout / default.xml: -
Theo mặc định Magento2 giả định rằng tệp logo của chủ đề của bạn phải là: /web/media/logo.svg
Nếu bạn muốn một số tệp khác cho logo, thì bạn phải khai báo nó trong default.xmltệp.
Tập tin này cũng được sử dụng để ghi đè cài đặt của chủ đề mặc định.
media / preview.png: -
Bản xem trước của chủ đề hiện tại.
web: -
Thư mục này chứa tất cả dữ liệu tĩnh của chủ đề như hình ảnh, kiểu, javascript, phông chữ, v.v.
register.php : - Tập tin này là bắt buộc để đăng ký chủ đề của chúng tôi với hệ thống Magento2.
theme.xml: -
Đây là một tệp bắt buộc xác định tên chủ đề của chúng tôi, hình ảnh xem trước của chủ đề và tùy chọn của chủ đề.
Tạo tập tin chủ đề
Bây giờ chúng ta tạo các tệp của chúng tôi từng cái một.
theme.xml (ứng dụng / thiết kế / frontend / mycompany / basic / theme.xml)
<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
<title>Basic</title> <!-- your theme's name -->
<parent>Magento/blank</parent> <!-- the parent theme -->
<media>
<preview_image>media/preview.jpg</preview_image> <!-- theme's preview image -->
</media>
</theme>
đăng ký.php (ứng dụng / thiết kế / frontend / mycompany / basic / register.php)
<?php
\Magento\Framework\Component\ComponentRegistrar::register(
\Magento\Framework\Component\ComponentRegistrar::THEME,
'frontend/mycompany/basic',
__DIR__
);
default.xml (ứng dụng / thiết kế / frontend / mycompany / basic / Magento_Theme / layout / default.xml)
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceBlock name="logo">
<arguments>
<argument name="logo_file" xsi:type="string">images/my_logo.png</argument>
<argument name="logo_img_width" xsi:type="number">200</argument>
<argument name="logo_img_height" xsi:type="number">200</argument>
</arguments>
</referenceBlock>
</body>
</page>
Tại thời điểm này, chủ đề của chúng tôi đã sẵn sàng. Xóa bộ nhớ cache của bạn và bây giờ chúng tôi sẽ chọn chủ đề mới của chúng tôi từ quản trị viên.
Bây giờ, đăng nhập vào quản trị viên và di chuyển đến đường dẫn sau:
Content -> Design -> Themes
Bạn sẽ thấy chủ đề của bạn được liệt kê.
Bây giờ đi đến:
Stores -> Configuration -> Design
Chọn trang web chính ở phía trước Cửa hàng ở phía trên bên trái. Bây giờ bấm vào
Desgin -> Design Theme
Bỏ chọn Sử dụng hộp kiểm Mặc định và chọn chủ đề của bạn. Nhấp vào Lưu cấu hình, xóa bộ nhớ cache và chủ đề mới của bạn đã sẵn sàng. Kiểm tra trang chủ của bạn.
Để biết thêm chi tiết xem tại đây.