Chủ đề Blog của Tôi - xem kèo bóng đá trực tiếp

Mục lục

Rất nhiều người đã hỏi tôi về cách cấu hình và thiết kế chủ đề blog. Hôm nay, tôi sẽ chia sẻ chi tiết các bước để tùy chỉnh giao diện dựa trên nền tảng Typecho - một hệ thống quản lý nội dung rất phổ biến tại Việt Nam. Đồng thời, bài viết này cũng đóng vai trò như một bản sao lưu cho những thay đổi mà tôi đã thực hiện.

1. Tùy chỉnh font chữ

Để bắt đầu, bạn cần mở file header.php trong thư mục chủ đề của bạn và thêm đoạn mã sau:

<link rel="stylesheet" href="

Tiếp theo, chúng ta sẽ chỉnh sửa file style.css. Trong phần định nghĩa kiểu cho body và các tiêu đề (h1, h2, …, h6), bạn có thể sử dụng font chữ phù hợp với sở thích cá nhân. Dưới đây là ví dụ về đoạn mã mà tôi đã áp dụng:

body {
  background-color: #FFF;
  color: #444;
  font-family: "LXGW WenKai Screen", "Droid Serif", Georgia, "Times New Roman", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "WenQuanYi Micro Hei", "Microsoft Yahei", serif;
  font-size: 100%;
}
h1,h2,h3,h4,h5,h6 {
  font-family: "LXGW WenKai Screen", "Droid Serif", Georgia, "Times New Roman", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "WenQuanYi Micro Hei", "Microsoft Yahei", serif;
}

Các font chữ này được chọn để đảm bảo tính tương thích cao giữa các trình duyệt và nền tảng khác nhau.

Chân trang là nơi tuyệt vời để hiển thị số liệu thống kê hoặc thông tin thú vị về blog của bạn. Bạn có thể thêm đoạn mã PHP dưới đây vào file footer.php để hiển thị thời gian hoạt động của trang web cùng với số lượng bài viết và bình luận:

<?php 
$thoiGianBatDau = "1422748800"; // Thời điểm khởi tạo trang web (định dạng Unix timestamp)
$thoiGianHienTai = time(); // Thời gian hiện tại
$chieuKhacThoiGian = abs($thoiGianHienTai - $thoiGianBatDau); // Chênh lệch thời gian
$soNgayHoatDong = intval($chieuKhacThoiGian / 86400); // Chuyển đổi thành số ngày
echo "Trang [live casino](/news/18c7aeec0a3f1359/)  web đã hoạt động được " . $soNgayHoatDong . " ngày."; 
?>

<?php 
$thongKe = Typecho_Widget::widget('Widget_Stat'); 
?>
Tổng cộng <?php echo $thongKe->PublishedPostsNum; ?> bài viết và <?php echo $thongKe->publishedCommentsNum; ?> bình luận.

Đoạn mã trên sẽ tự động cập nhật số ngày hoạt động của blog cùng với số lượng bài viết và bình luận mới nhất.

3. Thêm chú thích cho hình ảnh

Để cải thiện trải nghiệm người dùng khi xem hình ảnh, bạn có thể thêm chức năng chú thích bằng cách chỉnh sửa file var/HyperDown.php. Cụ thể, hãy tìm và thay thế đoạn mã xử lý hình ảnh với đoạn mã sau:

<figure><img class=\"skyimg\" src=\" alt=\"{$escaped}\" title=\"{$escaped}\"><figcaption class=\"image-caption\">{$escaped}</figcaption></figure>

Sau đó, mở file style.css và bổ sung các quy tắc CSS sau để định dạng hình ảnh và chú thích:

figure {
    border-style: solid;
    border-width: 1px;
    border-color: #e7e7e7;
    padding: [xem kết quả tỷ số bóng đá](/news/05ad14bca6c35079/)  2px;
}
.image-caption {
  color: #999999;
  text-align: center;
} [Trang  Cược](/news/05ad14bca6c35079/) 

Với các thay đổi trên, mỗi hình ảnh trên blog của bạn sẽ được bao quanh bởi khung viền và kèm theo chú thích rõ ràng, giúp tăng tính thẩm mỹ và chuyên nghiệp cho toàn bộ website.