Khối » Khối hình ảnh
Sử dụng khối Hình ảnh để chèn hình ảnh vào trang hoặc bài đăng của bạn. Hướng dẫn này mô tả cách chèn hình ảnh và sử dụng tất cả các cài đặt có sẵn để kiểm soát cách hình ảnh xuất hiện
Mục lục
- Video hướng dẫn
- Thêm khối hình ảnh
- Thanh công cụ chặn
- Căn chỉnh hình ảnh
- Cài đặt liên kết
- Cắt xén và các công cụ chỉnh sửa hình ảnh khác
- Bộ lọc Duotone
- Thay đổi kích thước hình ảnh
- chú thích
- Cài đặt chặn
- phong cách
- Cài đặt hình ảnh
- Đường viền và Bán kính
- Nâng cao
Video hướng dẫn
Thêm khối hình ảnh
Để thêm khối Hình ảnh, hãy nhấp vào biểu tượng + Khối Trình chèn và tìm kiếm "hình ảnh". Nhấp vào nó để thêm khối vào bài đăng hoặc trang
💡
Sử dụng bàn phím của mình, bạn cũng có thể nhập
/image
trên một dòng mới và nhấn Enter hoặc nhấp vào tùy chọn Hình ảnh trong menu để nhanh chóng thêm một khối Hình ảnh mới
/image
trên một dòng mớiĐể biết thêm, hãy truy cập hướng dẫn chi tiết của chúng tôi về cách thêm khối
Khi bạn thêm khối, bạn sẽ thấy ba phương pháp để chọn hình ảnh của mình
- Tải lên. Chọn một hình ảnh từ máy tính hoặc thiết bị của bạn để thêm vào trang web của bạn. Xem các loại tệp được hỗ trợ
- Chọn ảnh. Chọn một hình ảnh từ
- Hình ảnh hiện có trong Thư viện phương tiện của bạn
- Tài khoản Google Ảnh của bạn
- Thư viện ảnh miễn phí của Pexels
- Thư viện ảnh miễn phí Openverse
- Chèn từ URL. Dán một liên kết đến một hình ảnh từ web
Thanh công cụ chặn
Khi click vào khối sẽ xuất hiện thanh công cụ tùy chọn
Các biểu tượng trên thanh công cụ Khối hình ảnh, bắt đầu từ bên trái, là
- Thay đổi loại khối
- Kéo khối
- Di chuyển nó lên hoặc xuống
- Thay đổi căn chỉnh [trái, giữa hoặc phải; và các tùy chọn rộng và toàn chiều rộng nếu được chủ đề hỗ trợ. ]
- Chuyển đổi hộp phụ đề
- Thêm một liên kết đến hình ảnh
- Cắt và các công cụ chỉnh sửa hình ảnh khác
- Thêm văn bản trên hình ảnh. [Nhấp vào đây sẽ thay đổi khối Hình ảnh thành khối Ảnh bìa. ]
- Thêm bộ lọc duotone vào hình ảnh
- Thay thế hình ảnh bằng một hình ảnh khác
- Tùy chọn bổ sung
Sử dụng các tùy chọn căn chỉnh để làm cho hình ảnh xuất hiện ở bên trái, bên phải hoặc ở giữa. Ngoài ra, bạn có thể thấy các tùy chọn cho chiều rộng và chiều rộng đầy đủ, nếu chúng được chủ đề của bạn hỗ trợ
đọc thêm. Căn chỉnh hình ảnh với văn bản
Cài đặt liên kếtCài đặt liên kết cho phép bạn siêu liên kết hình ảnh của mình. Bạn có thể chọn xem nhấp vào hình ảnh sẽ mở trang đính kèm, tệp phương tiện gốc hoặc URL tùy chỉnh mà bạn chọn
Để liên kết đến một URL cụ thể, hãy nhập URL mà bạn muốn hình ảnh liên kết đến trong hộp văn bản xuất hiện. Nếu bạn nhấp vào mũi tên hướng xuống bên cạnh hộp đó, bạn có thể chọn có mở liên kết trong tab mới hay không
Ngoài ra, nếu bạn muốn liên kết một hình ảnh với một trang hoặc bài đăng trên trang web của mình, hãy bắt đầu nhập tiêu đề của trang hoặc bài đăng. Sau đó, bạn có thể chọn nó từ kết quả và liên kết hình ảnh với trang hoặc bài đăng đó
Nhấp vào biểu tượng Cắt trên thanh công cụ và lựa chọn các công cụ chỉnh sửa sẽ xuất hiện
Từ trái sang phải, đây là
- Thu phóng. Bạn có thể phóng to hình ảnh của mình lên tới 300% và nhấp và kéo để kiểm soát phần nào của hình ảnh được phóng to
- Tỷ lệ khung hình. Cắt hình ảnh theo tỷ lệ cụ thể giữa chiều rộng và chiều cao của hình ảnh. tùy chọn có sẵn là
- Nguyên
- Quảng trường
- Cảnh quan. 16. 10, 16. 9, 4. 3, 3. 2
- Chân dung. 10. 16, 9. 16, 3. 4, 2. 3
- Quay. Xoay hình ảnh của bạn 90°, 180°, 270° hoặc 360°
- Áp dụng. Cam kết các thay đổi của bạn đối với hình ảnh
- Hủy bỏ. Thoát khỏi các công cụ chỉnh sửa hình ảnh, từ bỏ các thay đổi của bạn
Dưới đây là minh họa về cách thức hoạt động của tính năng thu phóng
Sử dụng công cụ Zoom để cắt hình ảnh theo kích thước và nội dung bạn muốn xemCác chỉnh sửa bạn thực hiện đối với hình ảnh của mình sẽ tạo một bản sao mới của hình ảnh trong Thư viện phương tiện. Điều này đảm bảo rằng nếu hình ảnh được sử dụng ở nơi khác trên trang web của bạn thì nó sẽ không bị ảnh hưởng. Điều đó cũng có nghĩa là bạn vẫn có ảnh gốc nếu cần
Bộ lọc DuotoneTùy chọn bộ lọc duotone cho phép bạn đặt màu hình ảnh từ thanh công cụ khối. Nghĩ về ảnh đen trắng, nhưng trong bất kỳ kết hợp màu nào bạn chọn. Để bắt đầu, hãy chọn nút Bộ lọc Duotone trên thanh công cụ, sau đó chọn từ các ví dụ được hiển thị hoặc đặt màu của riêng bạn
Để đặt màu của riêng bạn, hãy chọn các dấu chấm trong thanh màu
Thay đổi kích thước hình ảnh
Khi bạn đã thêm hình ảnh vào trình chỉnh sửa, bạn có thể thay đổi kích thước và căn chỉnh hình ảnh để phù hợp hơn với nội dung xung quanh
Để thay đổi kích thước hình ảnh, hãy nhấp vào hình ảnh đó để hiển thị các núm điều khiển thay đổi kích thước trông giống như các chấm màu xanh xung quanh hình ảnh. Sau đó, nhấp vào nút điều khiển thay đổi kích thước và kéo hình ảnh đến kích thước mong muốn của bạn
Ngoài ra, bạn có thể điều chỉnh kích thước chiều rộng và chiều cao trong cài đặt khối ở phía bên tay phải. Ngoài ra còn có các tùy chọn thuận tiện ở đây để đặt hình ảnh thành 100, 75, 50 và 25% kích thước ban đầu của nó
chú thích
Để thêm chú thích, hãy bật Chú thích trên thanh công cụ của khối và nhập chú thích vào hộp Thêm chú thích bên dưới hình ảnh trong trình chỉnh sửa
Nếu bạn đã viết chú thích cho một hình ảnh trong thư viện Phương tiện và sau đó thêm khối Hình ảnh, khối Hình ảnh sẽ hiển thị chú thích bạn đã viết. Tuy nhiên, nếu bạn thêm chú thích cho hình ảnh trong thư viện Phương tiện sau khi thêm khối Hình ảnh, thì chú thích đó sẽ không xuất hiện trong khối Hình ảnh. Trong trường hợp đó, bạn có thể nhập chú thích theo cách thủ công vào khối Hình ảnh hoặc xóa và thêm lại khối để nó sẽ sử dụng chú thích từ thư viện Phương tiện
Cài đặt chặn
Khi bạn nhấp vào khối, bạn sẽ tìm thấy cài đặt khối bổ sung ở thanh bên phải. Nếu bạn không nhìn thấy thanh bên, bạn có thể cần nhấp vào biểu tượng Cài đặt ở góc trên cùng bên phải để hiển thị cài đặt. Biểu tượng này trông giống như một hình vuông với hai cột không bằng nhau
Cài đặt khối Hình ảnh chứa các tùy chọn sau
Chọn kiểu của hình ảnh, có thể được đặt thành
- Mặc định, để hình ảnh xuất hiện khi bạn chèn nó
- Được làm tròn, để hình ảnh xuất hiện dưới dạng hình tròn [nếu hình ảnh của bạn ban đầu là hình vuông] hoặc hình viên nang/hình thuôn dài [nếu hình ảnh của bạn ban đầu là hình chữ nhật]
- Với sóng dưới hoặc sóng trên
Lưu ý rằng các tùy chọn cho Kiểu được đề cập ở trên có thể không khả dụng, tùy thuộc vào chủ đề bạn đang sử dụng cho trang web của mình
Cài đặt hình ảnh- Trường văn bản để thêm mô tả Văn bản thay thế [hoặc văn bản thay thế], điều quan trọng đối với khả năng truy cập và SEO
- Tùy chọn kích thước hình ảnh, như được mô tả ở trên
Đường viền cho phép bạn thêm một đường màu dọc theo các cạnh của hình ảnh
Bán kính cho phép bạn tạo cho đường viền hình ảnh của mình có hình dạng tròn. Đặt bán kính thành 0 có nghĩa là hình ảnh có các cạnh sắc nét
Bạn có thể điều chỉnh cài đặt Đường viền và Bán kính bằng cách nhấp vào từng phần được đánh số tương ứng như được giải thích bên dưới
- Nhấp vào biểu tượng hình tròn để chọn màu cho đường viền của bạn
- Nhập một số vào vùng hộp để chọn độ dày của đường viền hoặc độ tròn của bán kính đường viền của bạn trong hộp bên dưới
- Nhấp vào biểu tượng
PX
để thay đổi đơn vị đo độ dày hoặc bán kính đường viền. Bạn có thể chọn giữaPX % EM REM VW
vàVH
- Nhấp vào chấm màu và trượt để tăng hoặc giảm giá trị đã chọn cho độ dày của đường viền hoặc độ tròn của bán kính đường viền của bạn
- Nhấp vào biểu tượng ba dấu chấm [dấu chấm lửng] để đặt lại cài đặt đã chọn trước đó cho đường viền hoặc bán kính của bạn
- Nhấp vào biểu tượng liên kết màu để hủy liên kết các giá trị cho đường viền hoặc bán kính của bạn. Điều này có nghĩa là bạn có thể chọn các giá trị khác nhau cho mỗi bên của đường viền hoặc bán kính. Dưới đây là một ví dụ về hình ảnh có các giá trị không được liên kết được sử dụng để tạo đường viền hình đốm màu, nhiều màu
📌
Nâng caoCài đặt cho Đường viền và Bán kính có thể không xuất hiện trên trang web của bạn nếu bạn đang sử dụng một chủ đề cổ điển. Bạn có thể muốn khám phá một số chủ đề Trình chỉnh sửa trang web mới của chúng tôi để có khả năng tùy chỉnh đường viền hình ảnh của bạn, v.v.
Tab Nâng cao cho phép bạn thêm thuộc tính tiêu đề, liên kết HTML và các lớp CSS bổ sung vào khối của bạn