BOX Truyện Documentation

BOX Truyện Documentation
4.8 (96.67%) 24 votes

Xin chào các bạn, bẵng đi một thời gian kể từ phiên bản 2.0 ra đời sau đó là bản fix 2.1 thì hôm nay sẽ là một bản nâng cấp “cực mạnh” cho theme BOX Truyện này!

Đầu tiên thì mình xin cảm ơn đông đảo mọi người đã tin dùng giao diện BOX Truyện mà mình chia sẻ trước đây, và như ở phiên bản trước đó là mình ZIP nguyên một “con” WordPress hoàn chỉnh (chứa theme trong đó) thế nên nhiều bạn không biết làm thế nào để cài đặt nó, mà có bạn cài lên nhưng cũng lỗi rất nhiều.

Thì nay, BOX Truyện đã được mình thiết kế đúng nghĩa “một cái theme”, tức là chỉ duy nhất một tệp zip của giao diện và bạn hoàn toàn có thể vào Giao diện > Thêm mới rồi tiến hành tải giao diện lên và Kích hoạt nó là chạy. Thật tuyệt!

DEMO TẠM NGỪNG

1. Hướng dẫn cài đặt giao diện

Bước 1: Tải lên và kích hoạt

Sau khi tải tệp tin boxtruyen.zip về, bạn hãy vào Giao diện > Thêm mới rồi tiến hành tải giao diện lên.

Sau khi giao diện đã được tải lên, hãy Kích hoạt giao diện.

[Thu gọn]
Bước 2: Tạo trang

Bạn vào Trang > Thêm trang mới và tạo 5 trang với đường dẫn tĩnh (slug) đúng như sau:

Đây sẽ là các trang hiển thị danh sách các truyện được sắp xếp tương ứng. Nếu bạn không tạo trang với slug đúng như này thì trang sẽ không hoạt động (lưu ý nhé).

Nếu bạn lỡ gõ Tiêu đề trang và slug được tạo ra tự động thì bạn có thể chỉnh sửa slug như thế này:

[Thu gọn]
Bước 3: Cài đặt > Tổng quan

Bạn truy cập vào Cài đặt > Tổng quan và thiết lập Múi giờ, Định dạng ngày, Định dạng thời gianTuần bắt đầu đúng như này (theo mình đây là những định dạng chuẩn và đẹp nhất)

[Thu gọn]
Bước 4: Cài đặt > Đọc

Bạn truy cập vào Cài đặt > Đọc và thiết lập chế độ hiển thị và số lượng đúng như hình dưới đây:

[Thu gọn]
Bước 5: Cài đặt > Thư viện

Bạn truy cập vào Cài đặt > Thư viện và đưa tất cả các thông số về 0. Điều này để tránh việc hình ảnh bạn tải lên bị nhân bản ra các size khác nhau.

[Thu gọn]
Bước 6: Cài đặt > Đường dẫn tĩnh

Bạn truy cập vào Cài đặt > Đường dẫn tĩnh để thiết lập đường dẫn tĩnh cho các truyện và chương.

Bạn hãy chọn Tùy biến và điền /%postname%.html vào ô nhập.

[Thu gọn]
Bước 7: Tùy chọn

Bạn truy cập vào menu Tùy chọn và thiết lập các tùy chọn trong đây. Những vùng mình khoanh đỏ bắt buộc nhập bao gồm:

  • Các trường số lượng hiển thị phải được khai báo.
  • Đuôi URL: Đuôi này chính là đuôi (phần mở rộng) URL của các chương. Bạn nên đặt đuôi URL giống với Đường dẫn tĩnh ở trên.
  • Facebook App ID: Bạn cần khai báo FB App ID để có thể quản lý bình luận facebook trong mỗi truyện, chương. (xem cách tạo FB App ID)

[Thu gọn]
Bước 8: Giao diện > Tùy biến

Đến phần cấu hình Tùy biến cho giao diện này, không có gì mới, đây là chức năng mặc định của WordPress và các bạn cần phải khai báo các thông tin trong đây.

Bạn truy cập Giao diện > Tùy biến > Nhận dạng site. Tại đây bạn có thể chỉnh sửa các thông tin như: Logo, Tên website, Khẩu hiệuBiểu tượng site.

[Thu gọn]
Bước 9: Giao diện > Menu

Tại đây, ta sẽ tạo các menu cho website. Bạn truy cập vào Giao diện > Menu. Đầu tiên hãy tạo một menu có tên là “Danh sách

Sau đó, hãy click vào tab Trang (bên cạnh) và chọn tất cả các trang rồi click Thêm vào menu. Sau khi thêm, bạn có thể kéo thả để sắp xếp. Tiếp theo kéo xuống dưới tại phần Hiển thị vị trí hãy chọn Header: Danh sách.

Tương tự như vậy, bạn hãy tạo các menu: Menu trái, Social 1Social 2 rồi chọn Hiển thị vị trí tương ứng với các menu này.

Với menu Social 2, bạn có thể làm như sau:

  • Chọn Liên kết tùy chỉnh.
  • URL: Điền địa chỉ Fanpage.
  • Đường dẫn bằng chữ: Bạn có thể sử dụng mã HTML để hiển thị ra một icon, ví dụ:

[Thu gọn]
Bước 10: Giao diện > Widget

Bước này quan trọng để hiển thị các truyện ra ngoài website. Từ phiên bản 3.0, Các vị trí widget đã được thêm “cứng” vào giao diện và các Widget để hiển thị danh sách truyện đã được thêm vào 2 widget BT ListBT List Thumbnail.

Dưới đây là cách cài đặt Widget giống như demo:

Lưu ý: Ở phần Footer 3 mình viết 1 iframe để hiển thị fanpage, các bạn có thể sử dụng đoạn mã sau để đặt fanpage. Mình đã căn chỉnh kích thước để hiển thị tốt trên mọi thiết bị rồi:

[Thu gọn]

2. Hướng dẫn sử dụng các tính năng

Thêm chương vào truyện

Để thêm chương vào truyện, bạn hãy vào chỉnh sửa truyện > kéo xuống sẽ thấy phần Chương.

Bạn có thể click Thêm chương trực tiếp hoặc vào Danh sách > xong click Thêm chương mới tùy ý.

Trong trường hợp không xuất hiện phần Chương, hãy kiểm tra lại cài đặt hiển thị:

[Thu gọn]
Sử dụng widget BT List và BT List Thumbnail

  • BT List: Hiển thị danh sách truyện (không có thumbnail)
  • BT List: Thumbnail: Hiển thị danh sách truyện (có thumbnail)

Một số hình ảnh về 2 widget này:

BT List

BT List Thumbnail

[Thu gọn]
Tính năng sửa URL chương là gì?

Mặc định theo giao diện thì khi viết một chương mới, URL của chương sẽ bao gồm URL của truyện như sau:

domain.com/truyen-A/truyen-A-chuong-1

Nhưng đối với những bạn dùng giao diện phiên bản cũ hoặc dùng tool leech truyện nào đó thì khi “sinh” ra một chương mới, URL của nó sẽ dạng sau:

domain.com/truyen-A/chuong-1

Điều này gây ra lỗi! Và nhiều bạn nâng cấp theme lên phiên bản mới thì bị 404 khi vào các chương.

Chắc chắn rằng bạn sẽ thấy như này mới đúng, như này mới đẹp phải không? Nhưng cái mình nói ở đây là URL trong database, còn URL – cái mà bạn nhìn thấy trên thanh địa chỉ của trình duyệt thì nó đã được rewrite, vẫn loại bỏ URL truyện, vẫn đẹp, vẫn ngắn gọn và vẫn chuẩn SEO.

Tóm lại, tính năng Sửa URL chương sẽ đưa tất cả URL chương trong database về dạng:

domain.com/truyen-A/truyen-A-chuong-1

Còn khi hiển thị ngoài website sẽ theo dạng:

domain.com/truyen-A/chuong-1

Để sử dụng, hãy vào Tùy chọn > Sửa URL chương.

Tại đây bạn sẽ thấy Kiểm tra lỗiChạy trình sửa. Khi bạn click Kiểm tra lỗi, công cụ sẽ quét và báo cho bạn biết có bao nhiêu URL chương đang bị lỗi mà không sửa chúng.

Bạn muốn sửa các URL lỗi về đúng chuẩn WP thì hãy click Chạy trình sửa và chờ công cụ làm việc xong.

Lưu ý:
+ Không được tắt trang này khi công cụ đang chạy.
+ Tốc độ cao có thể xảy ra lỗi, vì vậy nên chọn thời điểm mạng khỏe nhất để chạy.

Xem thêm: KDN Auto Leech đã tích hợp tính năng leech theo đúng chuẩn này.

[Thu gọn]

3. Hướng dẫn khác

Ghim, đề cử, đánh dấu nổi bật cho truyện với SM Sticky Clicky Star

SM Sticky Clicky Star sẽ giúp bạn ghim truyện, đưa truyện vào đề cử hay còn nói cách khác là đánh dấu nổi bật chỉ bằng 1 Click. Bạn có thể download tại đây, hoặc truy cập vào Gói mở rộng > Cài mới và tìm từ khóa “SM Sticky Clicky Star“.

Sau đó Cài đặtKích hoạt plugin.

Cuối cùng, bạn vào danh sách các truyện sẽ thấy hình ngôi sao ở mỗi truyện, hãy click vào nó!

[Thu gọn]
Hiển thị og-image trong Yoast SEO khi ảnh đại diện nhỏ hơn 200 pixel

Mặc định khi dùng Yoast SEO thì ảnh đại diện nhỏ hơn 200 pixel sẽ không hiển thị thẻ <meta property=”og:image“>

Để khắc phục tình trạng này bạn có thể làm theo cách sau:

Vào thư mục plugins > wordpress-seofrontend > mở tệp tin class-opengraph-image.php

Tìm kiếm từ khóa “function check_featured_image_size” bạn sẽ thấy đoạn mã sau:

Bạn hãy sửa 200 thành 20 rồi Lưu lại file là được.

[Thu gọn]
Cài đặt tiêu đề cho chương kèm tiêu đề truyện trong Yoast SEO

Để cài đặt thẻ <title> chứa tên truyện kèm tên chương kiểu như:

Truyện ABC – Chương 3: Tôi là ai?

Hãy làm như sau. Bạn vào SEO > Titles & Metas > chọn tab Post Types > kéo xuống phần Chương hãy sử dụng %%parent_title%% như này:

  • %%parent_title%%: Sẽ hiển thị tiêu đề của bài viết cha.

[Thu gọn]
Mở bình luận nhanh cho nhiều chương/truyện

Để mở bình luận nhanh cho nhiều chương/truyện bạn hãy truy cập vào trang danh sách truyện hoặc chương. Tiếp theo hãy sử dụng Tùy chọn hiển thị chỉnh Số đối tượng trên một trang lên 100 (tối đa là 200 nếu cao hơn sẽ lỗi)

Sau đó đánh dấu tích vào ô vuông bên cạnh Tiêu đề để chọn tất cả.

Tiếp theo ở phần Tác vụ hãy chọn Chỉnh sửa.

Cuối cùng ở Bình luận hãy chọn Cho phép và click Cập nhật.

[Thu gọn]
Mẫu cài đặt nhanh WP Discuz

Đây là mẫu mình đã thiết lập trên demo. Bạn có thể sử dụng mẫu này bằng cách truy cập vào Phản hồi > WPDISCUZ > Tools > chọn tab Import options và dán code sau vào và Save changes

 

[Thu gọn]
Quy tắc viết CSS cho tiền tố và trạng thái

Từ phiên bản 4.6 thì chúng ta đã có Tiền tố cho mỗi truyện, và cái này các bạn có thể tùy biến được. Mình sẽ để các bạn tự viết CSS cho tiền tố theo quy tắc sau và các bạn nên tải plugin Simple Custom CSS tại ĐÂY hoặc bất cứ plugin nào giúp bạn viết CSS riêng biệt (CSS sẽ tách khỏi theme). Bởi vì khi cập nhật theme ở các phiên bản sau, những CSS bạn viết trong tệp style.cssstyles.css sẽ bị mất.

Tải về và kích hoạt plugin lên:

Sau đó hãy vào Giao diện > Custom CSS và bắt đầu viết CSS tiền tố:

Các bạn thấy quy tắc viết CSS cho tiền tố rất đơn giản. Đó là .tien_to_{slug}

Ví dụ mình tạo 1 tiền tố là Truyện hay có slug là truyen-hay thì mình sẽ viết CSS là:

.tien_to_truyen-hay{
// CSS trong này
}

Còn về trạng thái hoàn thành thì chúng ta sẽ sử dụng class .trang_thai_full

[Thu gọn]

4. Các công cụ hỗ trợ

5. Các phiên bản cập nhật

Phiên bản: 5.0 (15/03/2018)

  • Mới: Tùy chọn Chưa có nội dung cho truyện không chương và có chương.
  • Sửa lỗi: Lỗi vòng lặp trong widget BT List.

Phiên bản: 4.9 (04/03/2018)

  • Sửa lỗi: Một số chức năng không hoạt động trên Nginx.
  • Sửa lỗi: Tối ưu code, loại bỏ một số tệp tin không cần thiết.
  • Sửa lỗi: CSS Chap options.
  • Sửa lỗi: BT List bị ẩn khi kéo.

Phiên bản: 4.8 (03/03/2018)

  • Mới: Cập nhật giao diện với 1 Click.
  • Mới: Thêm tùy chọn Glyphicon vào các widget (xem danh sách).
  • Mới: Thêm trường Chưa có nội dung vào Tùy chọn.
  • Mới: Làm giao diện Tùy chọn.
  • Mới: Thêm tùy chọn Tác giảTruyện cùng tác giả vào wiget BT List.
  • Mới: Đếm số lượt xem Chương.
  • Mới: Đưa Chap options vào nội dung Chương.
  • Sửa lỗi: 404 trang tác giả khi không đặt Đuôi URL.
  • Sửa lỗi: Các tùy chọn dư thừa.
  • Sửa lỗi: Sắp xếp Cùng chuyên mục, Cùng tác giả chưa chính xác.
  • Tối ưu: Toàn bộ code và tăng tốc độ xử lý.
Xem các phiên bản cũ hơn

Phiên bản: 4.6 (28/02/2018)

  • Mới: Thêm tiền tố, trạng thái hoàn thành cho các truyện và widget.
  • Mới: Thêm hiển thị tiền tố, trạng thái hoàn thành cho các trang.
  • Mới: Thêm tùy chọn Trạng thái hoàn thànhTrạng thái đang cập nhật.
  • Sửa lỗi: 404 chương khi slug chương chứa 2 lần slug truyện.
  • Sửa lỗi: 404 menu Tất cả các chương khi chạy trên sub-folder.
  • Sửa lỗi: Sắp xếp truyện đề cử theo modified.
  • Sửa lỗi: Một số lỗi về văn bản hiển thị.
  • Sửa lỗi: Một số lỗi về CSS.

Phiên bản: 4.5 (21/02/2018)

  • Mới: Thêm trường Tác giả trong Truyện ngắn.
  • Mới: Thêm truyện ngắn vào trang tác giả và phân trang.
  • Mới: Breadcrumb cho trang tác giả và thẻ.
  • Mới: Bổ sung widget cho trang tác giả (widget trang).
  • Mới: Bổ sung widget BT Comment.
  • Mới: Tính năng bình luận cho truyện và chương.
    Xem thêm: Cài đặt wpDiscuzCấu hình thảo luận.
  • Mới: Mở rộng bộ lọc cho các widget (bổ sung trường kèm theo).
  • Sửa lỗi: Không hiển thị tác giả khi không có tác giả (taxonomy).

Phiên bản: 4.4 (19/02/2018)

  • Sửa lỗi: Không thể đăng truyện/chương mới trên một số hosting.

Phiên bản: 4.3 (18/02/2018)

  • Mới: Tự động đặt ảnh đại diện cho chương theo truyện.
  • Sửa lỗi: 404 chương khi sử dụng Yoast SEO meta box.
  • Sửa lỗi: Yoast SEO custom title không hiển thị.
  • Sửa lỗi: Nhân bản chương khi xóa chương nháp.

Phiên bản: 4.2 (14/02/2018)

  • Mới: Tính năng Sửa URL chương.
  • Sửa lỗi: Phân trang không hoạt động khi website chạy trên sub-folder.

Phiên bản: 4.1 (12/02/2018)

  • Mới: Thêm tùy chọn màu nền Tối và màu chữ trong Chương.
  • Mới: Bổ sung trang 404.
  • Sửa lỗi: Một số lỗi khi chạy trên Nghix.
  • Sửa lỗi: Không hiển thị ảnh đại diện trên một số hosting.
  • Sửa lỗi: BT List Thumbnail không hiển thị ảnh khi chọn loại Chương.
  • Tối ưu: Hiển thị đẹp hơn cho BT List Thumbnail khi chọn loại Chương.

Phiên bản: 4.0 (11/02/2018)

  • Mới: Thêm vị trí widget cho từng trang.
  • Mới: Thêm widget BT FB Comment, BT Bảng xếp hạng.
  • Mới: Cải tiến 2 widget BT List và BT List Thumbnail với bộ lọc đa dạng hơn.
  • Mới: Loại bỏ tùy chọn Số truyện ngắn cùng chuyên mụcBảng xếp hạng.
  • Mới: Thêm tùy chọn Breadcrumb postBreadcrumb post_ngan.
  • Mới: Thông báo khi có Báo lỗi mới.
  • Mới: Bổ sung trang Truyện đề cử (slug: de-cu).
  • Mới: Bổ sung giao diện trang Full width.
  • Sửa lỗi: Chuyển đổi giữa truyện Có chươngKhông chương.
  • Sửa lỗi: Loại bỏ một số ngôn ngữ để phù hợp với website khác truyện (ví dụ: sách,…)
  • Sửa lỗi: Lỗi gõ phím w,a,s,d trong ô tìm kiếm khi vào chương.
  • Sửa lỗi: Lỗi URL của chương chứa URL của truyện.
  • Sửa lỗi: Lỗi giao diện khung bình luận Facebook.
  • Tối ưu: UX và UI.
  • Tối ưu: Cá nhân hóa.

Phiên bản: 3.1 (09/02/2018)

  • Sửa lỗi: Trang truyện ngắn và trang tìm kiếm không hoạt động trên một số hosting.
  • Sửa lỗi: Sửa một số lỗi giao diện.
  • Tối ưu: Tốc độ tải trang.
  • Tối ưu: UX, UI

Phiên bản: 3.0 (08/02/2018)

  • Mới: Thay đổi icon (chuyển sang dash icon).
  • Mới: Thay đổi vị trí menu Tùy chọn (phía dưới Bảng tin).
  • Mới: Loại bỏ các tùy chọn: PHP truyện ngắn, PHP truyện hot, PHP truyện hoàn thành.
  • Mới: Thêm các tùy chọn: Số truyện mới mỗi trang, FB App IDGoogle Analytics.
  • Mới: Chuyển đổi ngôn ngữ phần Bài viết sang Truyện.
  • Mới: Thêm menu Tất cả chương.
  • Mới: Cập nhật toàn bộ ngôn ngữ cho menu Chương.
  • Mới: Cập nhật toàn bộ ngôn ngữ cho menu Truyện ngắn.
  • Mới: Thêm 2 widget BT ListBT List Thumbnail.
  • Mới: Thêm vị trí hiển thị các Thẻ truyện.
  • Mới: Đưa toàn bộ các vị trí widget vào giao diện.
  • Mới: Thêm 2 vị trí widget Col Main 3, Col Footer Chap List.
  • Mới: Thêm trang danh sách Truyện mới.
  • Mới: Thêm phần giới thiệu về tác giả khi vào từng tác giả.
  • Mới: Thêm trang danh sách báo lỗi.
  • Sửa lỗi: Các nút Thêm chương mới bị mất id_story.
  • Sửa lỗi: Truyện không thay đổi vị trí khi cập nhật chương (bản mới).
  • Sửa lỗi: Báo lỗi chương không hoạt động.
  • Sửa lỗi: Tiêu đề các trang không thay đổi khi đặt tên trang.
  • Sửa lỗi: Yoast SEO không hoạt động.

Phiên bản 2.1

  • Mới: Giới thiệu plugin Xóa sạch.
  • Sửa lỗi: Truyện không thay đổi vị trí khi cập nhật chương (bản cũ).

Phiên bản 2.0

  • Sửa lỗi: Sửa một số lỗi.

[Thu gọn]

Xin chào, mình là Khánh và đây là blog chính thức của mình. Tại đây, mình sẽ chia sẻ tới mọi người những điều hay ho mà mình đã và đang gặp mỗi ngày. Nếu thấy hay thì hãy kết bạn với mình, subcribe kênh Youtube và theo dõi blog thường xuyên nhé 😉

ĐĂNG KÝ THEO DÕI

Nếu bạn yêu thích blog của mình và muốn nhanh chóng nhận được những bài viết chất lượng về lĩnh vực mà bạn đang quan tâm thì hãy đăng ký vào danh sách theo dõi.

Mình sẽ gửi ngay cho bạn những thông tin về bài viết mới hay những sự kiến mới diễn ra trên Khanh Duy Nguyen blog. Nói không với SPAM và chúc bạn một ngày vui vẻ 😉

Họ và tên (để tiện xưng hô với bạn)

Email (để gửi qua email cho bạn)

Lĩnh vực (mà bạn muốn theo dõi)
WebmasterĐồ họa & Âm thanhMarketingKinh doanhReviewKhác

Chia sẻ nội dung này nếu bạn thấy hay!
  • 1
    Share

86
Bình luận

avatar
36 Comment threads
50 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
18 Comment authors
BakaKuroLongHữuVi Văn Phượng Recent comment authors
  Theo dõi  
Nhận thông báo
Baka

mong anh fix cái lỗi url 404 trực tiếp vào theme luôn. vì hiện tại wp phiên bản 4.9.6 bị lỗi. phải vào fix url ms đọc dc chương truyện. và sớm có thêm phần truyện đã đọc. E cảm ơn.

Kuro
Kuro

Phần tags không hiển bị bài viết, bị lỗi 404. Làm sao fix được vậy ad.
Rồi phần comment thì không xuất hiện những comment đã đăng trong phần post truyện.
Cảm ơn ad.

Long
Long

Hi vọng ad thêm chức năng hiển thị truyện cùng chuyên mục, và fix chức năng ngẫu nhiên ở widget hiển thị bài viết nhé. tks !

Hữu
Hữu

anh có thể chỉnh cái menu “Header: Menu trái” sao cho khi em add các trang vào nó cũng các hiện các trang dropdown như menu “Header: Danh sách” được không? Chứ bây giờ nó thành một hàng dài các link à. thanks.

Hoàng Anh

Cám ơn bạn, hi vọng bạn ngày càng phát triển theme box truyen này ngày càng hoàn thiện và đẹp hơn, ủng hộ hết mình

Vi Văn Phượng

Bạn thêm phần ghi nhớ truyện đã đọc như truuyenfull.vn dc không

Vi Văn Phượng

Ok cảm ơn bạn 😫 tổ quốc mãi mãi khắc ghi sự hi sinh của bạn 🙂