Trung tâm trợ giúp iWeb Tất Thành
Quý khách cần tìm kiếm điều gì?
Tìm kiếm...

Chèn icon FontAwesome vào bài viết

Bạn có thể chèn các icon từ bộ font nổi tiếng FontAwesome để bài viết sinh động hơn, hấp dẫn khách hàng hơn

Quản Trị Viên
Viên QT
17:13 08/10/20 trong Viết nội dung tin tức
17:13 08/10/20 397 lượt xem
Mục lục
Để bài viết trỏ nên sinh động hơn, bạn có thể thêm các hình ảnh vào bài viết. Ngoài ra bạn cũng có thể cắt ghép và thêm các icon vào bài viết.
Tuy nhiên, với cách dùng icon dạng ảnh jpg hoặc png bạn gặp phải mấy vấn đề:
  • Mất công tìm kiếm mỏi mắt
  • Kích thước icon, màu và phong cách icon không đồng nhất
  • Khi xem trên điện thoại hoặc zoom trang lên thì icon bị mờ, nhòe, không rõ nét
Với bộ FontAwesome bạn có thể dễ dàng tìm kiếm, chọn màu, chọn kích thước với hơn 500 icon có sẵn. Đặc biệt các icon dùng font sẽ giữ được độ nét dù bạn phóng to thế nào đi nữa và nó cũng rất nhẹ khi tải web.

Cách chèn icon vào bài viết

Bước 1: chỏ chuột vào vị trí cần chèn icon, chọn công cụ chèn icon có hình mặt cười (nếu chưa thấy icon mặt cười, bạn vui lòng nhấn Ctrl F5 để trang quản trị tải lại bản mới nhất)
Chọn công cụ có hình mặt cười để chèn icon

Bước 2: chọn hoặc tìm kiếm icon phù hợp. Lưu ý tìm kiếm bằng tiếng Anh.
Chọn icon

Bước 3: chỉnh cỡ chữ, màu cho phù hợp
Chỉnh cỡ chữ, màu cho icon và nhấn đồng ý

Và kết quả là đây:
Kết quả sau khi chèn icon

Bạn có thể chèn nhiều icon, nhiều màu sắc kích cỡ khác nhau như ví dụ dưới:
.                .

Copy icon, sao chép icon

Để copy, bạn có thể dùng chuột kéo chọn cả khối chứa chữ và icon, nhấn Ctrl C để copy, chọn nơi cần dán, nhấn Ctrl V để paste
Bôi đen, Ctrl C để copy cả khối

Để copy một icon, bạn bôi đen icon cần copy (thường sẽ hiện bôi đen một khoảng trống nhỏ bên cạnh icon), nhấn Ctrl C để copy, chọn nơi cần dán, nhấn Ctrl V để paste
Copy một icon

Gợi ý cho bạn dễ thao tác hơn

Để dễ dàng chọn, copy icon, bạn nên viết trước một vài chữ hoặc vài dấu cách rồi chèn icon vào giữa như ví dụ:
Xin chào (Viết chữ trước rồi chèn icon tại đây) các bạn!
Cài đặt hiệu ứng cho các khối tại trang chủ website khi cuộn trang

Với iWeb bạn có thể giúp website trở nên sinh động hơn bằng cách thêm các hiệu ứng xuất hiện cho các khối ở trang chủ khi cuộn trang tới đâu thì có hiệu ứng tới đó.

17:34 09/11/20 196 lượt xem
Chèn icon FontAwesome vào bài viết

Bạn có thể chèn các icon từ bộ font nổi tiếng FontAwesome để bài viết sinh động hơn, hấp dẫn khách hàng hơn

17:13 08/10/20 398 lượt xem
Thêm tài khoản cộng tác viên đăng bài, phân quyền duyệt tin tức

Hệ thống cho phép bạn thêm tài khoản cộng tác viên, họ chỉ đăng và xem được các bài của họ. Các bài viết của cộng tác viên cần được bạn phê duyệt mới hiển thị lên website

18:05 07/10/20 147 lượt xem
Đăng ảnh vào bài viết

Để thực hiện các thao tác liên quan tới ảnh một cách dễ dàng, như đăng ảnh, chỉnh kích thước, căn lề, thêm chú thích

10:26 29/09/20 389 lượt xem
Hiển thị các danh mục bài viết liên quan ở cuối chi tiết bài viết

Để người đọc không rời mắt khỏi website của bạn, để thỏa mãn nhu cầu đọc, đọc nữa, đọc mãi của người đọc

17:11 21/09/20 223 lượt xem
Hotline
0902.234.481
Zalo
0902.234.481
Viber
0902.234.481
Youtube
https://www.youtube.com/channel/UCSJnQS2GEQAjJPZm4g8Pupw
Twitter
Facebook
http://facebook.com/tatthanh.com.vn
Facebook
http://facebook.com/tatthanh.com.vn
Instagram