Cách tạo một chủ đề WordPress tối thiểu

Tạo một chủ đề tùy chỉnh WordPress tối thiểu rất đơn giản. Trong hướng dẫn này, chúng ta hãy cùng tìm hiểu các bước để tạo một chủ đề WordPress.

  1. Tạo thư mục chủ đề mới.
  2. Tạo các tệp dành riêng cho chủ đề WordPress như đầu trang, chân trang và bảng định kiểu.
  3. Thêm phong cách vào chủ đề mới.
Trước khi bắt đầu với các bước này, tốt hơn là bạn nên có một thiết lập cục bộ của WordPress.

1. Tạo thư mục chủ đề mới

Đầu tiên, chúng ta phải tạo một thư mục mới cho chủ đề. Khi bạn cài đặt chủ đề trong WordPress, thư mục này sẽ được đặt tại,
<Thư mục gốc của Wordpress> / wp-content / themes /

2. Tạo các tệp dành riêng cho chủ đề WordPress

Đối với một chủ đề WordPress tối thiểu, các tệp sau đây là đủ.
  • header.php - để thêm tiêu đề, tập lệnh phía máy khách, kiểu và v.v.
  • footer.php - để thêm menu chân trang nếu có, thông tin bản quyền, nguồn cấp dữ liệu, v.v.
  • index.php - trang chủ để đăng danh sách các bài báo.
  • styles.php - t o thêm các kiểu cho chủ đề
Hãy để chúng tôi xem nội dung các tệp PHP ở trên để làm ví dụ. Bạn có thể sử dụng chúng trong khi tạo chủ đề của riêng mình.

header.php

<html>
<head>
<meta charset = "<? php bloginfo ('charset');?>">
<title> <? php bloginfo ('name'); ?> <? php wp_title ('|', true, 'left'); ?> </title>
<link rel = "stylesheet" href = "<? php bloginfo ('stylesheet_url');?>">
<? php wp_head (); ?>	
</head>
<body>
<div align = "center">
<div id = "internal">
<header>
<a href="<?php echo home_url('/' ); ?> "title =" <? php echo bloginfo ('name');?> "rel =" home ">
<h1> <? php bloginfo ('name'); ?> </h1>
</a>
</header>

footer.php

<footer>
<div id = "footer"> © <? php date ('Y'); ?> <? php bloginfo ('name'); ?> Chủ đề đã được đăng ký bản quyền cho Vincy. </div>
</footer>
</div>
</div>
<? php wp_footer (); ?>
</body>
</html>

index.php

<? php
get_header (); ?>
<div id = "contentArea">
<div id = "mainContent">
<? php while (have_posts ()): the_post (); ?>
<h2> <a href="<?php the_permalink(); ?> "title =" <? php the_title_attribute ();?> "> <? php the_title ()?> </a> </h2>
<? php the_content ()?>
<? php cuối cùng; ?>
</div>
<? php get_sidebar (); ?>
</div>
<? php get_footer (); ?>
trong khi vòng lặp qua mảng các bài viết có sẵn. Các hàm the_title ()the_content () của WordPress in ra tiêu đề và mô tả của một bài đăng tương ứng. Hàm the_permalink () cung cấp một liên kết đến tiêu đề bài viết.

3. Thêm kiểu cho chủ đề

Trong khi thêm, chúng ta cần cung cấp thông tin Chủ đề như Tên Chủ đề, URI Chủ đề, Phiên bản, v.v. ở đầu biểu định kiểu.

Ví dụ,

styles.css

/ *
Tên chủ đề: SharpEdge
URI chủ đề: http: // localhost: 85 / wordpress / themes / sharpEdge
Phiên bản: 0.1
Tác giả: Vincy
URI của tác giả: https://phppot.com/
Mô tả: Một chủ đề WordPress tối thiểu.
Tags: tối thiểu, đơn giản, đáp ứng, trọng lượng nhẹ
Miền văn bản: sharpEdge
* /
Một {
màu: # A0A0A0;
văn bản-trang trí: không có;
}
#bên trong {
chiều rộng: 778px;
text-align: left;
}
#contentArea {
border-top: #CCCCCC solid 2px;
tràn: ẩn
}
#Nội dung chính {	
float: trái;
chiều rộng: 70%;
}
# thanh bên {
float: phải;
chiều rộng: 28%;
padding-left: 3px;
đệm-đáy: 100%; 
margin-bottom: -100%;
màu nền: #DDDDDD;	
}
#footer {
rõ ràng: cả hai;
đệm: 2px;
màu: #DDDDDD;
màu nền: # 000000;	
}

Để kích hoạt một chủ đề

Chúng ta phải đăng nhập vào bảng quản trị Wordpress, để chọn chủ đề mới tạo làm chủ đề hiện tại của blog WordPress của chúng tôi. Và sau đó, chúng ta phải đi với bảng điều khiển bên trái Appearance-> Themes để quản lý các chủ đề.

Nếu mọi thứ đều tốt, chủ đề mới được tạo sẽ xuất hiện trong bảng quản trị WordPress.

Nhấp vào liên kết Kích hoạt ở cuối chủ đề mới tạo của bạn để chọn nó làm chủ đề hiện tại. Để hiển thị ảnh chụp nhanh chủ đề trong bảng điều khiển quản trị, chúng ta cần tạo ảnh chụp màn hình chủ đề và dán nó vào thư mục wp-content / themes.