Để 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.
