BOX Truyện Documentation

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.

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:

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 gian và Tuần bắt đầu đúng như này (theo mình đây là những định dạng chuẩn và đẹp nhất)

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:

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.

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.

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)

Đế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ệu và Biểu tượng site.

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 1 và Social 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ụ:
<img style=”margin-top: -2px;” src=”/wp-content/uploads/2018/02/facebook.png” width=”22px”/>

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 List và BT 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:
<center><iframe src=”//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/dangkhanhly0911&width=342&height=300&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false&appId=1374724096142460″ scrolling=”no” style=”border: none; overflow: hidden; height: 245px; width: 100%; padding: 15px;” allowtransparency=”true” frameborder=”0″></iframe></center>

Để 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ị:

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

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ỗi và Chạ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.

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 đặt và Kí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ó!

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-seo > frontend > 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.

Để 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.

Để 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.

Đâ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
s:3053:”a:65:{s:14:”isEnableOnHome”;i:0;s:13:”wc_quick_tags”;i:0;s:27:”wc_comment_list_update_type”;s:1:”0″;s:28:”wc_comment_list_update_timer”;s:2:”30″;s:21:”wc_live_update_guests”;s:1:”1″;s:24:”wc_comment_editable_time”;s:1:”0″;s:22:”wpdiscuz_redirect_page”;s:1:”0″;s:20:”wc_is_guest_can_vote”;s:1:”1″;s:24:”isLoadOnlyParentComments”;i:0;s:19:”commentListLoadType”;s:1:”0″;s:27:”wc_voting_buttons_show_hide”;i:0;s:18:”votingButtonsStyle”;s:1:”0″;s:17:”votingButtonsIcon”;s:27:”fa-thumbs-up|fa-thumbs-down”;s:22:”wpdiscuz_share_buttons”;a:2:{i:0;s:2:”fb”;i:1;s:6:”google”;}s:24:”wc_header_text_show_hide”;s:1:”1″;s:18:”storeCommenterData”;s:2:”-1″;s:30:”wc_show_hide_loggedin_username”;i:0;s:26:”wc_author_titles_show_hide”;s:1:”1″;s:22:”wc_simple_comment_date”;i:0;s:16:”subscriptionType”;s:1:”1″;s:27:”wc_show_hide_reply_checkbox”;s:1:”1″;s:21:”isReplyDefaultChecked”;i:0;s:20:”show_sorting_buttons”;s:1:”1″;s:18:”mostVotedByDefault”;i:0;s:41:”wc_use_postmatic_for_comment_notification”;i:0;s:20:”wc_comment_text_size”;s:4:”14px”;s:16:”wc_form_bg_color”;s:7:”#F3F3F3″;s:19:”wc_comment_bg_color”;s:7:”#FFFFFF”;s:17:”wc_reply_bg_color”;s:7:”#FBFBFB”;s:21:”wc_comment_text_color”;s:7:”#4E4E4E”;s:25:”wc_comment_username_color”;s:7:”#326094″;s:29:”wc_comment_rating_hover_color”;s:7:”#FFED85″;s:31:”wc_comment_rating_inactiv_color”;s:7:”#DDDDDD”;s:29:”wc_comment_rating_activ_color”;s:7:”#FFD700″;s:13:”wc_blog_roles”;a:10:{s:13:”administrator”;s:7:”#FF0000″;s:6:”editor”;s:7:”#00FF00″;s:6:”author”;s:7:”#FF0000″;s:11:”contributor”;s:7:”#326094″;s:10:”subscriber”;s:7:”#326094″;s:10:”translator”;s:7:”#326094″;s:13:”wpseo_manager”;s:7:”#00B38F”;s:12:”wpseo_editor”;s:7:”#00B38F”;s:11:”post_author”;s:7:”#FF0000″;s:5:”guest”;s:7:”#326094″;}s:20:”wc_link_button_color”;a:6:{s:20:”primary_button_color”;s:7:”#FFFFFF”;s:17:”primary_button_bg”;s:7:”#326094″;s:22:”secondary_button_color”;s:7:”#777777″;s:23:”secondary_button_border”;s:7:”#dddddd”;s:18:”vote_up_link_color”;s:7:”#999999″;s:20:”vote_down_link_color”;s:7:”#999999″;}s:21:”wc_input_border_color”;s:7:”#D9D9D9″;s:30:”wc_new_loaded_comment_bg_color”;s:7:”#FFFAD6″;s:18:”disableFontAwesome”;i:0;s:11:”disableTips”;i:0;s:18:”disableProfileURLs”;i:0;s:19:”displayRatingOnPost”;a:1:{i:0;s:5:”after”;}s:23:”ratingCssOnNoneSingular”;i:0;s:13:”wc_custom_css”;s:27:”.comments-area{width:auto;}”;s:25:”wc_show_plugin_powerid_by”;i:0;s:15:”wc_is_use_po_mo”;i:0;s:25:”wc_disable_member_confirm”;s:1:”1″;s:20:”disableGuestsConfirm”;s:1:”1″;s:26:”wc_comment_text_min_length”;i:10;s:26:”wc_comment_text_max_length”;s:0:””;s:17:”commentWordsLimit”;i:200;s:19:”showHideCommentLink”;i:0;s:15:”hideCommentDate”;i:0;s:21:”enableImageConversion”;s:1:”1″;s:17:”commentLinkFilter”;i:1;s:18:”isCaptchaInSession”;s:1:”1″;s:13:”isUserByEmail”;i:0;s:22:”commenterNameMinLength”;s:1:”3″;s:22:”commenterNameMaxLength”;s:2:”50″;s:13:”facebookAppID”;s:0:””;s:24:”isNotifyOnCommentApprove”;i:0;s:22:”isGravatarCacheEnabled”;i:0;s:19:”gravatarCacheMethod”;s:7:”cronjob”;s:20:”gravatarCacheTimeout”;s:1:”5″;s:5:”theme”;s:11:”wpd-default”;}”;

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.css và styles.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