Blog Wordpress, CSS, Thủ thuật Ngày 07/02/2023 6386 lượt xem

Thêm xem thêm cho blog theme flatsome

Có nhiều bạn hỏi thêm chữ “Xem thêm” Hoặc bất kỳ chữ gì trong blog của theme flatsome như thế nào ? Là 1 tips nhỏ nhưng…

Lê Anh Đông Lê Anh ĐôngFlatsome trên Google News

Thêm xem thêm cho blog theme flatsome

Có nhiều bạn hỏi thêm chữ “Xem thêm” Hoặc bất kỳ chữ gì trong blog của theme flatsome như thế nào ? Là 1 tips nhỏ nhưng có rất nhiều bạn thắc mắc . Hôm nay sẳn dự án tớ có yêu cầu có làm tới nên tiện share cho anh em nào chưa biết nhé Nếu PRO nào biết rồi xin bỏ qua bài đăng này .

xem chi tiết bài viết để biết cách tớ đã làm như thế nào nhé.

Thêm xem thêm cho blog theme flatsome

Thêm chữ xem theme cho Blog là như thế nào ? Để bạn dễ hình dung mình đang nói gì 🙂 , Bạn xem hình bên dưới

Thêm xem thêm cho blog theme flatsomeChữ Xem thêm cho blog theme flatsomeTức là ở mỗi bài đăng trong Category blog có thêm chữ “Đọc Thêm” ( hoặc bạn thêm bất cứ chữ gì cũng được ) rất đẹp có thể hover để đổi màu rất bắt mắt nhéOK vào việc thôi

Cách Thêm xem thêm cho blog theme flatsome

Ngay trên theme bạn đang dùng bạn có thể vào  TÙY CHỈNH / CSS BỔ SUNG ( NHƯ HÌNH )

Thêm xem thêm cho blog theme flatsome
Thêm xem thêm cho blog theme flatsome

 

Xem qua Demo tớ đã làm nhé : https://www.farm.chowebs.com/Thêm đoạn mã CSS này vào

Các phần tự bên trong như sau

– Class .page-wrapper 

chỉ hiện thị trong Category blog ( nếu bạn muốn hiện thị bất cứ chỗ nào có blog thì bảo class đầu đi )

–  display: block; – Đảm bảo chữ ” Đọc Thêm” nằm trên 1 dòng ( không chồng lên mô tả ngắn )

–  p.from_the_blog_excerpt:hover:after Hiệu ứng khi Mình Hover Chuột vào chữ Đọc Thêm

OK chỉ vậy thôi , bạn chỉ cần lưu lại và xem kết quả ,

Nếu bạn muốn áp dụng cho mọi vị trí có blog thì bỏ class đầu đi nhé ( code sau khi bỏ )

Tham khảo giá bán theme này tại https://chowebs.com/webs/theme-thuc-pham-sach-bang-flatsome-wordpress

Nếu làm không được chữ xem thêm cho blog hoặc thắc mắc gì vui lòng liên hệ hoặc commem bên dưới nhé

Chúc bạn thành công

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

Trả lời

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 *