Bạn đã quá quen thuộc với các mẫu theme mặc định của wordpress. Bạn muốn tự tay thiết kế và viết theme cho wordpress theo phong cách của mình? Bài viết dưới đây sẽ hướng dẫn bạn cách tạo theme cho wordpress đơn giản.
1. Bố cục của một theme wordpress:
Bố cục của theme wordpress
Đầu tiên, trước khi bắt đầu viết theme cho wordpress, bạn cần tìm hiểu qua về cấu trúc của một theme wordpress. Theme WordPress tập hợp các files quyết định cách bố trí website của bạn. Một theme thường bao gồm: HTML, PHP, CSS, JavaScript/jQuery.
2. Các bước để viết theme cho wordpress
Các bước để viết theme wordpress đơn giản
– Bước 1: Tạo thư mục theme mới
Bạn hãy đảm bảo rằng mình đã download bản phiên bản wordpress mới nhất và cài vào localhost. Sau đó vào nơi chứa wordpress của bạn và tạo thêm thư mục mới theme mới trong wp-content/themes/.
Hãy tạo các files PHP sau đây trong thư mục theme mới : header.php, index.php, footer.php, functions.php, sidebar.php, single.php, page.php
Tạo thêm file style.css (file này bắt buộc phải để tên là style.css). Sau đó, bạn hãy bổ sung các thông tin cần thiết (tên tác giả, version, tên theme,..) vào phần đầu của file style.css.
– Bước 2: Tạo code cho các file header, footer, index
Header: Phần mở đầu của wordpress nhất thiết phải được định nghĩa bằng DOCTYPE. Văn bản HTML thường bắt đầu bằng định nghĩa DOCTYPE, nó là điều kiện tiên quyết giúp trình duyệt xử lý văn bản này.
Dán code sau vào file header.php:
!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta charset=”<?php bloginfo( ’charset’ ); ?>” />
<title><?php bloginfo( ’name’ ); ?></title>
<link rel=”stylesheet” type=”text/css” media=”all” href=”<?php bloginfo( ’stylesheet_url’ ); ?>” />
<link rel=”pingback” href=”<?php bloginfo( ’pingback_url’ ); ?>” />
<?php wp_head();?>
</head>
<body>
<div class=”wraper”>
<div class=”header”>Header here</div>
– Footer: Dán code dưới vào file footer.php
<div class=”footer”>Footer here</div>
<?php wp_footer();?>
</div><!– End wraper –>
</body>
</html>
Index: Dán code dưới cho file index.php
<?php
get_header(); ?>
<div class=”container”>
(Text riêng của bạn)
</div>
<?php get_footer(); ?>
– Bước 3 : Lưu lại cài đặt
Sau khi bạn đã hoàn thành việc add code vào các file trên, lưu tất cả các cài đặt trên và đăng nhập lại vào wordpress của bạn. Trong mục Appearance/Themes, bạn có thể thấy theme mới bạn vừa tạo trong danh sách các theme. Giờ chỉ cần click active và chiêm ngưỡng thành quả của bạn.
Trên đây là hướng dẫn viết theme wordpress cơ bản và đơn giản nhất. Tuy nhiên vì chưa cài đặt nhiều loại code phức tạp hơn nên theme viết ra có thể không cầu kỳ, chưa đủ đẹp.
Các bạn có thể tham khảo cách viết code chuyên sâu hơn để có thể tự tạo cho mình theme wordpress đẹp và chuyên nghiệp nhất. Hãy truy cập website: https://gtvseo.vn/ của chúng tôi để đọc thêm nhiều bài viết hữu ích về wordpress và các ứng dụng tin học khác.