Như các bạn đã biết, hiện nay có rất nhiều blog đăng tải truyện để các bạn có nhu cầu đọc trực tuyến, các trang blog này rất ăn khách và cũng đương nhiên là thu về được rất nhiều giá trị, nhưng các blog đăng tải truyện này có một giới hạn nhất định, giới hạn đó chính là độ tiện dụng cũng như điều hướng người đọc truyện sang các chương tiếp theo mỗi khi hết một trang truyện, ngoài ra vì đăng tải theo dạng blog nên người đọc gặp khó khăn khi theo dõi các tập tiếp theo. Người dùng thường bị lẫn giữa blog của tác giả và câu chuyện mình đang theo dõi.
Hiện tại tôi chưa thấy một thông tin nào của cộng đồng WordPress hướng dẫn làm một trang web chuyên đăng tải truyện cho người đọc trực tuyến nào, nên hôm nay tôi sẽ dành chút thời gian cùng các bạn làm một trang blog kiêm luôn trang đăng tải truyện, câu chuyện ngày hôm nay sẽ xoay quanh giao diện Twenty Twelve mặc định của core và file function của giao diện này.
Cuối câu chuyện sẽ là bản QuickStart gồm: Cơ sở dữ liệu tôi tạo sẵn, code giao diện tôi đóng gói sẵn, các bạn chỉ cần giải nén và cài vào blog của mình là được.
Bước 1: Phân tích dữ liệu
Một trang đọc truyện trực tuyến sẽ có các đơn vị như sau:
- Thể loại truyện [ Truyện kinh dị, truyện ngôn tình, khoa học viễn tưởng … ]
- Các Serie tập truyện [ Quyển truyện A, truyện B …]
- Truyện [ chương 1, chương 2 … ]
Trong đơn vị Truyện sẽ có các phần nhỏ hơn bao gồm:
- Ảnh bìa của truyện [ poster ]
- Giới thiệu [ lời tác giả ]
- Các chương
- Các trang
Vậy là đến đây các bạn có thể hình dung được khối lượng công việc mà chúng ta cần phải giải quyết rồi đúng không? Tiếp theo sẽ là phân tích các đơn vị và mối liên hệ giữa các đơn vị với core của WordPress:
1. Thể loại truyện: vấn đề này được giải quyết bằng các category mặc định, dùng để nhóm các câu chuyện lại theo thể loại.
2. Các serie tập truyện: Chính là Post mặc định của WordPress, trong đó có nội dung [ content ] ta sẽ dùng nó để chứa giới thiệu, ảnh bìa.
Lưu ý! Nếu truyện của bạn không có các chapter, hay không có serie truyện thì bạn có thể dừng lại ở đoạn này, thay vì giới thiệu truyện sẽ là câu truyện ngắn luôn, thích hợp cho truyện cười và các thể loại tâm sự tình cảm
3. Truyện: Truyện sẽ được đưa sang một post_type mới được đặt tên là “story”, tôi đặt thế còn các bạn cũng có thể dùng một cái tên bất kỳ nào khác, chút nữa sẽ có code trực quan để các bạn hiểu hơn.
4. Ảnh bìa và giới thiệu đã được giải quyết ở phần trên, giờ ta giải quyết đơn vị nhỏ hơn nữa là các chương khác nhau và có phân trang, vậy các chương phải nằm trong đơn vị truyện, các trang phải là của các chương, vậy ta sẽ xem sơ đồ sau để hiểu hơn:
’.$k->post_title .'’;
}
echo ‘’;
}
}
Bỏ đoạn mã trên vào file functions.php của giao diện, tiếp theo ta gọi chúng ra tại file single.php, bất cứ chỗ
nào trong vòng lặp while mà bạn muốn, mở file lên tìm hàm: get_template_part sau đó thêm get_dropdown_part[get_the_ID[]]; vào ngay phía trên, sẽ xuất hiện một hình chọn các chương như ảnh trên.
Mình đã trang trí xong được phần vào đọc các chương rồi nè, giống y như wattpad.com nhé:
Trở về: ‘.get_the_title[$post->post_parent].'’;
foreach [ $data as $k ] {
++$i;
$e .= ‘
}
echo $e;
echo ‘’;
}
}
Tới đây thì trang blog đọc truyện của bạn đã “đáng gườm” như wattpad rồi đấy !
Tổng kết
Với mong muốn giúp các bạn tự tạo được một trang đọc truyện trực tuyến đơn giản và nhanh nhất có thể, tôi đã chia sẻ và giúp các bạn hiểu nguyên tắc tạo ra một trang đọc truyện, qua bài này các bạn cũng đã được tôi chia sẻ cách phân tích dữ liệu cho một website, đây là trang đọc truyện nên còn đơn giản đấy, nhưng hãy bắt đầu một cái đơn giản bằng việc tạo cho mình một trang đọc truyện trực tuyến thật đắt khách nhé.
Qua đây các bạn cũng được tham khảo thêm các cách để tạo ra Custom Post Type trong WordPress phù hợp với trang của mình rồi, đây mới chỉ là một cách tạo trang đọc truyện đơn giản nhất thôi, nếu các bạn có yêu cầu phức tạp hơn thì cần phải tối ưu rất nhiều điểm nữa. Mình xin dừng bài viết tại đây và chúc mọi người vui vẻ. Nếu có bất kỳ một vấn đề vướng mắc nào các bạn hãy để lại comment để cộng đồng trợ giúp.
* Đính kèm: QuickStart [ bao gồm giao diện và cơ sở dữ liệu demo của Tut ]
Hiện tại blog tạm đóng bình luận vì mình cần tập trung thời gian vào cập nhật bài viết. Bình luận sẽ mở ra cho đến khi mình sẵn sàng.