[Lập trình theme WordPress] Lên kế hoạch cấu trúc theme

laptrinhtheme-saukhisetupcautruc

Trước khi vào nội dung bài này, mình xin nhắc lại rằng bạn nên cài mới một website WordPress trên localhost và import Theme Unit Test vào để làm nội dung có sẵn, tạo thuận lợi trong việc kiểm tra việc hiển thị theme nhanh chóng và hợp chuẩn cho WordPress.

Trong việc lập trình theme WordPress, trước khi chúng ta bắt đầu các công việc quan trọng như viết code cho nó thì có một việc rất quan trọng bạn nên làm trước đó là phải có kế hoạch cấu trúc theme WordPress của mình như thế nào, sau đó chỉ cần viết code theo thứ tự cấu trúc đó.

Trong một cấu trúc theme WordPress sẽ có các file (template) quan trọng như functions.php, index.php, style.css,…và đó là những file mà chúng ta sẽ làm, nhưng thêm vào đó chúng ta sẽ có thêm file tên là content.php, content-none.php,…để dễ dàng cho việc quản lý các đoạn loop để hiển thị các nội dung.

Tạo thư mục chứa theme

Bây giờ bạn hãy vào thư mục /wp-content/themes và tạo một thư mục mà bạn muốn chứa theme, ví dụ mình sẽ đặt tên thư mục là thachpham.

Trong thư mục này, bạn hãy tạo ra một file style.css với nội dung như sau:



/*
 * |---:[Đoạn này sẽ chứa các đoạn giới thiệu và thông tin về theme, như tên theme (Theme Name), tên tác giả (Theme Author), địa chỉ của tác giả (Author URI),...]:---|

 * Theme Name: ThachPham Theme
 * Description: Đây là một theme đơn giản để thực hành Lập trình theme WordPress
 * Theme URI: https://nguoivietweb.net/serie/lap-trinh-theme-wordpress
 * Version: 1.0
 * Theme Author: ThachPham
 * Author URI: https://nguoivietweb.net
 * Tags: starter theme, framework theme, two-columns, customize
 * Textdomain: thachpham
 */


Mình xin giải thích một xíu về một vài dòng comment được thêm vào theme như:

  • Tags: Nếu bạn có upload theme này lên thư viện WordPress.Org thì cái tag này nghĩa là các từ khóa mà người dùng có thể tìm ra theme của bạn một cách dễ dàng nhất.
  • Text-domain: Thực ra đây là một dòng comment thêm, để cho bạn và người dùng khác có thể biết textdomain trong theme là gì để dễ dàng dịch theme ra một ngôn ngữ khác. Mình sẽ có hướng dẫn cho bạn cách viết code hỗ trợ i18n.

Thêm vào đó, bạn có thể tìm một tấm ảnh và đặt tên là screenshot.png rồi đặt vào thư mục theme để làm ảnh hiển thị, bạn có thể dùng tấm ảnh này.

Cấu trúc theme

Tiếp tục, bạn hãy tạo ra lần lượt các file sau:

  • thachpham/
    • functions.php
    • index.php
    • header.php
    • footer.php
    • page.php
    • single.php
    • content.php
    • content-none.php
    • archive.php
    • search.php
    • author.php
    • 404.php
    • sidebar.php

Tiếp tục, tạo một thư mục tên là templates trong theme và tạo các file sau vào thư mục đó, các file này sẽ là custom page template.

  • full-width.php
  • contact.php

Đây là hình ảnh về cấu trúc theme cần tạo:

laptrinhtheme-cautructheme

Bây giờ bạn hãy vào Dashboard -> Appearance -> Themes thì sẽ thấy theme của mình đã được hiển thị ra.

laptrinhtheme-saukhisetupcautruc

Hãy kích hoạt nó lên, sau khi kích hoạt thì website của bạn sẽ là trang trắng vì chưa có nội dung gì cả, chúng ta sẽ tiến hành làm tiếp ở các phần sau của serie này.

Nguồn: [Lập trình theme WordPress] Lên kế hoạch cấu trúc theme | Thạch Phạm

Categories: Content Marketing, Digital Marketing, Google Ads, Kinh doanh, PHP, SEO, Server - Hosting, WordPress, WordPress Development, Wordpress Plugin, WordPress Theme, Wordpress Tutorial,
Tags: baemin, bán hàng online, bán hàng online trên facebook, bán hàng qua facebook, bán hàng quần áo, bán hàng thời trang, bán hàng trên baemin, bán hàng trên facebook, bán hàng trên fanpage, bán hàng trên grab, bán hàng trên marketplace, bán hàng trên now, bán hàng trên tiktok, báo cáo kết quả hoạt động kinh doanh, bí quyết kinh doanh online, bít tết Âu việt, black friday, buôn bán hàng thùng, buôn bán hàng thùng tuyển chọn, cách bán hàng online đắt khách, cách bán hàng trên marketplace, cách bán hàng trên tiktok, câu chuyện kinh doanh, câu chuyện thành công, chương trình khuyến mãi, công nghệ phần mềm bán hàng, cửa hàng cafe, cửa hàng minh tuấn mobile, cửa hàng phụ kiện, cửa hàng thời trang, cửa hàng thực phẩm, cửa hàng thực phẩm sạch, doanh số bán hàng, dox garage & coffee, dox garage & coffee, đăng ký bán hàng trên baemin, đăng ký bán hàng trên go food, đăng ký bán hàng trên grab, đăng ký bán hàng trên now, facebook, facebook pos, fanpage, file excel, file excel báo cáo kết quả kinh doanh, file excel quản lý kho, foodngon, go food, go jek, grab, halo mobile, khởi nghiệp, khởi nghiệp kinh doanh, khởi nghiệp kinh doanh thời trang, kinh doanh cafe, kinh doanh điện thoại, kinh doanh điện tử điện máy, kinh doanh đồ handmade, kinh doanh gì sau dịch, kinh doanh mỹ phẩm, kinh doanh mỹ phẩm online, kinh doanh nhà hàng, kinh doanh online, kinh doanh phụ kiện, kinh doanh quán cafe, kinh doanh shop thời trang, kinh doanh siêu thị mini, kinh doanh spa, kinh doanh thành công, kinh doanh thời trang, kinh doanh thời trang trẻ em, kinh doanh thực phẩm, kinh doanh thực phẩm sạch thành công, kinh doanh trên facebook, kinh doanh trên grab, kinh nghiệm bán hàng, kinh nghiệm kinh doanh, làm đồ handmade, lily shop, link kháng tài khoản quảng cáo, lụa tơ tằm bá minh, marketing online, mặt hàng dễ bán, mẹo bán hàng, mẹo bán hàng trên facebook, mẹo hay, ngày black friday năm 2020 là ngày nào?, now, now - foody, phầm mềm quản lý bán hàng miễn phí, phần mềm chốt đơn, phần mềm chốt đơn hàng, phần mềm miễn phí, phần mềm pos, phần mềm quản lý bán hàng, phần mềm quản lý bán hàng đáng tin cậy, phần mềm quản lý bán hàng miễn phí, phụ kiện ben & tony, phụ kiện ben & tony, phụ kiện hà xinh, quán cafe hiệu quả, quản lý cửa hàng, quản lý cửa hàng thời trang, quản lý nhà hàng, quản lý nhân viên, quản lý nhân viên cứng đầu, quản lý nhân viên thời vụ, quảng cáo thương hiệu, shop thời trang, shopee, siêu thị minimart, status, status bán hàng, status quảng cáo mỹ phẩm, stella spa, stt bán hàng online hài hước, stt tương tác bán hàng, t.u.s shop, tài khoản bị vô hiệu hóa, tài khoản facebook, tài khoản facebook bị vô hiệu hóa, tải miễn phí file excel quản lý kho, tăng doanh thu mùa black friday, thời trang kosta, thời trang mine, thời trang tú trần shop, thực phẩm sạch, thực phẩm sạch 02, thực phẩm sạch tâm an, thuê mặt bằng kinh doanh, tiki, tiktok, tú trần shop,
Trải nghiệm sơ bộ hosting cao cấp tại MediaTemplate.Net
Dịch theme và plugin WordPress với plugin Loco Translate
Tác giả

Bình luận

Leave a Message

Registration isn't required.

NguyenLp LarTheme