Hướng dẫn chèn hình ảnh và video vào nội dung Web30s

Hình ảnh và video là những thông tin góp phần nội dung của website trở nên sinh động và làm web của người quản trị trở nên có màu sắc hơn. Tuy nhiên, với nhiều người mới sử dụng lần đầu Web30s chưa biết cách chèn ảnh, GIF, video vào nội dung như thế nào. Đừng lo, bài viết này là dành cho bạn.

1. Chèn ảnh, GIF vào nội dung Web30s

Ngày nay, việc soạn thảo văn bản có thêm hình ảnh minh hoạ là một điều khá quan trọng. Nếu có thêm hình ảnh minh họa thì bài viết của người quản trị sẽ trở nên phong phú, hấp dẫn và tăng độ xác thực.

Vì vậy, hãy sử dụng hình ảnh minh họa càng nhiều càng tốt để có thêm bài viết chất lượng nhé! 

Lưu ý: Vì là môi trường web, những hình ảnh đăng tải nên có dung lượng vào khoảng 70kb cho tới 200kb. Đây được coi là vùng chỉ số tối ưu nhất, giúp tốc độ chạy của website được đảm bảo. Nếu quá nặng người quản trị nên sử dụng các công cụ giảm tải dung lượng ảnh như TinyPNG, Compress Now, Img2Go,.. 

Nếu bức ảnh mà người quản trị muốn chèn đã được tải xuống và lưu về máy tính thì việc thực hiện vô cùng dễ dàng. Trong trường hợp chưa có người quản trị vui lòng thực hiện tải ảnh về máy trước để bắt đầu thực hiện. 

Các định dạng đang được hỗ trợ trên web có thể chèn gồm các định dạng .jpg, jpeg, png, gif, webp. 

Để chèn ảnh vào nội dung, trước tiên là người quản trị chọn vị trí muốn bổ sung hình ảnh. Và thực hiện chọn nút Chèn ảnh (Image) trên công cụ soạn thảo.

Màn hình sẽ hiển thị bảng Thuộc tính của ảnh (Image Properties), người quản trị chọn nút Duyệt (Browse Server) để truy cập vào phần Quản lý tập tin để chọn ảnh.

Màn hình sẽ mở phần Quản lý tập tin để người quản trị chọn hình ảnh cần đăng tải. Hình ảnh nếu đã đăng tải lên từ trước người quản trị có thể chọn trực tiếp. Nếu chưa đăng tải người quản trị ấn nút Tải lên (Upload) ở bên trái màn hình. 

Sau khi đã chọn hình ảnh thành công, màn hình sẽ hiển thị Thuộc tính của ảnh với mẫu hình ảnh vừa được chọn thể hiện trên khung. 

Lưu ý : Không đặt kích thước chiều cao và rộng của hình ảnh để tránh trường hợp hình ảnh trên thiết bị di động không đủ không gian hiển thị dẫn đến hiện tượng hình ảnh hiển thị tràn khung.

Trên đây là nội dung hướng dẫn chèn hình ảnh vào trong nội dung. Trong trường hợp không thể thêm vui lòng liên hệ lại với Kỹ thuật P.A, Kỹ thuật sẽ giải đáp hỗ trợ cho Quý khách từng bước thực hiện thao tác.

2. Chèn Video vào nội dung Web30s

Chèn video YouTube vào trang web giúp người xem có thêm nội dung để tham khảo. Người quản trị có thể chèn video của mình hay từ bất kỳ kênh YouTube nào khác mà không cần đăng nhập tài khoản Google. Ngoài ra việc tốc độ Youtube xử lý video vô cùng nhanh chóng và hình ảnh sắc nét, đồng thời là một kênh miễn phí. 

Để chèn video youtube vào trong nội dung, trước tiên người quản trị cần phải truy cập vào Youtube để lấy thông tin video. Người quản trị hãy chọn video nội dung muốn lấy. Có 2 cách để nhúng video.

Cách 1: Nhúng mã HTML

Người quản trị chọn mục Chia sẻ (Share) ở ngay dưới video. Chọn mục đầu tiên là nút Nhúng (Iframe) và chọn Sao chép (Copy). 

Sau đó Người quản trị thực hiện quay lại trang quản trị và thực hiện vào mục nội dung. Chuyển đổi sang phần mã HTML (Source), màn hình sẽ hiển thị nội dung dưới dạng mã HTML. Lúc này Quý khách dán đoạn mã đã sao chép vào 1 dòng trống. Chuyển đổi sang phần mã HTML một lần nữa, kết quả thu được sẽ là 1 đường viền đỏ Iframe.  

Cách 2: Nhúng bằng Iframe trên công cụ. 

Chọn nút Nhúng (Iframe) trên thanh công cụ. 

Sao chép đường dẫn video từ Youtube bằng cách vào Chia sẻ (Share) => Sao chép (Copy)   

Dán nội dung vừa sao chép vào trong mục Đường dẫn (Url) sau đó ấn nút Lưu (OK). Kết quả thu được sẽ là 1 đường viền đỏ Iframe.  

Lưu ý: Do đây là nội dung thêm thủ công nên cần đặt kích thước khung hiển thị cho Iframe. Người quản trị có thể tùy ý đặt kích thước hiển thị.

Đến đây, người quản trị đã nắm được hướng dẫn chi tiết cách chèn ảnh, video, GIF vào nội dung văn bản một cách dễ dàng, giúp người quản trị thuận lợi hơn trong công việc. 

Quý Khách có thể xem các bài viết hướng dẫn web30s khác tại:

Tổng hợp các bài viết hướng dẫn sử dụng Web30s – V4

Quý khách có thể tham khảo thêm nhiều chương trình khuyến mãi của P.A Việt Nam tại đây.