Hướng dẫn thay đổi độ dài của mô tả trong theme flatsome

Thông thường, khi chúng ta sử dụng chế độ list trong danh mục/blog bài viết, độ dài mặc định của phần mô tả là 15 từ, hơi bị ngắn, nhìn không đẹp.

Hướng dẫn thay đổi độ dài của mô tả trong theme flatsome

Thống kê bài viết

Hôm nay mình hướng dẫn cách thay đổi độ dài mô tả này, trong theme flatsome. Cách làm như sau:

Bước 1: Truy cập vào hosting/vps, mở File Manager lên.

CÓ THỂ BẠN QUAN TÂM

Bước 2: Vào thư mục public_html/wp-content/themes/flatsome/template-parts/post. Sau đó copy file archive-list.php qua child theme của flatsome cũng với đường dẫn public_html/wp-content/themes/flatsome-child/template-parts/post (nếu chưa có thư mục template-parts và post thì các bạn tạo thêm rồi copy qua cho đúng đường dẫn mới có hiệu lực)

Bước 3: Mở file lên, tìm đến đoạn sau:

echo flatsome_apply_shortcode( 'blog_posts', array(
    'type'        => 'row',
    'image_width' => '40',
    'depth'       => get_theme_mod( 'blog_posts_depth', 0 ),
    'depth_hover' => get_theme_mod( 'blog_posts_depth_hover', 0 ),
    'text_align'  => get_theme_mod( 'blog_posts_title_align', 'center' ),
    'style'       => 'vertical',
    'columns'     => '1',
    'show_date'   => get_theme_mod( 'blog_badge', 1 ) ? 'true' : 'false',
    'ids'         => $ids,
      	
) );

echo flatsome_apply_shortcode( 'blog_posts', array(

'type' => 'row',

'image_width' => '40',

'depth' => get_theme_mod( 'blog_posts_depth', 0 ),

'depth_hover' => get_theme_mod( 'blog_posts_depth_hover', 0 ),

'text_align' => get_theme_mod( 'blog_posts_title_align', 'center' ),

'style' => 'vertical',

'columns' => '1',

'show_date' => get_theme_mod( 'blog_badge', 1 ) ? 'true' : 'false',

'ids' => $ids,

) );

Dưới dòng 'ids' => $ids,, bạn thêm 'excerpt_length' => '40',vào. Sau đó lưu lại là được.

Code sau khi thêm vào:

echo flatsome_apply_shortcode( 'blog_posts', array(
    'type'        => 'row',
    'image_width' => '40',
    'depth'       => get_theme_mod( 'blog_posts_depth', 0 ),
    'depth_hover' => get_theme_mod( 'blog_posts_depth_hover', 0 ),
    'text_align'  => get_theme_mod( 'blog_posts_title_align', 'center' ),
    'style'       => 'vertical',
    'columns'     => '1',
    'show_date'   => get_theme_mod( 'blog_badge', 1 ) ? 'true' : 'false',
    'ids'         => $ids,
    'excerpt_length' => '40',
) );

echo flatsome_apply_shortcode( 'blog_posts', array(

'type' => 'row',

'image_width' => '40',

'depth' => get_theme_mod( 'blog_posts_depth', 0 ),

'depth_hover' => get_theme_mod( 'blog_posts_depth_hover', 0 ),

'text_align' => get_theme_mod( 'blog_posts_title_align', 'center' ),

'style' => 'vertical',

'columns' => '1',

'show_date' => get_theme_mod( 'blog_badge', 1 ) ? 'true' : 'false',

'ids' => $ids,

'excerpt_length' => '40',

) );

Note: Bạn đổi số 40 thành số ký tự mình muốn nhé.

Bước 4: Xem kết quả

Sau khi điều chỉnh như trên, mình được kết quả thế này

Điểm 5/5 - ( Có 1 bình chọn)

3 thoughts on “Hướng dẫn thay đổi độ dài của mô tả trong theme flatsome 09/2023”

Kênh Sách Nói says:
Với thêm Flatsome có 1 cách nhanh gọn nhất đó là:
vào file: /themes/flatsome/inc/shortcodes/blog_posts.php
tìm đến dòng 38:
‘excerpt_length’ => 15, (Sửa 15 thành số từ bạn muốn ví dụ: 45)

25/01/2022 at 10:09
- flatsome says:
  Thanks bác , Nhưng bác quên 1 điều là khi Update nó mất nhé 🙂
  
  File blog_posts.php theo mình biết là nó không nhận ở child
  
  25/01/2022 at 10:18
Pingback: Hướng dẫn thay đổi độ dài của mô tả trong theme flatsome - FLATSOME - FREE EVERY THING