Cách Sử Dụng Hình Ảnh Trong Wordpress

Cách Sử Dụng Hình Ảnh Trong Wordpress


Ngày 28 Tháng 8 Năm 2021

Ngày hôm nay chúng ta chuyển sang một chủ đề mới là Wordpress. Bài viết này mình sẽ giới thiệu đến bạn cách sử dụng và các chức năng hữu ích cho hình ảnh ở trong Wordpress nha!

Cách Upload Hình Ảnh Trong Wordpress

Để thêm một hình ảnh vào cho trang wordpress thì chúng ta sẽ thực hiện như video dưới đây nha!

Khi upload hình ảnh thì chúng ta sẽ có 3 lựa chọn cơ bản là :

3 Cách Upload Hình Ảnh Trong Wordpress
  • Upload: Chọn File hình ảnh từ máy tính của bạn.
  • Media Library: Chọn File hình ảnh từ thư mục trong mục lưu trữ trang Wordpress của bạn.
  • Insert from URL: Thêm hình ảnh thông qua địa chỉ URL của image.

Mình có một lưu ý quan trọng là khi bạn upload hình ảnh thì thẻ mà bắt buộc chúng ta phải cập nhật là Alt text. Nó có nhiệm vụ là khi hình ảnh chúng ta vì một sự cố nào đó mà không hiển thị được thì nội dung trong thẻ Alt text sẽ hiện ra giúp người dùng có thể nắm sơ bộ hình ảnh của chúng ta đang nói về điều gì.

Sử Dụng Căn Lề cho Hình Ảnh

Trong khi tạo nội dung trong website thì sẽ tuỳ vào mục đích sử dụng mà sẽ thiết lập vị trí hình ảnh cho phù hợp. Sau đây sẽ là các thuộc tính căn chỉnh được sử dụng phổ biến nha:

  • Align Left: Căn Trái
  • Align Center: Căn Giứa
  • Align Right: Căn Phải
  • Wide Width: Toàn độ rộng của nội dung website.

Và để dễ hình dung hơn thì bạn hãy xem video bên dưới nha!

Thay Đổi Kích Thước Cho Hình Ảnh

Trong Wordpress có cung cấp chúng ta các thay đổi kích thước hình ảnh phổ biến bao gồm 25%, 50%, 75% và 100%. Ngoài ra bạn cũng có thể chỉnh lại kích thước hình ảnh theo ý của mình trong ô Weidth và Height.

Cách Thêm Đường Dẫn Vào Hình Ảnh

khi bạn muốn chuyển tới một địa chỉ URL nào đó khi người dùng nhấp vào hình ảnh thì chúng ta sẽ có thể sử dụng cách sau đây nha!

Tạo Background Size Cover Cho Hình Ảnh

Trong phần này chúng ta sẽ đi vào tìm hiểu cách tạo hình ảnh background cho nội dung website nha.

Phần tiếp theo này chúng ta sẽ đi vào tạo gradient cho hình ảnh cover nha.

Tạo Gallery Cho Hình Ảnh

Bây giờ chúng ta sẽ đi vào tìm hiểu cách nhóm nhiều hình ảnh lại với nhau trong Wordpress nha.

Ngoài ra bạn cũng có thể điều chỉnh lại bố cục cho gallery thông qua cách phân chia số phần tử hình ảnh có trong một dòng.

Cách Thiết Lập Image Và Text Side by Side

Trong phần này chúng ta sẽ đi vào cách để hình ảnh và chữ nằm kế bên nhau nha.

Ngoài ra chúng ta cũng dễ dàng canh chỉnh vị trí của hình ảnh hay chữ trong wordpress bằng các thuộc tính được cung cấp sẵn. Để hiểu rõ hơn bạn hãy xem video dưới đây nha!

Tổng kết:

Qua đây mình mong bài viết sẽ giúp bạn cách sử dụng hình ảnh trong Wordpress cho trang web và nếu có thắc mắc gì cứ gửi email mình sẽ phản hồi sớm nhất có thể. Rất mong bạn tiếp tục ủng hộ trang web để mình có thể viết nhiều bài hay hơn nữa nhé. Chúc bạn có một ngày vui vẻ!