Làm cách nào để tắt hình ảnh trong WordPress?

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

1. Video hướng dẫn
2. Thêm khối hình ảnh
3. Thanh công cụ chặn
   1. Căn chỉnh hình ảnh
   2. Cài đặt liên kết
   3. Cắt xén và các công cụ chỉnh sửa hình ảnh khác
   4. Bộ lọc Duotone
4. Thay đổi kích thước hình ảnh
5. chú thích
6. Cài đặt chặn
   1. phong cách
   2. Cài đặt hình ảnh
   3. Đường viền và Bán kính
   4. 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

Chèn khối Hình ảnh bằng Trình chèn khối

💡

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

Chèn một khối Hình ảnh bằng cách gõ /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

Thanh công cụ khối hình ảnh

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

Căn chỉnh hình ảnh

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ết

Cà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 đó

Hình ảnh của bạn có thể liên kết tới một URL tùy chỉnh, Trang đính kèm hoặc Tệp phương tiện

Cắt xén và các công cụ chỉnh sửa hình ảnh khác

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 xem

Cá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 Duotone

Tù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 bằng cách kéo tay cầm của nó

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

Kiểm soát kích thước hình ảnh trong cài đặt khối

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

Bật và thêm chú thích cho hình ảnh

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

Nhấp vào biểu tượng Cài đặt để mở cài đặt khối

Cài đặt khối hình ảnh

Cài đặt khối Hình ảnh chứa các tùy chọn sau

phong cách

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 và Bán kính

Đườ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

1. Nhấp vào biểu tượng hình tròn để chọn màu cho đường viền của bạn
2. 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
3. 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ữa PX % EM REM VW và VH
4. 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
5. 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
6. 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

📌

Cà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.

Nâng cao

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