Thủ thuật, CSS Ngày 11/02/2024 8972 lượt xem

Hiện thị thông tin bài đăng blog wordpress trong theme flatsome

Đôi lúc chúng ta cần show các thông tin bên dưới tựa đề bài đăng như người đăng bài , ngày đăng bài , ngày update ,…

Lê Anh ĐôngFlatsome trên Google News

Hiện thị thông tin bài đăng blog wordpress trong theme flatsome

Đôi lúc chúng ta cần show các thông tin bên dưới tựa đề bài đăng như người đăng bài , ngày đăng bài , ngày update , lượt xem , số lần commen ..
bài hôm nay mình sẽ chỉ bạn làm Hiện thị thông tin bài đăng blog wordpress trong theme flatsome nhé .

Hiện thị thông tin bài đăng blog wordpress trong theme flatsome

Nói là theme Flatsome nhưng cũng có thể áp dụng cho tất cả các theme nhé , tuy nhiên vị trí có thể khác chút nhé

ok bắt đầu nào , xem qua sau khi show chúng ta sẽ có những gì và như thế nào, Mời bạn xem qua hình sau khi mình show 1 số thông tin trong bài đăng nhé

Hiện thị thông tin bài đăng blog wordpress trong theme flatsome
Hiện thị thông tin bài đăng blog wordpress trong theme flatsome

 

Như hình chúng ta có

  •  Người đăng ( mình lấy mặc định của blog chỉ thay class để css lại thôi )
  • Ngày đăng ( cũng lấy mặc định của blog )
  • Chuyên mục đăng
  • Số bình luận

ngoài ra 1 số bạn còn thích thêm

  • Hiển ngày update bài ( sửa bài )
  • Lượt xem
  • ….

Cách làm Hiện thị thông tin bài đăng blog wordpress

 Note : khuyến khích làm trên child theme nhé 

tìm đến đường dẫn bên dưới  :

Flatsome Child: entry-title.php (template-parts/posts/partials/entry-title.php)

tìm đến đoạn code :

Thêm code này vào bên dưới 

xem hình

Hiện thị thông tin bài đăng blog wordpress trong theme flatsome
Hiện thị thông tin bài đăng blog wordpress trong theme flatsome

Note :

trong hình tớ bỏ 2 đoạn ( đầu + cuối bằng dấu

  • Đoạn đầu hiện thị chuyên mục blog
  • đoạn cuối là code mặc định của blog – do minh thêm bên trên nên có thể xóa hoặc ẩn nó đi

 

Ngoài những mục ở trên ta còn có thể thêm :

  • Tags bài viết
 

Nếu bạn yêu cầu show gì bạn có thể commem bên dưới nhé

 

Sau khi Add code bên trên xong tạm thời là nó sẽ hiện thị nhưng chưa đẹp cần css sau mới đẹp được nhé

Đê ICON hiện thị bạn cần cài Hướng dẫn sử dụng Font Awesome 5 bản miễn phí nhé

OK vậy là xong rồi nhé ,

Ngoài ra bạn cần yêu cầu show gì cứ báo mình nhé , Chúc bạn thành công

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

Có Nhận xét cho "Hiện thị thông tin bài đăng blog wordpress trong theme flatsome"

  1. minh says:

    Xin chào anh! cho em hỏi nếu muốn thêm những thông tin này vào các list bài viết trong mục archive thì làm sao ạ? Em cảm ơn

    • Mạnh says:

      display: flex;
      }
      .nguoidang, .ngaydang, .chuyenmuc {
      margin-right: 18px;
      }
      .binhluan:before,.nguoidang:before,.ngaydang:before, .chuyenmuc:before {
      font-family: ‘FontAwesome’;
      padding-right: 7px;
      }
      .nguoidang:before {
      content: “\f4ff”;
      }
      .ngaydang:before {
      content: “\f017”;
      }
      .chuyenmuc:before {
      content: “\f07c”;
      }
      .binhluan:before {
      content: “\f086”;

      >>> ddaonj này em chưa thấy vị trí chèn ạ

  2. Pingback: Hiện thị thông tin bài đăng blog wordpress trong theme flatsome - FLATSOME - FREE EVERY THING

  3. Pingback: Hiện thị thông tin bài đăng blog wordpress - Chợ theme web

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Các dịch vụ của FLATSOME.XYZ