Sunday , December 22 2024

Hướng dẫn chèn hình ảnh vào nội dung trong WordPress

Chào mừng bạn đã quay trở lại blog Ngô Thắng, ở bài viết này tôi sẽ hướng dẫn bạn cách chèn hình ảnh hay một tập tin bất kỳ vào nội dung trong WordPress.

Trong khung soạn thảo bạn có thể dễ dàng thấy nút Add Media ngay bên trên các nút soạn thảo, đó là nút để chúng ta có thể chèn các loại tập tin kỹ thuật số (hình ảnh, nhạc, video,…) vào nội dung. Mặc định, WordPress hỗ trợ bạn upload tập tin trực tiếp từ máy tính lên website và tập tin này sẽ được lưu trên hosting, hoặc bạn có thể chèn một hình ảnh từ một liên kết nào đó.

add-media-wordpress_thumb

Và đây là giao diện hiển thị sau khi ấn vào nút Add Media

chen-tap-tin-wordpress_thumb

Ở đây mình khuyến khích các bạn nên upload tập tin thẳng lên hosting (ngoại trừ các tập tin quá nặng có kích thước lớn hơn 10MB vì sẽ tốn dung lượng cho hosting) vì bạn có thể dễ dàng quản lý và tái sử dụng lại, cũng như tốc độ tải của website sẽ tốt hơn.

Hãy thử upload một tấm ảnh lên bằng cách ấn vào nút Select Files (hoặc kéo và thả tập tin vào khoảng trắng của cửa số đó), bạn cũng có thể upload nhiều tập tin cùng một lúc.

Sau khi upload xong, hình ảnh đã sẵn sàng để chèn bằng cách hiển thị giao diện như sau:

chen-anh-vao-noi-dung_thumb

Kể từ khi bạn ấn nút Insert into post, hình ảnh/tập tin đã được chèn vào nội dung và hiển thị ra.

sau-khi-chen-anh_thumb

Bạn có thể click vào ảnh và sử dụng các công cụ chỉnh sửa thông tin ảnh đã chèn.

sua-anh-da-chen_thumb

Nếu bạn muốn viết mô tả cho ảnh để nó hiển thị trong nội dung, hãy điền mô tả vào phần Caption trong khi sửa/chèn ảnh nhé.

sua-anh

Để quản lý tất cả tập tin đã được upload lên web, bạn vào menu Media -> Library

media

Trong bài này bạn đã có thể chèn được một tập tin bất kỳ hoặc hình ảnh lên nội dung trong website WordPress của mình.

Chúc bạn thành công!

About Ngo Thang IT

Check Also

Hướng dẫn tạo mã CSR và Private Key trong PHP

Để tạo được chứng chỉ SSL chúng ta cần có CSR và Private Key, trong …

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Đăng Ký Nhận Tin Qua Email

Nhận thông tin bổ ích về WordPress, Hosting, Thủ thuật website, Download miễn phí....và các phần quà hấp dẫn qua email.

* là bắt buộc