Hướng dẫn wordpress truyện tranh

Cách làm 1 trang web truyện tranh như thế nào để bạn có được một web truyện mong muốn mà không tốn quá nhiều công sức. Đừng lo! Vấn đề này sẽ được giải đáp từ thông tin của bài viết dưới đây.

Tại sao bạn nên có 1 web truyện tranh?

Hiện nay khi xã hội ngày càng phát triển, mọi người đều làm việc nhiều hơn và ít có thời gian nghỉ ngơi, việc dành thời gian để mua 1 cuốn truyện về đọc là một điều  bất tiện với nhiều người. Vì lẽ đó nhiều người lựa chọn đọc truyện online vì có thể xem ngay khi làm việc. Khi bạn đã có 1 web truyện tranh thì coi như đã bắt kịp xu hướng hành vi người dùng.

 

Hướng dẫn wordpress truyện tranh

 

Khi bạn xây dựng web truyện với nhiều thể loại khác nhau thu hút được nhiều người  đọc, sẽ giúp web của bạn được nhiều người biết và truy cập vào. Bạn có thể tận dụng đều này để bán hàng online rất hiệu quả, hay tạo tài khoản trả phí, thuê  banner cho khách hàng. Đúng là 1 công đôi việc đúng không!

Thiết kế web truyện và phát triển nó lên cũng là cách để bạn tạo thương hiệu riêng cho mình. Lựa chọn tên cho web truyện và lấy nó làm thương hiệu của mình, khi site của bạn có nhiều lượng xem thì cũng làm thương hiệu được phổ biến và tin tưởng hơn. Lúc này hoàn toàn có thể kiếm thêm thu nhập thông qua việc xây dựng thương hiệu.

Thực hiện làm trang web truyện tranh khá đơn giản, bạn không cần phải biết lập trình, giờ đây có nhiều nền tảng cho bạn tạo web như weebly, blogger, wordpress,… chỉ cần vài thao tác đơn giản làm bạn có ngay web truyện tranh như mong muốn.

Cách làm 1 trang web truyện tranh bằng wordpress

Có nhiều cách làm 1 trang web truyện tranh, bài viết này sẽ hướng dẫn các bạn thực hiện bằng wordpress, nền tảng làm web phổ biến và dễ thực hiện nhất hiện nay.

Bước 1: Đăng ký tên miền và hosting

Bạn đăng ký và tên miền của web truyện tại các đơn vị cung cấp tên miền toàn quốc, lựa chọn tên miền nào tối ưu nhất chứa thương hiệu và sản phẩm của web mình cung cấp, cùng với giá phù hợp.

Đăng ký hosting thì bạn lựa chọn hosting có dung lượng phù hợp với web của bạn, bảo đảm duy trì web lâu dài, tất nhiên là có mức giá hợp lý.

Khi đã đăng ký mua tên miền và hosting xong bạn thực hiện kết nối 2 chương trình này với nhau. Để thực hiện bạn có thể xem tại:

https://kiemtiencenter.com/tro-domain-ve-host/

 

Hướng dẫn wordpress truyện tranh

 

Bước 2: Lựa chọn themes

Lựa chọn các themes wordpress chủ đề vệ truyện tranh hiện nay có 2 loại một là miễn phí hay là trả phí, tùy vào khả năng của bạn để chọn loại nào phù hợp với mình nhất. Đây là bước rất quan trọng quyết định giao diện web của bạn sẽ như thế nào.

Bước 3: Cài đặt plugin

Nếu bạn muốn có một web truyện tranh chuyên nghiệp thì nên cài thêm plugin hỗ trợ. Với web truyện thì loại bạn nên dùng nhất của wordpress là Comic Easel. Với Comic Easel bạn sẽ tạo thêm được các chapter, tag,.. và tùy biến khá dễ dàng.

Hướng dẫn tạo Blog đọc truyện online bằng WordPress

  • 1] Các bước chuẩn bị
  • 2] Cấu hình để tạo BLog Truyện
    • Đầu tiên các bạn sẽ cài đặt cho mình 2 Plugin để điều khiển nội dung bài viết nhé
    • Tiếp theo là cấu hình Custom Post Type UI và Woody ad snippets
      • 1] Cấu hình Custom Post Type UI
      • 2] Cấu hình Woody snippets
      • 3] Cấu hình trong giao diện của bạn
    • Cách đăng bài

Hướng dẫn tạo Blog đọc truyện online bằng WordPress: Nhu cầu đọc truyện đang rất lớn, không chỉ là người lớn tuổi, thanh niên mà còn có cả các bạn nhỏ cũng có cùng sở thích đọc truyện. Ngay chính mình cũng là người thích đọc truyện.

Việc tạo nên một BLog đọc truyện cũng không có gì là quá khó nếu các bạn yêu thích truyện và muốn tạo một Blog truyện thì bài viết này mình sẽ hướng dẫn tạo Blog đọc truyện online bằng WordPress chi tiết nhất.

Hướng dẫn wordpress truyện tranh
Hướng dẫn wordpress truyện tranh

Hướng dẫn tạo Blog đọc truyện online bằng WordPress

1] Các bước chuẩn bị

  • Đầu tiên là các bạn cần có là một Domain và Hosting hoặc VPS, mình đang dùng của Inet các bạn có thể tham khảo
  • Chuẩn bị một giao diện bạn thích, trong thời gian đầu bạn có thể dùng giao diện miễn phí cũng được.

Việc tạo một BLog bằng WordPress từ cài đặt lên host và chỉnh sửa giao diện trên Youtube đã có rất nhiều người hướng dẫn rồi nên trong bài viết này mình sẽ không nói đến nó nhé.

2] Cấu hình để tạo BLog Truyện

Đầu tiên các bạn sẽ cài đặt cho mình 2 Plugin để điều khiển nội dung bài viết nhé
  • Custom Post Type UI : Để tạo custom post type và custom taxonomy
  • Woody ad snippets (PHP snippets | Insert PHP) : Insert Headers and Footers, executes PHP code, uses conditional logic to insert ads, text, media…

Sau khi cài xong 2 Plugin xong trong bảng điều khiển sẽ có những mục như hình bên dưới.

Hướng dẫn wordpress truyện tranh
Hướng dẫn wordpress truyện tranh

Tiếp theo là cấu hình Custom Post Type UI và Woody ad snippets
1] Cấu hình Custom Post Type UI

Các bạn bấm vào mục CPT UI để bắt đầu cấu hình Custom Post Type UI các bạn có thể điền theo bên dưới nhé

  • Post Type Slug : story
  • Plural Label: Stories
  • Singular Label: Story
  • Show in REST API: False
  • Has Archive: True
  • With Front: False
  • Supports: Title, Editor, Excerpt, Comment, Auther
  • Taxanomies : Chuyên mục

Còn các mục khác các bạn cứ để mặc định và bấm Save Post Type

2] Cấu hình Woody snippets

Các bạn bấm vào Add để tạo các Snip điều khiển chuyển trang và chương cho truyện:

  • Thuộc truyện : Chức năng của nó là sẽ điều hướng các chương bạn đăng sẽ thuộc về câu chuyện nào
Hướng dẫn wordpress truyện tranh
Hướng dẫn wordpress truyện tranh

Các bạn copy đoạn code sau và chèn vào bảng php của thuộc tính

add_action( 'edit_form_after_title', 'mystoryparrent' );
function mystoryparrent( $post_data = false ) {
  $scr = get_current_screen();
  $value = "";
  if ( $post_data ) {
  $t = get_post($post_data);
  $a = get_post($t->post_parent);
  $value = $a->post_title;
}
if ($scr->id == 'story') {
	echo ' (Tên của cuốn truyện gốc)

'; } } /////// add_action( 'save_post', 'save_mystory' ); function save_mystory( $post_id ) { $story = isset( $_POST['parent'] ) ? get_page_by_title($_POST['parent'], 'OBJECT', 'post') : false ; if ( ! wp_is_post_revision( $post_id ) && $story ){ remove_action('save_post', 'save_mystory'); $postdata = array( 'ID' => $_POST['ID'], 'post_parent' => $story->ID ); wp_update_post( $postdata ); add_action('save_post', 'save_mystory'); } }

Trong phần Where to execute the code các bạn chọn Run everywhere và chọn Public

  • Tiếp theo các bạn tạo Snip có tên Show Chapter : nó sẽ điều khiển chức năng chuyển chương cho câu chuyện
Hướng dẫn wordpress truyện tranh
Hướng dẫn wordpress truyện tranh

Các bạn copy đoạn code sau và chèn vào bảng php của thuộc tính

global $post;	
	$args = array(
  		'post_type'   => 'story',
  		'post_status' => 'publish',
      	'order' => 'ASC',
      	'post_parent'    => $post->ID
  	);
  	$story = new WP_Query( $args );
	if( $story->have_posts() ) : ?>
      		

Danh sách các chương

    have_posts() ) : $story->the_post();?>
  • >

Trong phần Where to execute the code các bạn chọn Where there is a shortcode và chọn Public

  • Tiếp theo các bạn tạo Snip có tên Dropdown : chức năng của nó là điều khiển chức năng hiển thị các chương theo dạng xổ xuống cho menu chương
Hướng dẫn wordpress truyện tranh
Hướng dẫn wordpress truyện tranh

Các bạn copy đoạn code sau và chèn vào bảng php của thuộc tính

function get_dropdown_part( $id ) { 
	global $post, $wpdb; 
	$query = $wpdb->get_results(sprintf('select * from %s where post_type = \'%s\' and post_parent = %d and post_status = \'%s\'  order by post_date asc', $wpdb->posts, 'story', $id, 'publish')); 
	if ($query) { 
		echo '
'; } }

Trong phần Where to execute the code các bạn chọn Run everywhere và chọn Public

3] Cấu hình trong giao diện của bạn

Trong bảng giao diện của wordpress các bạn chọn Giao diện – Sửa giao diện. Các bạn nhìn sang cột bên phải và tìm file content-single.php hoặc content.php

Các bạn tìm đoạn

và dán đoạn code sau lên trên nó:

%s

', get_permalink($post->post_parent), get_the_title($post->post_parent)); get_dropdown_part($post->post_parent); } ?>

Sau đó bạn tìm đoạn

ID); if($prev_post) { $prev_title = strip_tags(str_replace('"', '', $prev_post->post_title)); echo "\t" . '' . "\n"; }?>
post_parent); } ?>
ID); if($next_post) { $next_title = strip_tags(str_replace('"', '', $next_post->post_title)); echo "\t" . '' . "\n"; } ?>

Sau đó bấm Update file. Bây giờ mình sẽ đăng truyện và các chương của nó nhé.

Cách đăng bài

Ví dụ mình có truyện Vú nuôi của rồng và có một số chương các bạn sẽ đăng như sau:

  • Vào Bài viết – Bài viết mới các bạn viết tiêu đề và giới thiệu về câu chuyện và chọn chuyên mục : là thể loại truyện ví dụ cổ tích,…
  • Sau đó bạn vào lại Woody snippets – Copy đoạn Shortcode trong phần Show Chapter đã tạo trước đó
Hướng dẫn wordpress truyện tranh
Hướng dẫn wordpress truyện tranh
  • Quay lại phần đăng bài bạn bấm vào bài viết vừa tạo và dán đoạn Shortcode vừa coppy và dán vào nội dung của chuyện và chọn Cập nhật.
Hướng dẫn wordpress truyện tranh
Hướng dẫn wordpress truyện tranh
  • Các bạn quay lại trang quản trị và chọn Stories bạn đã tạo từ đầu và chọn Viết bài mới
  • Phần tiêu đề bạn ghi tên chương vào đấy : ví dụ chương 1 : A khờ
  • Phần thuộc truyện bạn ghi chính xác tiêu đề câu chuyện bạn đã tạo trong bài viết mới, trong ví dụ của mình là Vú nuôi của rồng thì điền chính xác là Vú nuôi của rồng
  • Điền nội dung chương
  • Phần chuyên mục: Chọn đúng phần chuyên mục mà bạn đã chọn để tạo bài viết giới thiệu câu chuyện
  • Bây giờ đăng thôi

Các chương khác các bạn cũng làm tương tự. Làm xong các bước thì các bạn sẽ có như hình.

Hướng dẫn wordpress truyện tranh
Hướng dẫn wordpress truyện tranh

Hy vọng với hướng dẫn tạo Blog đọc truyện online bằng WordPress này sẽ có ích cho bạn. Chúc bạn thành công.