Chỉnh sửa giao diện sản phẩm WordPress

WordPress là mã nguồn mở phổ biến nhất thế giới hiện nay – chiếm 29% số website trên toàn thế giới, dưới đây sẽ là bài viết hướng dẫn bạn làm quen với công cụ đầy sức mạnh này.

Mục lục

 Đăng nhập vào quản trị WordPress:

Link đăng nhập : https://tenmiencuaban.com/wp-login.php hoặc https://tenmiencuaban.com/wp-admin

 Các định dạng bài viết

WordPress chia ra nhiều kiểu bài viết, phổ biến nhất là trang, bài viết và sản phẩm.

•  Trang: Thường dùng để chứa các nội dung cụ thể và không chứa liên kế với các trang khác như: trang giới thiệu, trang chủ, trang liên hệ, trang dịch vụ… Trang không có tag và danh mục, tuy nhiên có thể liên kết dưới dạng cha- con.
• Bài viết : chứa các nội dung có thể liên kết với nhau qua tag bài viết và danh mục bài viết. Định dạng này dùng phổ biến nhất cho tin tức hoặc blog.
• Sản phẩm: Tương tự bài viết, có thể liên kế với nhau qua tag sản phẩm và danh mục sản phẩm. Tuy nhiên có nhiều trường tùy biến hơn bài viết như giá, màu sắc, số lượng…

Chọn kiểu bài viết cho nội dung là rất quan trọng trong quản trị wordpress, nó giúp người dùng dễ dàng tìm kiếm nội dung hơn và quan trọng nhất, nó giúp Google xác định được cấu trúc website của bạn, từ đó index và trả về những kết quả phù hợp cho người dùng.

VD: bạn không dùng bài viết để viết giới thiệu công ty vào đó hay dùng trang để mô tả sản phẩm của mình, quy định cấu trúc sai dẫn đến sitemap index sai, Google sẽ hiểu sai về website của bạn.

Tạo mới các định dạng bài viết

Khi bạn muốn thêm mới một sản phẩm, bài viết, trang… mới bạn chỉ cần di chuột vào dấu cộng trên thanh công cụ quản trị.

Tùy theo mục đích bạn có thể click vào Bài viết, trang hoặc sản phẩm để thêm mới

Khi tạo mới cũng có các nội dung quan trọng bạn cần chú ý :

• Tiêu đề: Là tiêu đề của trang, bài viết, sản phẩm. Tiêu đề này nằm trên cùng của cửa sổ chỉnh sửa.
• Nội dung: là nội dung của trang, bài viết, sản phẩm. Nội dung này nằm ngay dưới phần tiêu đề – thường sẽ có 1 trình soạn thảo văn bản cơ bản để bạn nhập nội dung này.
• Chuyên mục : Đối với định dạng bài viết tin tức và sản phẩm, đây chính là danh mục tin tức hoặc danh mục sản phẩm, Click vào nút thêm chuyên mục nếu chưa có chuyên mục bạn cần.
• Ảnh đại diện: Là hình ảnh đại diện cho bài viết đó, hình ảnh này sẽ dùng để show ra trong  những trang có chứa danh sách bài viết như trang tin tức, trang danh mục tin tức…

Sau khi đặt tiêu đề, ảnh đại diện, viết mô tả, thêm giá( với sản phẩm) bạn chú ý cột bên phải phía trên cùng có nút “đăng bài viết”, click vào đó để xuất bản bài viết.

Chỉnh sửa các định dạng bài viết.

Khi đã đăng nhập vào quản trị website, khi bạn xem bất cứ bài viết, trang, sản phẩm nào trên website đều sẽ có một thanh công cụ nền đen được cố định trên cùng của cửa sổ trình duyệt, khi bạn muốn sửa, chỉ cần click vào menu chỉnh sửa… .

Như tiêu đề nếu các bạn cần custom template single product woocommerce thì chắc chắn đây là bài không thể thiếu dưới đây là các hook  mà các bạn nên biết

// These are actions you can unhook/remove!
 
add_action( 'woocommerce_before_single_product', 'wc_print_notices', 10 );
 
add_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_sale_flash', 10 );
add_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );
 
add_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 );
 
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_rating', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_sharing', 50 );
 
// function woocommerce_template_single_add_to_cart() generates the following 4 actions
add_action( 'woocommerce_simple_add_to_cart', 'woocommerce_simple_add_to_cart', 30 );
add_action( 'woocommerce_grouped_add_to_cart', 'woocommerce_grouped_add_to_cart', 30 );
add_action( 'woocommerce_variable_add_to_cart', 'woocommerce_variable_add_to_cart', 30 );
add_action( 'woocommerce_external_add_to_cart', 'woocommerce_external_add_to_cart', 30 );
 
add_action( 'woocommerce_single_variation', 'woocommerce_single_variation', 10 );
add_action( 'woocommerce_single_variation', 'woocommerce_single_variation_add_to_cart_button', 20 );
 
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_upsell_display', 15 );
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );