trinh-phan-tich-cu-phap-content-agg-giatotqua

Share trình phân tích cú pháp Content EGG

Nếu như bạn đang muốn làm Website dạng Websosanh bằng WordPress thì chắc chắn không thể thiếu Plugin Content EGG và theme Reb Hub . Đây có thể coi là bộ đôi với nhau. Bạn nên dùng chúng cùng nhau để sử dụng được những tính năng rất hay ho của nó.

Đây là một Plugin được viết bới lập trình viên nước ngoài nên hầu như nó chỉ hỗ trợ các gian hàng nước ngoài. Trong phiên bản Content EGG thì nó sẽ có sẵn trang thương mại điện tự Lazada, adayroi và Tiki. Còn như nếu bạn muốn thêm để lấy các giữ liệu của những trang khác thì bắt buộc bạn phải biết code để tạo trình phân tích cú pháp trang đó mới lấy được giữ liệu.

Dưới đây là danh sách các trang mà nó hỗ trợ khi bạn mua bản Pro. Đâu có dùng được gì ngoài 3 trang kia đâu đúng không.

affiliate-giatototqua

List danh sách trình phân tích cú pháp cửa hàng Content EGG:

  1. AeoneShopcom
  2. Canifacom
  3. Cellphonescomvn
  4. Concungcom
  5. Dienmaythienhoa
  6. Eropicom
  7. Fadovn
  8. Fptshopcomvn
  9. Hnammobilecom
  10. Junovn
  11. Kynavn
  12. Lazadacommy
  13. Lazadavn
  14. Lottevn
  15. Lugvn
  16. Nguyenkimcom
  17. Phongvuvn
  18. PierreCardinShoesvn
  19. Sanhangtotcom
  20. Sendovn
  21. Shopeevn
  22. Shopvnexpressnet
  23. Vinabookcom
  24. Vuabia
  25. Vuivuicom
  26. Yes24vn

Nếu như các bạn muốn thêm các shop khác thì có thể sử dụng trình phân tích  tải ở link dưới nhé. Mình cũng đang dùng nó. Yên tâm là sạch nhé

>>>> Liên kết tải: http://gestyy.com/w7NcPy

Mọi thắc mác các bạn có thể phản hồi phía dưới. Nếu bạn muốn làm trang nào thì có thể Comment phía dưới nhé 🙂

hien-thi-cac-vi-tri-hook-trong-wordpress

Hiển thị các vị trí Hook (móc) trong WordPress

Bạn muốn sử dụng tính năng Hook trong WordPress mà chưa biết các bị trí mặc định của WordPress và của theme đang hỗ trợ.

Bạn chỉ cẩn sao chép đoạn code này vào file function.php thì hiển thị hết lên nhé

$debug_tags = array();
add_action( ‘all’, function ( $tag ) {
global $debug_tags;
if ( in_array( $tag, $debug_tags ) ) {
return;
}
echo “<pre>” . $tag . “</pre>”;
$debug_tags[] = $tag;
} );

hien-chu-lien-he-hoac-bat-ky-khi-khong-dien-gia-woocomecer

Hiện chữ “Liên hệ” hoặc bất kỳ khi không điền giá Woocomecer

Trong mặc định của Woocomcer thì bạn sẽ bắt buộc phải điền giá vào sản phẩm. Nhưng trong một số trường hợp bạn hoặc khách hàng của bạn không muốn điền giá. Chỉ muốn hiển thị chữ liện hệ, số điện thoại liên hệ hoặc bất kỳ chữ gì.

hien-chu-lien-he-hoac-bat-ky-khi-khong-dien-gia-woocomecer

Thêm chữ liên hệ khi không điền giá Woocomecer

Bạn chỉ cần sử dụng đoạn code này sao chép vào trong file function.php của theme bạn đang sử dụng là đươc nhé.

add_filter(‘woocommerce_empty_price_html’, ‘custom_call_for_price’);
function custom_call_for_price() {
return ‘Liên hệ’;
}

Bạn có thể thay chữ “Liên hệ” bằng bất cứ chữ gì mà bạn muốn

chan-tao-nhieu-anh-nho-khong-dung-wordpress

Chặn tạo nhiều ảnh nhỏ không dùng WordPress

Trong nhiều trường hợp Theme của bạn đang sử dụng tự động tạo ra nhiều ảnh nhỏ trong phần thư viện. Điều này nó không ảnh hưởng đên tốc độ load trang. Nhưng nó cũng ảnh hưởng chút ít đển tốc độ tải ảnh lên của bạn. Vì nó sẽ phải tự động sinh ra nhiều khung hình khác nhau.

Điều quan trọng rằng, với cơ chế như vậy thì Host của bạn sẽ tốn dung lượng hơn nhiều (nó phụ thuộc vào kích thước và số lượng ảnh tạo ra).

chan-tao-nhieu-anh-nho-khong-dung-wordpress

Có những kích thước ảnh bạn đang dùng thì ko nói làm gì. Nhưng sẽ có khá nhiều kích thước ảnh mà hệ thông sinh ra nhưng bạn không có dùng ở đâu cả. Nên cần phải loại bỏ nó.

Code loại bỏ các kích thước ảnh không dùng

Để làm được điều này bạn chỉ cần sao chép đoạn code này vào file function.php nhé

//* Remove WordPress’s default image sizes
function remove_default_image_sizes( $sizes) {
unset( $sizes[‘large’]);
unset( $sizes[‘medium_large’]);
unset( $sizes[‘1536×1536’]);
unset( $sizes[‘2048×2048’]);
unset( $sizes[‘788×788’]);
return $sizes;
}
add_filter(‘intermediate_image_sizes_advanced’, ‘remove_default_image_sizes’);

Bạn có thể thêm hoặc thay đổi các kích thước ảnh sao cho phù hợp với Website của bạn nhé.

Cách kiểm tra Website đang sinh ra các kích thước ảnh nào

Để có thể biết được web của bạn đang sinh ra ảnh ở các kích thước nào thì chỉ cần đăng nhập vào host hoặc kết nối FTP để vào fordel Upload website của bạn là thấy nhé.

Kiểm tra các kích thước ảnh đang dùng trên Web

Còn bạn muốn xem bạn đang dùng ảnh những kích thước gì thì cách thủ công nhất là bạn Viewcode lên các vị trí bạn đang dùng ảnh là biết ngay nhé

lay-danh-muc-con-cung-danh-muc-cha-wordpress

Lấy danh mục con cùng danh mục cha WordPress

Lấy toàn bộ danh mục sub cùng danh mục cha không dùng Plugin WordPress

Hoặc có thể nói là lấy danh mục Sub cùng danh mục cha.

Nhưng lưu ý rằng nó chỉ lấy được tới danh mục cấp 2 thôi nhé.

lay-danh-muc-con-cung-danh-muc-cha-wordpress

Để có thể làm được điều này bạn chỉ cần sao chép đoạn code sau vào trang danh mục chỗ bạn muốn hiển thị của theme bạn đang dùng là được.

<?php
$term = get_queried_object();
$children = get_terms( [
‘taxonomy’ => $term->taxonomy,
‘parent’ => $term->parent,
‘hide_empty’ => false ] );
if ( $children ) {
foreach( $children as $subcat ){
echo ‘<li><a href=”‘ . esc_url(get_term_link($subcat, $subcat->taxonomy)) . ‘”>’ . $subcat->name . ‘</a></li>’; } } ?>

Có thắc mắc gì thì để lại comment bạn nhé.

lay-thuoc-tinh-cua-bien-the-trong-woocomecer

Lấy thuộc tính của biến thể trong Woocomecer

Cách lấy thuộc tính các biến thể trong Woocomecer

Trong một số trường hợp để có thể tùy biến được Web thương mại điện tử xây dựng bằng Woocomecer thì bạn cần lấy từng giá trị của trường biến thể.

Lấy giữ liệu biến thể sản phẩm Woocomecer bằng Plugin

Mình chưa tìm hiểu xem có Plugin nào lấy được ko nhưng mình ko thích dùng nhiều Plugin lắm.

Chỉ có bần cùng ko code được thì mới dùng Plugin. Vì dùng nhiều Plugin sẽ khiến Website của bạn load chậm hơn khá nhiều, nhất là trong trang Admin.

Cách lấy giữ liệu biến thể sản phẩm Woocomecer bằng Code

Lấy từng trường biến thể Woocomecer

lay-thuoc-tinh-cua-bien-the-trong-woocomecer

Để có thể có thể lấy được giữ liệu của 1 trường tùy chỉnh bất kỳ bạn chỉ cần sao chép đoạn code này và chỗ muốn hiển thị là đc nhé.

<div class=”thuoc-tinh”>
<div class=”mau-sac”><?php $fabric_values = get_the_terms( $product->id, ‘pa_mau-sac‘);
foreach ( $fabric_values as $fabric_value ) { ?>
<p class=”<?php echo $fabric_value->name; ?>”></p>
<?php } ?> </div>
</div>

Bạn lưu ý chỗ mình đánh dấu màu xanh lá cây nhé. Đó là đường slug của trường đó. Để có thể lấy được giữ liệu trường khác bạn chỉ cần thay thể thôi nhé.

Lấy tất cả các biến thể Woocomecer

Phần này bạn sẽ làm việc trong file Function.php nhé

lay-thuoc-tinh-cua-bien-the-trong-woocomecer-2

/**
 * Replace add to cart button in the loop.
 */
function iconic_change_loop_add_to_cart() {
    remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
    add_action( 'woocommerce_after_shop_loop_item', 'iconic_template_loop_add_to_cart', 10 );
}
add_action( 'init', 'iconic_change_loop_add_to_cart', 10 );
/**
* Use single add to cart button for variable products.
*/
functioniconic_template_loop_add_to_cart() {
global$product;
if( ! $product->is_type( 'variable') ) {
woocommerce_template_loop_add_to_cart();
return;
}
remove_action( 'woocommerce_single_variation', 'woocommerce_single_variation_add_to_cart_button', 20 );
add_action( 'woocommerce_single_variation', 'iconic_loop_variation_add_to_cart_button', 20 );
woocommerce_template_single_add_to_cart();
}
/**
* Customise variable add to cart button for loop.
*
* Remove qty selector and simplify.
*/
functioniconic_loop_variation_add_to_cart_button() {
global$product;
?>
<div class="woocommerce-variation-add-to-cart variations_button">
<button type="submit"class="single_add_to_cart_button button"><?php echoesc_html( $product->single_add_to_cart_text() ); ?></button>
<input type="hidden"name="add-to-cart"value="<?php echo absint( $product->get_id() ); ?>"/>
<input type="hidden"name="product_id"value="<?php echo absint( $product->get_id() ); ?>"/>
<input type="hidden"name="variation_id"class="variation_id"value="0"/>
</div>
<?php
}
Thêm chút CSS.
Cái này bạn sao chép vao file css của theme nhé.
.products .variations {
    border: 1px solid #eee;
    position: relative;
    margin-bottom: 50px;
}
.products .variations td {
    display: block;
    padding: 10px 20px 18px;
    text-align: center;
    border-bottom: 1px solid #eee;
}
.products .variations td:first-child {
    padding-bottom: 0;
    border: none;
}
.products .variations td:last-child {
    padding-top: 5px;
}
.products .variations tr:last-child td {
    border: none;
}
.products .variations td label {
    font-weight: 600;
}
.products .variations td select {
    width: 100%;
}
.products .variations .reset_variations {
    margin: 10px 0 0;
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
}

Yêu cầu: bạn cần phải biết chút HTML, CSS để làm được dễ hơn nhé.

Nếu có thắc mắc gì bạn cứ để lại Comment mình sẽ có gắng giải đáp nhé

Thêm nôi dung vào giữa bài viết WordPress

Làm sao để thêm nội dung vào trong nội dung của bài viết trong WordPress??

Cách chèn bài viết liên quan vào giữa WordPress ??

Hướng dẫn chèn quảng cáo vào nội dung bài viết trong WordPress ??

Đây là một trong những câu hỏi mà tôi có thể tìm thấy khi tìm kiếm Google. Và bài viết này sẽ giúp bạn giải quyết vấn đề đó bằng 2 cách.

Các cách để thêm nội dung vào giữa bài viết

Sử dụng Plugin

them-noi-dung-vao-giua-bai-viet-wordpress

Bạn vào trang https://wordpress.org/plugins/

tìm kiếm và tải Plugin trên nhé. Plugin này có tác dụng là hiển thị các bài viết liên quan vào các khu vực có săn như đầu bài, giữa bài hoặc cuối bài.

Sử dụng Code

Cách này thì cũng rất đơn giản. Bạn chỉ cần tìm đến file Function.php của theme. Chúng ta sẽ dán code vào đó thôi. Nhưng chắc bạn cũng phải biết chút ít về code mới làm được theo cách này.

add_filter(‘the_content’, ‘wpse_ad_content’);
function wpse_ad_content($content){if (!is_single()) return $content;
$paragraphAfter = 1; //Enter number of paragraphs to display ad after.
$content = explode(“</p>”, $content);
$new_content = ”;
for ($i = 0; $i < count($content); $i++) {
if ($i == $paragraphAfter) {
$new_content.= do_shortcode(‘[elementor-template id=”375″]’); }
$new_content.= $content[$i] . “</p>”; }
return $new_content; }

Trong đó bạn để ý đến những chỗ mình đánh dấu nhé.

Đầu tiên là số 1 là số dòng. Tức là nó sẽ hiện nội dung ở sau dòng thứ mấy

Tiếp theo là nội dung bạn muốn hiển thị. Bạn có thể dùng Shortcode, text, html

 

hien-thi-anh-webp-thumbnail-trong-thu-vien

Hiển thị ảnh Webp Thumbnail trong thư viện

Bài trước mình đã hướng dẫn các bạn làm sao để có thể sử dụng được định dạng ảnh Webp trên WordPress rồi. Nếu như bạn nào chưa xem thì có thể xem lại bài này nhé

Xem thêm: Thêm định dạng ảnh Webp

Còn nếu xem rồi thì mình cùng chiển thôi.

Đầu tiên bạn phải tìm và mở file Function.php của theme bạn đang sử dụng. Sau đó dán đoạn code này vào sau đoạn codekia là được

//** * Enable preview / thumbnail for webp image files.*/
function webp_is_displayable($result, $path) {
if ($result === false) {
$displayable_image_types = array( IMAGETYPE_WEBP );
$info = @getimagesize( $path );

if (empty($info)) {
$result = false;
} elseif (!in_array($info[2], $displayable_image_types)) {
$result = false;
} else {
$result = true;
}
}

return $result;
}
add_filter(‘file_is_displayable_image’, ‘webp_is_displayable’, 10, 2);

Vậy thế là xong. Dễ hơn ăn cháo nhỉ :))

webp

Thêm định dạng ảnh Webp cho WordPress

Nếu các bạn là dân SEO thì chắc hẳn đã biết rằng hiện nay Google đang hướng người dùng sử dụng định dạng ảnh là wepb. Đây là đỉnh dạng chuẩn mới mà Google đưa ra.

Có một số tài liệu của Google nói rằng nếu web sử dụng định dạng ảnh chuẩn SEO webp thì sẽ được ưu tiên 1 chút thứ hàng vị trí của ảnh.

Định dạng ảnh Webp có ưu điểm là nhẹ hơn và cho chất lượng tốt hơn các định dạng ảnh cũ

Thêm định dạng ảnh trong WordPress

Mặc định thì WordPress không có Upload định dạng ảnh này lên trên Thư viện. Nếu như bạn up lên nó sẽ báo lỗi.

them-dinh-dang-anh-webp-cho-wordpress

Thực sự điều này rất phiền toái. Có những lần mình viết Content đi tìm ảnh. Vào Website sử dụng toàn ảnh Webp mà chỉ mỗi bên này có. Ngồi dở khóc dở cười. Không biết làm sao cả.

Có 2 cách để thêm định dạng Webp cho WordPress

Sử dụng Plugin WebP Express

them-dinh-dang-anh-webp-cho-wordpress-2

Bạn chỉ cần tải Plugin này về cài đặt và sử dụng thôi. Cách này thì rất dễ và không cần biết chút ít gì về Code cả.

Còn cách tiếp theo thì liên quan chút đến Code. Mà thực ra nó là Code nhưng bạn chỉ cần viết sao chép và dán là xong thôi ý mà :)). Các nhân mình thì thích dùng cách này, vì sử dụng quá nhiều Plugin sẽ khiển trang của bạn nặng và load chậm hơn đáng kế, nhất là trong phần Admin. Điều này nó cũng sẽ ảnh hướng đến bảo mật nếu Plugin đó có lỗ hổng

Bạn chỉ cần tìm đến file Function.php của theme sau đó dán đoạn Code này vào cuối là đc

 

function my_myme_types($mime_types){

    $mime_types[‘svg’] = ‘image/svg+xml’; //Adding svg extension

    $mime_types[‘webp’] = ‘image/webp’; //Adding webp extension

    return $mime_types;

}

add_filter(‘upload_mimes’, ‘my_myme_types’, 1, 1);

Bạn cũng có thể xem thêm các định dạng ảnh khách qua đường link này nhé

https://www.freeformatter.com/mime-types-list.html

Để có thể hiển thị được ảnh Thumbnail trong phần thư viện thì bạn xem thêm bài viết này nhé

Hiển thị ảnh trong phần thư viện

cach-su-dung-widget-wordpress-hien-thi-tuy-chinh

Cách sử dụng Widget WordPress hiển thị tùy chỉnh

WordPress là một trong những mã nguồn mở được sử dụng rất nhiều hiện nay. Không thể phủ nhận rằng WordPress có thể làm được rất nhiều thứ một cách dễ dàng mà không cần nhất thiết phải biết lập trình.

Bạn có thể sử dụng WordPress để có thể xây dụng blog, các trang tin tức và ngay cả xây dựng trang TMĐT bằng plugin Woocomecer

Trong WordPress có một chức năng được sử dụng rất nhiều đó là Widget. Nó rất tiện để sử dụng.

Cách khai báo Widget trong WordPress

Để có thể khai báo ra 1 Widget cũng rất đơn giản. Bạn chỉ cần sao chép đoạn Code sau vào file Function của Theme bạn đang sử dụng.

if( ! function_exists( ‘kt_widgets_init’ ) ){
function kt_widgets_init() {
register_sidebar( array(
‘name’ => esc_attr__( ‘Tên của Widget’, ‘blueocean’ ),
‘id’ => ‘id_widget’,
‘description’ => esc_attr__( ‘Mô tả Widget’, ‘blueocean’ ),
‘before_widget’ => ‘<aside id=”%1$s” class=”widget %2$s”>’,
‘after_widget’ => ‘</aside>’,
‘before_title’ => ‘<p class=”widget-title”>’,
‘after_title’ => ‘</p>’,
) ) ; }}
add_action( ‘widgets_init’, ‘kt_widgets_init’ );

Cách hiển thị nội dung Widget

Tiếp theo để có thể hiển thị vị trí tùy chỉnh bạn chỉ cần sao chép đoạn Code sau vào chỗ muốn hiện thị

<?php if ( is_active_sidebar( ‘sidebar-sp’ ) && !dynamic_sidebar(‘id_widget‘) ) :  endif; ?>

hoặc

<?php dynamic_sidebar( ‘id_widget‘ );  ?>

Vậy là bạn có thể dễ dàng để hiển thị Widget rồi. Nếu có bất kỳ thắc mắc gì bạn có thể Comment phía dưới để mình giải đáp nhé.