Home Home » Thiết kế web » Tạo template wordpress đơn giản

Tạo template wordpress đơn giản

Thứ Năm, 4 tháng 9, 2014
Wordpress như bài viết những mã nguồn mở khi thiết kế web mà thiet ke website o Dong Nai chia sẻ là 1 trong những mã nguồn mở khá phổ biến hiện nay, ngoài sự đơn giản về cài đặt, tùy biến, wordpress còn dễ dàng quản lý và bảo mật, chính vì vậy mà nó rất được ưa chuộng cả ở lĩnh vực thiet ke website cho đến blog cá nhân.
Là 1 mã nguồn web phổ biến nhưng không phải ai cũng đã tiếp xúc và hiểu hết, trong khuôn khổ bài viết này, thiết kế web Cần Thơ OSVN sẽ cùng các bạn tìm hiểu cách tạo template wordpress đơn giản.

Bước 1: Tạo folder

Tạo folder mới trong thư mục wp-content/themes

Bước 2: Tạo file

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

Tên file như thiết kế web ở Cần Thơ OSVN vừa giới thiệu sẽ được tự động nhận biết nội dung và chức năng khi bạn để chúng trong folder theme.

Bước 3: Xây dựng nội dung file CSS

Phần 1: 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).
*/
Phần 2: CSS cho theme wordpress
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!
Chia sẻ bài viết
Bài liên quan

Comments[ 0 ]


Đăng nhận xét