August 5, 2013

WordPress là một mã nguồn mở miễn phí giúp bạn một website đơn giản và hiệu quả trong thời buổi công nghệ hiện. Cực kỳ đơn giản từ khâu cài đặt, tùy biến cho đến quản lý, bảo mật. WordPress (WP) là một trong những nền tảng được sử dụng rất phổ biến để xây dựng website, blog cá nhân đến những trang bán hàng trực tuyến.

Trong bài viết này, tôi sẽ hướng dẫn các bạn xây dựng template wordpress đơn giản.

Đầu tiên, bạn vào thư mục wp-content/themes, tại đây bạn tạo 1 folder mới. Sẽ là tên của theme.

Ví dụ, tạo thư mục có tên là MobileStore (Vì sẽ có Series bài hướng dẫn tạo 1 trang bán hàng trực tuyến không cần plugin).

Tiếp theo bạn cần những tạo những file sau đây để có được một theme wordpress đơn giản:

header.php – Chứa nội dụng phần header của theme.
index.php – Phần chính của theme, chính là trang chủ khi truy cập.
sidebar.php – Chứa phần nội dung sidebar.
footer.php – Chứa nội dụng footer.
style.css – Chứa các thẻ css của theme.
single.php – Phần nội dung bài viết của wordpress.
screenshot.jpg/png – Hình ảnh đại diện cho Themes WordPress

Lưu ý: Khi các bạn tạo ra các file có tên như thế này trong folder theme, WordPress sẽ tự nhận biết được file nào sẽ chứa nội dung và chức năng gì.

Nội dung file CSS

Nội dung file style.css bao gồm 2 phần:

1. Phần giới thiệu theme WordPress.

/*
Theme Name: Mobile Store
Theme URI: http://themescss.com/
Description: Shop mobile online.
Author: Free Gallery Template
Author URI: http://themescss.com/
Version: 1.0
Tags: shop online, mobile store, store, mobile
License:
License URI:
General comments (optional).
*/

2. Phần CSS cho theme Wordpess.

Ví dụ

Bạn muốn gọi file hearder.php thì bạn chỉ cần dùng hàm get_header();, WordPress sẽ chèn file hearder.php và vị trí đó.

Tương tự như vậy, trong file index.php chúng ta sẽ gọi các vị trí như sau:

<?php
//Nội dung index.php
//Chèn header.php

get_header();

//---------------------------------------
// Nội dung chính của website -- Content
//---------------------------------------

//Chèn sidebar.php
get_sidebar();

//Chèn footer.php
get_footer();
?>

Chúc các bạn thành công!

  • WordPress
  • August 5, 2013
  • 0 comment
  • 1,304 lượt xem

Recent posts

Cảnh báo thủ đoạn hack iCloud mới cực kỳ tinh vi, sử dụng chính công cụ do Apple tạo ra

Cảnh báo thủ đoạn hack iCloud mới cực kỳ tinh vi, sử dụng chính công cụ do Apple tạo ra

Người dùng có thể mất quyền truy cập tài khoản iCloud nếu “sa lưới” vào hình thức lừa đảo mới […]

Ngoại hình iPhone 16 Pro lộ diện, thiết kế tuyệt đẹp

Ngoại hình iPhone 16 Pro lộ diện, thiết kế tuyệt đẹp

Bản vẽ thiết kế được cho là của iPhone 16 Pro cho thấy dòng iPhone thế hệ mới của Apple […]

Apple tăng gấp đôi tuổi thọ pin cho iPhone 15 nhờ iOS 17.4

Apple tăng gấp đôi tuổi thọ pin cho iPhone 15 nhờ iOS 17.4

Tuổi thọ pin iPhone được xác định thông qua chu kỳ sạc/xả, với con số 500 để về 80%. Tuy […]

Rối loạn về tin đồn iPhone màn hình gập của Apple

Rối loạn về tin đồn iPhone màn hình gập của Apple

Báo cáo mới nhất cho hay, Apple vẫn chưa từ bỏ iPhone màn hình gập nhưng cũng không gấp gáp […]

Nhiều mẫu iPhone cũ ‘gặp nguy’, người dùng nên chuẩn bị tâm lý mua máy mới

Nhiều mẫu iPhone cũ ‘gặp nguy’, người dùng nên chuẩn bị tâm lý mua máy mới

Một rò rỉ mới cho biết phiên bản cập nhật iOS 18 mà Apple phát hành vào mùa thu 2024 […]

© 2021 Tạp Chí CNTT. Mr Hoang