fbpx
close

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

Tác giả: Đông Tùng Ngày cập nhật: 22/11/2021 Chuyên mục: Webmasters
Disclosure
Website Wiki.tino.org được cung cấp bởi Tino Group. Truy cập và sử dụng website đồng nghĩa với việc bạn đồng ý với các điều khoản và điều kiện trong chính sách bảo mật - điều khoản sử dụng nội dung. Wiki.tino.org có thể thay đổi điều khoản sử dụng bất cứ lúc nào. Việc bạn tiếp tục sử dụng Wiki.tino.org sau khi thay đổi có nghĩa là bạn chấp nhận những thay đổi đó.
Why Trust Us
Các bài viết với hàm lượng tri thức cao tại wiki.tino.org được tạo ra bởi các chuyên viên Marketing vững chuyên môn và được kiểm duyệt nghiêm túc theo chính sách biên tập bởi đội ngũ biên tập viên dày dặn kinh nghiệm. Mọi nỗ lực của chúng tôi đều hướng đến mong muốn mang đến cho cộng đồng nguồn thông tin chất lượng, chính xác, khách quan, đồng thời tuân thủ các tiêu chuẩn cao nhất trong báo cáo và xuất bản.

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ọ.

cau-truc-theme-wordpress

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

cau-truc-theme-wordpress

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.
cau-truc-theme-wordpress

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.

cau-truc-theme-wordpress

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)
  • 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.

cau-truc-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…)

Đông Tùng

Senior Technology Writer

Là cử nhân Quản trị kinh doanh của Trường Đại học Tài chính - Marketing, Tùng bắt đầu làm việc tại Tino Group từ năm 2021 ở vị trí Content Marketing để thỏa mãn niềm đam mê viết lách của bản thân. Sở hữu khả năng sáng tạo đặc biệt, anh cùng đội ngũ của mình đã tạo nên những chiến dịch quảng cáo độc đáo cùng vô số bài viết hữu ích về nhiều chủ đề khác nhau. Sự tỉ mỉ, kiên trì và tinh thần sáng tạo của Tùng đã góp phần lớn vào thành công của Tino Group trong lĩnh vực marketing trực tuyến.

Xem thêm bài viết

Bài viết liên quan

Mục lục

Xem nhiều

giá tốt, chất lượng cao mình rất hài lòng
chất lượng dịch vụ tốt lắm...á
chất lượng dịch vụ rất tốt.
giá tốt, chất lượng cao mình rất hài lòng
Dịch vụ chăm sóc khách hàng tốt
Dùng rất oke nha mọi người
Dịch vụ chăm sóc khách hàng tốt, mình rất hài lòng về dịch vụ của TINOHOST
Đã mua rất nhiều tên miền tại Tinohost. Chất lượng tốt
dịch vụ và chăm sóc khách hàng rất tốt , mình rất thích tinohost , mình đã sử dụng nhiều dịch vụ của tinohost rồi
tuyệt vời chăm sóc khách hàng quá tốt
dịch vụ và chăm sóc khách hàng rất tốt , mình rất thích tinohost , mình đã sử dụng nhiều dịch vụ của tinohost rồi
Quá tốt - Quá xuất sắc và tuyệt
Hỗ trợ nhiệt tình. dịch vụ chất lượng
Đội ngũ support rất nhiệt tình.
Sử dụng dịch vụ của bạn Tinohost 2 3 năm nay chưa khi nào phải thất vọng.
host dùng chất lượng, miền giá rẻ
dịch vụ hỗ trợ rất nhanh, tốc độ hosting tốt
Hộ trợ tốt, nhanh. Tuyệt vời 🥰
tuyệt vời, dịch vụ cực tốt và hỗ trợ siêu nhanh
Làm việc nhanh chóng, giá thành hợp lí.
Hosting rẻ và nhanh thích hợp cho học sinh sinh viên như mình
dịch vu tốt ! Sẽ sử dụng thưởng xuyên !
Mỗi lần cần gì, nhắn Tino là được hỗ trợ ngay. Nên một đứa không biết gì về web như mình cũng tạo được blog. Cơ bản mình chỉ lo viết, mọi thứ có anh IT của Tino lo hết.
Nhìn chung thì Tino xứng đáng là một trong những nhà cung cấp host giá rẻ #1 tại VN. Bên này support khá nhanh và nhiệt tình nên quá trình sử dụng diễn ra tương đối trơn tru.
Chất lượng quá ok so với mức giá. Các SME có thể tham khảo để dựng web nhé.
uy tín chất lượng chuẩn cho 5 sao
Dịch vụ nhanh chóng thanh toán tiện lợi
Dịch vụ nhanh chóng, giá cả hợp lý
Chất lượng phục vụ ok, support khá nhanh chóng và chất lượng gói lớn tốt, gói nhỏ cần tốt hơn.
Dịch vụ tốt, giá cả hợp lý👍
Rất hay, rất tốt, rất hữu ích
Hỗ trợ rất nhanh và nhiệt tình
Chất lượng phục vụ ok, support khá nhanh chóng và chất lượng gói lớn tốt, gói nhỏ cần tốt hơn.
dịch vụ tốt, thanh toán nhanh chống
Hài lòng dịch vụ của tinohost
Sau khi sử dụng dịch vụ của TinoHost. Mình thấy website load nhanh hơn hẳn so với sử dụng ở nhà cung cấp cũ. Giá cả do mình đc mua với giá sale 99% của TinoHost nên rất là rẻ. Gói mình mua là gòi Hosting Bussiness 20GB. Thông số cấu hình cao nên web load khá mượt
Chúc TinoHost phát triển!
domain rẻ, có nhiều gói hữu ích thích hợp cho sinh viên
Hài lòng về dịch vụ và tư vấn
Dịch vụ tốt . Support nhiệt tình
Chất lượng OK
Nhanh chóng
dịch vụ rất tốt
Nhân viên support nhanh, hỗ trợ nhiệt tình, giao dịch tự động nên khá tiện
Đã dùng nhiều dịch vụ tại Tinohost, chất lượng tốt, rất hài lòng ...😀
Sự dụng rất hài lòng với các dịch vụ của tinohost
Dịch vụ tốt, uy tín chất lượng
Tino dịch vụ quá tuyệt vời
Giá rẻ, dịch vụ tốt, hỗ trợ nhanh chóng
dịch vụ rất tốt rất tuyệt vời
Giá hợp lý cho người mới dùng
Mình thấy Tinohost có giao diện thân thiện, dễ đăng ký sử dụng cho người mới tập tành làm web như mình. Hosting hỗ trợ có nhiều lựa chọn về dung lượng và giá cả! Thanh toán qua momo thuận tiện. Recommended!
wed quá ok làm việc nhanh ngọn
Dịch vụ tốt. Khá hài lòng vì support nhiệt tình
Dịch vụ quá tuyệt vời danh cho các bạn
Xin cảm ơn đội ngủ kỹ thuật. Các bạn rất chuyên nghiệp và thân thiện. Tôi sẽ giới thiệu các bạn cho bạn bè của mình.
Dịch vụ hỗ trợ tốt, ổn định, thanh toán dễ dàng.
Mình từng dùng VPS bên Vietel IDC, hay gặp lỗi vặt và bảo trì liên tục. Nhưng Tino thì rất ok
dùng tốt, nhanh, dễ sử dụng
Giao diện đẹp mắt, dễ sử dụng
Đề nghị xem lại vấn đề phục vụ khách hàng (livchat)!
Good. Tốc độ cao. Tùy chỉnh nhiều trên shared hosting.
hosting ngon, giá luôn rẻ, tôi làm code nhưng rất thích sài host tino
Tino cung cấp host rất chuyên nghiệp. Đội ngũ kỹ thuật hỗ trợ rất tận tâm và nhiệt tình. Mình sẽ tiếp tục ủng hộ Tino 🥰.
Rất tuyệt vời🙆🙆🙆🙆🙆🙆🙆🙆🙆
Xét về tầm giá thì TinoHost rất đáng để mua và sử dụng lâu dài.
Dịch vụ chất lượng, ủng hộ 1 năm nay rồi
tuyệt vời quá đi,tuyệt vời quá đi
Tốc độ ổn định, tư vấn nhiệt tình
mới tham gia, mong mọi người hỗ trợ thêm
Tốc độ khá tốt với gói rẻ nhất 9k
Giao dịch nhanh,support nhanh và tận tình,chuyển miền nhanh,Hosting Ok
mua sản phẩm dịch vụ tinhot rất tốt tặng ad 5tr ** luon nè🥰🥰🥰
tinohost
một truong những nơi bán hosting rẻ, chất lượng dành cho anh em nào cần để làm web
mua tại : tinohost.com
mình đã mua 2 tên miền + hosting của Tino Host . quả nhiên hiệu quả SEO cải thiện đáng kể và chứng chỉ bảo mật HTTPS miễn phí của Tino Host cũng ko kém phần quang trọng cho việc SEO website của mình
Tino host là một trong nhà cung cấp tốt nhất mình từng sử dụng. Với ưu đãi khuyến mại nhiều, giá thành rẻ kèm theo đó là sự support tuyệt vời của các admin. Nếu ai chưa lựa chọn được nhà cung cấp cho bản thân mình thì Tinohost sẽ là câu trả lời tốt nhất.
dịch vụ tốt, đội ngũ support nhiệt tình, cảm ơn #tinohost
Uy tín, chất lượng, nhân viên hỗ trợ nhiệt tình
mua 2 domain tại tinohost dùng rất chất lượng
Đã mua 02 domain và hosting tại TinoHost, hài lòng cách tư vấn và chăm sóc khách hàng của TinoHost :)
Giá rẻ cấu hình mạnh, black friday là sự bùng nổ của Tino
Hay web bán tài nguyên rất ngon
dịch vụ tốt, mua luôn host chất lượng cao của công ty nhân dịp blackfriday, cảm ơn #tinohost
Dịch vụ rất tốt, nhân viên tận tình.
Hỗ trợ nhiệt tình nhất trong các nhà cung cấp mih từng dùng. Không những server mạnh, ưu đãi có 1 không 2 mà còn nhiều plugin pro bản quyền đính kèm nữa. Quyết định gắn bó "Lifetime" với tino 😁
Dịch vụ tốt hỗ trợ nhanh chóng
Thích cách tư vấn tận tình và nhanh gọn của Tino mỗi khi có vấn đề trục trặc. Hosting ổn định, giá rẻ tốt lắm nhé mọi người
mình có mua 2 tên msiền của tino, mình rât thích cách tư vấn và chăm sóc khách hàng tại đây. Ngoài ra giá domain khá rẻ, phù hợp cho mọi người. 5 sao
Dịch vụ tốt, support nhiệt tình
tinohost tuyệt vời giá cả hợp lý
domain mua rất rẻ :))))
tốt, chất lượng, hostingok
Hosting tốt, giá cả cạnh tranh
Tuyệt vời , Hosting quá ổn
Chất lượng lắm ạ. Domain mua rẻ nhất thị trường
Dịch vụ tốt và chất lượng
Chất lượng lắm ạ. Domain mua rẻ nhất thị trường
Tino Host dùng quá ngon đi !💥💥💥💥💥
Tôi đã mua domain và hosting của các nhà cung cấp khác rồi, nhưng thực sự thấy không tốt bằng Tino, ngoài ra còn hỗ trợ rất tốt. Cảm ơn tino nhiều!
Next Reviews
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é, Q. 1, TP. Hồ Chí Minh

Văn phòng kinh doanh: Số 42 Trần Phú, Phường 4, Quận 5, TP HCM
GPKD số 0315679836 do Sở KH và ĐT TP Hồ Chí Minh cấp
Hotline: 0364 333 333
Góp ý/Phản ánh dịch vụ: 0933 000 886