Chèn media vào nội dung – Insert Media

Để chèn Media vào nội dung bài viết, ta làm như sau:

Bước (1): ấn vào dấu (+) sau đó chọn Block Ảnh

Bước (2): Bạn có thể chọn tập tin đã tải lên từ trước bằng cách ấn vào Media hoặc ấn vào Tải lên để tại tập tin từ máy tính của bạn

Sau khi ấn nút Tải lên, bạn hãy chọn đến nơi lưu tập tin của bạn và lựa chọn, sau đó ấn open để tải tập tin lên

Bước (4): Khi đã tải ảnh lên, bạn có thể tùy chỉnh hiển thị sao cho phù hợp với bài viết, sau đây là 1 vài gợi ý cho bạn

Chọn vào block Ảnh đã tải lên > Căn lề ảnh: Trái, Giữa, Phải, Chiều rộng khung, Chiều rộng đầy đủ

Ở cột phía bên phải bạn có thể tuy hỉnh:

  • Các phong cách hiển thị: Chọn ảnh hiện thị mặc định vuông gọc hoặc bo tròn.
  • văn bản mô tả nội dung bức ảnh (không bắt buộc).
  • Kích thước hình ảnh: bạn hãy tùy chỉnh kích thước hình ảnh cho phù hợp bố cục tổng quan sao cho phù hợp

Lưu ý nâng cao: khi ảnh bạn tải lên, có thể bức ảnh so với nền nội dung sẽ gần giống nhau khiến cho chúng không được phân biệt rõ ràng, vì vậy bạn cần tạo 1 khung viền bao quanh bức ảnh để nó dễ nhận biết hơn. Ví dụ, ta thêm một lớp là ‘imgs-border’ tại Giao diện > Tùy biến > CSS Bổ xung như sau:

.imgs-border img {
    display: block;
    margin: 1em 0 2em;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
}

Sau đó đến phần thuộc tính Nâng cao, bạn xuống mục Lớp CSS bổ sung và thêm ‘imgs-boder’ vào ô như hình, hình ảnh sẽ có viền như trong bài viết này.

Kim Quy Tech

Công Ty Cổ Phần Đầu Tư Và Công Nghệ Kim Quy
Địa chỉ: Lô 01/9B khu công nghiệp quận Hoàng Mai, phường Hoàng Văn Thụ, quận Hoàng Mai, Hà Nội

Dịch vụ

Web Service

CRM Bitrix24

SMS Brandname

Thiết kế thương hiệu

Chính sách

Chính sách bảo mật

Điều khoản dịch vụ

Chính sách hợp tác

tuyển dụng

Giấy chứng nhận đăng ký kinh doanh số 0106516154 do Sở kế hoạch và đầu tư thành phố Hà Nội cấp ngày 18/04/2014.
© 2014 - 2021 - Bản quyền của Công Ty Cổ Phần Đầu Tư Và Công Nghệ Kim Quy - Kimquy.com.vn, Jsc. Giúp khách hàng kinh hoanh hiệu quả.