Cách tự viết theme cho wordpress đơn giản

 

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:

Hình ảnh có liên quan

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

Kết quả hình ảnh cho viết theme wordpress đơn giản

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.

 

Có thể bạn quan tâm

  • Mách bạn cách tạo app facebook cho website

      Việc tạo app facebook cho website đã là một việc không thể thiếu của các công ty thương mại điện tử. Giúp cho việc thiết kế website hiệu quả và tích hợp nhiều tiện ích cho trang của bạn. Cùng tìm hiểu kỹ hơn các app id facebook thông qua bài viết dưới đây …

  • 5 công cụ kiểm tra tốc độ website miễn phí - Ảnh 5.

    5 công cụ kiểm tra tốc độ trang website miễn phí an toàn nhất

    Tốc độ web ảnh hưởng rất lớn đến khách dùng, các công cụ tìm kiếm và lợi ích mà website mang lại cũng như thứ tự xếp hạng của website trên bảng xếp hạng tự nhiên. Vì vậy, để chắc chắn rằng việc hoạt động của website không ảnh hưởng đến năng suất làm việc, …

  • Kết quả hình ảnh cho đặt mật khẩu facebook

    Cách bảo mật tài khoản facebook tránh bị hack

    Đối với nhiều người, tài khoản facebook rất quan trọng vì nó lưu giữ mọi khoảnh khắc kỷ niệm, các mối quan hệ, công việc và các loại hình giải trí. Vì vậy, facebook đã cung cấp cho người dùng rất nhiều cách bảo mật tài khoản facebook không bị hack, nhưng không phải ai …

  • Windows 7 cho máy cấu hình thấp bản thu gọn

      Đối với một số loại máy trạm hoặc có cấu hình thấp thì việc sử dụng Windows 7 bản thu gọn là sự lựa chọn hoàn hảo. Vậy lý do tại sao người dùng nên sử dụng loại Windows 7 cho máy cấu hình thấp, nó có những tính năng hấp dẫn như thế …

  • Trình duyệt Safari là gì? và những tính năng nổi bật

      Trình duyệt Safari là gì? Đây được biết đến là trình duyệt web phổ biến, với lượng người dùng lớn và nó mang đến rất nhiều tính năng hữu ích cho người sử dụng. Cùng tìm hiểu Safari qua bài viết dưới đây. 1. Trình duyệt Safari là gì? Trình duyệt Safari là gì? …

  • Công dụng của chứng chỉ bảo mật SSL cho website

      Chứng chỉ bảo mật SSL là thuật ngữ khá quen thuộc dành cho những người quản lý website hoặc tạo lập tài khoản trên đó. Vậy công dụng của SSL như thế nào thì bạn có thể tham khảo qua bài viết dưới đây. 1. Mã hóa thông tin SSL giúp mã hóa thông …