Tìm hiểu chi tiết về cấu trúc Theme WordPress

Theme là một thành phần đóng vai trò quan trọng trong một trang WordPress. Các loại Theme khác nhau sẽ mang đến một giao diện khác nhau cho website, đồng thời giúp website thể hiển được loại hình mà mình đang hoạt động. Cấu trúc Theme WordPress như thế nào? Các bạn hãy cùng Tino Group tìm hiểu rõ hơn qua bài viết dưới đây nhé!

Theme WordPress là gì?

Định nghĩa Theme

Theme được tạm dịch là chủ đề, đây là một thư mục tổng hợp các yếu tố tạo nên giao diện cho một website như hình ảnh, màu sắc, bố cục..Có thể hiểu nôm na, Theme là bộ mặt của trang web, giúp trang của bạn trở nên đẹp, sinh động và đồng thời cung cấp nhiều tính năng độc đáo khác. Mỗi một Theme được xem như là một giao diện mẫu đã được thiết kế sẵn và người dùng chỉ việc đưa vào website của họ.

Kho Theme trong WordPress như thế nào?

WordPress hiện đang có khoảng 10.000 Theme có sẵn, bao gồm Theme miễn phí và Theme trả phí

• Theme miễn phí: Thao tác cài đặt dễ dàng nhưng có ít chức năng hơn so với Theme trả phí, đồng thời giao diện không được chuyên nghiệp bằng.
• Theme trả phí: Để cài đặt các Theme này phải có kinh nghiệm và kiến thức cơ bản. Đổi lại, Theme trả phí sẽ cung cấp cho bạn nhiều tính năng, giao diện đẹp và sinh động hơn.

Ngoài ra, tùy theo mục đích hoạt động của website hoặc dựa trên đối tượng sử dụng, người ta sẽ phân loại Theme theo nhiều cách khác nhau.

Nên sử dụng Theme miễn phí hay trả phí?

Theme miễn phí cũng đáp ứng đầy đủ các yêu cầu cơ bản của người dùng. Nếu nhu cầu của bạn chỉ là viết blog theo hướng bán chuyên thì đây là một lựa chọn phù hợp, bạn không cần bỏ tiền ra mua Theme với giá vài chục đô.

Ngoài ra, cũng không ai dám khẳng định là Theme miễn phí không bảo mật bằng Theme có phí. Sự khác nhau cơ bản nhất của hai loại này là khi bạn bỏ tiền ra mua, bạn hoàn toàn có thể tùy biến Theme theo ý thích của bạn. Bên cạnh đó, Theme trả phí cũng hỗ trợ chuẩn SEO hơn và có nhiều tính năng hơn.

Bạn có thể chọn 1 Theme có sẵn trong WordPress hoặc tìm từ Google. Nhưng bạn vẫn nên tải Theme từ những nơi uy tín, tuyệt đối không được tải từ những nguồn không rõ hoặc do ai đó chia sẻ trên mạng.

Mythemeshop là một nhà cung cấp uy tín bật nhất hiện nay, có cả Theme miễn phí và trả phí, bạn có thể tải Theme về tại đây

Cách lựa chọn được Theme phù hợp nhất cho website

• Theme phải phù hợp với chủ đề hay lĩnh vực hoạt động của website
• Khả năng tương thích của Theme với các trình duyệt web
• Theme phải thân thiện với tất cả kích thước màn hình của mọi thiết bị truy cập
• Nên chọn Theme nhận được nhiều đánh giá tốt và phổ biến
• Chọn Theme được cập nhật thường xuyên để đảm bảo sự tương thích với các bản cập nhật WordPress hoặc Plugin mới nhất
• Chọn Theme nhẹ để có tốc độ tải trang nhanh và tối ưu hóa SEO

Cấu trúc Theme WordPress

Các thuật ngữ cơ bản trong cấu trúc Theme WordPress

• Template: Là một đoạn code được viết dưới dạng một hàm và được lưu trữ trong 1 file bằng ngôn ngữ PHP để có thể sử dụng lại nhiều lần. Cấu trúc Theme của WordPress được tạo ra từ các Template.
• CSS: là đoạn code được viết bằng ngôn ngữ CSS có tác động tới giao diện của toàn trang. Thông thường, stylesheet chính được lưu vào file style.css nhưng người dùng cũng có thể tùy chỉnh file này.

Danh sách các Template WordPress

Một Theme cơ bản nhất cần có 2 file chính là index.php và style.css. Khi phát triển một trang web hoàn thiện, bạn sẽ cần các file Template khác. Dưới đây là những Template quan trọng thường có trong các Theme đã dựng sẵn và được lưu trong thư mục public.html/wp-content/themes:

• style.css : Đây là một stylesheet chính chứa các đoạn code CSS cho Theme và được gọi từ header.
• rtl.css : File này dùng để tự động hướng trang web từ phải sang trái và được tạo bằng Plugin RTLer.
• index.php : Dùng để hiển thị trang chủ, đồng thời sẽ hiển thị những bài viết ở dạng tóm tắt hoặc thu gọn theo ý người lập trình.
• comments.php : Gồm các ý kiến, phản hồi, ping back hoặc track back tới trang web.
• front-page.php : Được dùng khi bạn muốn hiển thị một trang tĩnh
• home.php : Thường dùng khi bạn muốn có một front-page tĩnh nhưng vẫn cập nhật các bài viết mới nhất
• single.php : Dùng để trình bày một post
• single-<post-type>.php : Cũng dùng để trình bày một post nhưng có sự điều chỉnh riêng nhất định.
• page.php : Dùng để trình bày một page
• category.php : Dùng để trình bày một Category
• tag.php : Dùng để trình bày một Tag
• taxonomy.php : Dùng để trình bày một phân loại
• author.php : Dùng để hiển thị tên tác giả hoặc người phản hồi
• date.php : Dùng để hiển thị ngày tháng
• archive.php : Được sử dụng khi tác giả, ngày tháng hay một thư mục được truy vấn. File này sẽ bị ghi đè bởi author.php, date.php và category.php
• search.php : Hiển thị khi một kết quả tìm kiếm được truy vấn
• attachment.php : Hiển thị khi xem một tập tin đính kèm
• image.php : Trình bày khi người truy cập xem một hình ảnh đính kèm
• 404.php : Trình bày khi người truy cập nhập sai URL hay trang web không thể tìm thấy bài viết phù hợp tìm kiếm.

Cấu trúc của Theme WordPress

Giao diện của một trang web WordPress sẽ có cấu trúc như hình dưới đây.

QUẢNG CÁO

Head và thanh tiêu đề (header.php)

• Phần đầu của trang web sẽ bao gồm thẻ mở <html>, phần <head> và phần tiêu đề (navigation)
• Đường dẫn tới file CSS, dùng lệnh wp_head() để gọi stylesheet, script hay các fucntion khác và được gọi ra bởi một hàm wp_get_header() có sẵn trong WordPress.

Widget (sidebar.php)

Widget chứa các code về sidebar ở hai cạnh bên của trang web. Các code đó có thể mặc định hoặc sẽ được xuất hiện khi kích hoạt trong phần Appearance -> Widgets

Single Post (post.php), Home (index.php), Page (page.php)

Gồm các file đã được trình bày ở phần trên có vai trò hiển thị phần chính của trang web.

Lưu trữ (archive.php)

• Hiển thị lưu trữ tiêu đề bao gồm Tag, Category, Date-based, hoặc Author archive.
• Hiển thị một danh sách các bài viết trong đoạn trích hoặc bài viết có hình thức đầy đủ
• Bao gồm wp_link_pages () dùng để hỗ trợ chuyển hướng các liên kết trong bài viết.
• Trình bày bình luận (comments.php) và tìm kiếm (search.php)

Footer (footer.php)

• Phần chân của website chứa các mã liên quan tới menu footer, đóng dấu bản quyền,..
• Chứa thẻ đóng </body> và </html> và được gọi ra bởi hàm wp_get_footer() có sẵn của WordPress.

Các tạo một Theme WordPress cho riêng mình

Việc tự tạo một Theme WordPress không quá phức tạp, dưới đây là các bước để bạn thực hiện:

Bước 1: Thiết kế giao diện bằng các công cụ chuyên dụng như Photoshop, XD, Dreamweaver…

Bước 2: Tạo một trang web tĩnh bằng các loại ngôn ngữ lập trình gồm HTML, CSS, JavaScript.

Bước 3: Tiến hành cài đặt mã nguồn WordPress bằng cách tải trực tiếp từ wordpress.org hoặc tải thông qua công cụ khác.

Bước 4: Bắt đầu chuyển giao diện tĩnh đã thiết kế thành một Theme WordPress.

Hiểu được cấu trúc của Theme sẽ giúp bạn hiểu rõ hơn về cấu trúc của trang web, từ đó giúp công việc quản trị web của bạn trở nên dễ dàng hơn. Trên đây là những thông tin về cấu trúc cơ bản của Theme WordPress, chúc bạn chọn được Theme phù hợp với nhu cầu của mình nhé!

FAQs về cấu trúc của Theme WordPress

CÔNG TY CỔ PHẦN TẬP ĐOÀN TINO

• Trụ sở chính: L17-11, Tầng 17, Tòa nhà Vincom Center, Số 72 Lê Thánh Tôn, Phường Bến Nghé, Quận 1, Thành phố Hồ Chí Minh
  Văn phòng đại diện: 42 Trần Phú, Phường 4, Quận 5, Thành phố Hồ Chí Minh
• Điện thoại: 0364 333 333
  Tổng đài miễn phí: 1800 6734
• Email: sales@tino.org
• Website: www.tino.org