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.
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
Template single.php thường sử dụng cho Post nào?
Tất cả các Template trong Theme được sử dụng cho tất cả các phần tử con trong một đối tượng nào đó, ví dụ Template single.php sẽ sử dụng cho toàn bộ các Post trong WordPress hoặc category.php sẽ được áp dụng cho toàn bộ Category,…Bên cạnh đó, bạn cũng có thể tạo Template riêng cho một phần tử bất kỳ, ví dụ template single-123.php sẽ áp dụng cho 1 Post có ID là 123 hay single-gioi-thieu.php sẽ áp dụng cho 1 Post có slug là gioi-thieu.
WordPress có sẵn Theme cho người dùng không?
Khi bạn thiết lập một trang WordPress, bạn sẽ có 3 Themes mặc định do WordPress phát triển để mọi người có thể sử dụng và tùy biến. 3 Theme này gồm:
- twentyfifteen
- twentyfourteen
- twentysixteen
Nhưng những Theme này không có nhiều người dùng, vì vậy, bạn cần tải một Theme mới hoàn toàn để phù hợp với nhu cầu và mục đích website.
Theme và Plugin WordPress khác nhau như thế nào?
Với những ai chưa quen với WordPress, Theme và Plugin là 2 khái niệm rất dễ bị nhầm lẫn, tuy nhiên chúng không hề giống nhau về mặt tính năng.
- Theme có vai trò quản lý và kiểm soát hiển thị giao diện của trang web
- Plugin có vai trò quản lý hành vi và tính năng khác trong website, giúp trang web hoạt động hiệu quả hơn.
Tuy nhiên, trong các trường hợp sửa lỗi hay các thiết lập một tính năng nào đó trong WordPress, Theme và Plugin thường đi chung với nhau.
Để phát triển Theme WordPress, cần có những kiến thức và kỹ năng nào?
Hiện nay, nghề phát triển Theme và Plugin WordPress có tính cạnh tranh cao. Nếu bạn có hứng thú với công việc phát triển Theme WordPress, những kỹ năng dưới đây là vô cùng cần thiết.
- Sử dụng thành thạo ngôn ngữ lập trình HTML, CSS, JavaScript, jQuery, PHP.
- Có thể tự thiết kế giao diện bằng các công cụ hỗ trợ.
- Quản lý WordPress căn bản (cách bố trí file, vận hành, các hàm…)
