Home / Hướng Dẫn / WordPress / Chèn hình ảnh vào bài viết trong WordPress

Chèn hình ảnh vào bài viết trong WordPress

Bạn có thể chèn hình ảnh vào website WordPress của bạn rất dễ dàng. Bạn có thể tải hình ảnh từ máy tính hoặc chèn liên kết hình ảnh từ website khác trên internet.

WordPress có thể thay đổi kích thước hình ảnh và tạo hình thu nhỏ.

Bước 1 – Đặt con trỏ của bạn

Để chèn một hình ảnh vào bài viết, trước tiên bạn phải di chuyển con trỏ đến vị trí bạn muốn chèn hình ảnh. Nếu bạn muốn hình ảnh xuất hiện trên 1 dòng duy nhất, bạn có thể con trỏ trên một dòng trống.

Mẹo: Bạn nên đặt con trỏ tại đầu dòng của đoạn văn bản, ngay khi bạn muốn hình ảnh xuất hiện ở bên phải. Bởi vì có một thiết lập đặt biệt gọi là "Alignment" cho phép bạn định dạng các hình ảnh xuất hiện bên phải hoặc bên trái của văn bản. Thậm chí có thể định dạnh cho văn bản bao quanh hình ảnh.

Bước 2 – Kích vào nút Add Truyền thông

Một khi bạn đã đặt con trỏ đến vị trí mong muốn chèn hình ảnh. Click vào nút Add Media để khởi động giao diện tải hình ảnh.

  Chèn hình ảnh vào bài viết trong WordPress  

 

Bước 3 – Thêm hoặc Chọn hình ảnh của bạn

Bạn có thể thêm hình ảnh từ liên kết của website khác hoặc upload hình ảnh của bạn từ máy tính vào website của bạn bằng các tùy chọn sau đây:

Upload files: Tải hình ảnh bạn từ máy tính bằng cách kéo nó vào khu vực upload.

Media Library: Lựa chọn bất kỳ hình ảnh đã tải lên trước đây trong thư viện hình ảnh bằng cách Click vào một trong những hình ảnh bạn muốn thêm vào bài viết của bạn.

Chèn hình ảnh vào bài viết trong WordPress

Khi bạn đã chọn hoặc tải hình ảnh mà bạn muốn thêm vào, bạn sẽ thấy một hộp kiểm màu xanh bên cạnh hình thu nhỏ để xác nhận hình ảnh đã được lựa chọn, và xem thông tin về nó được hiển thị trong phần "Attachment Details" cửa sổ phía bên phải giao diện tải lên.

Bước 4: Chi tiết thông tin

Chèn hình ảnh vào bài viết trong WordPress

Cửa sổ thể hiện thông tin về hình ảnh được bạn tải lên. Ngoài ra còn có liên kết cho phép chỉnh sửa hình ảnh, xóa hình ảnh vĩnh viễn khỏi trang web của bạn.

Bạn có thể chỉnh sửa các thông tin về hình ảnh như sau:

– Title: Tiêu đề của hình ảnh.

– Caption: Chú thích cho hình ảnh.

– Alt Text: Thay thế bằng văn bản khi hình ảnh gặp trục trặc.

– Description: Mô tả cho hình ảnh  này.

Bước 5: Cài đặt hiển thị

Phương thức mà hình ảnh được thể hiện trên website của bạn.

Có các tùy chọn để bạn thiết lập cho các hình ảnh liên kết đến trang khác. Vị trí mà hình ảnh sẽ xuất hiện trên website.  Kích thước của web site

Căn chỉnh hình ảnh

Chèn hình ảnh vào bài viết trong WordPress

Thiết lập Alignment cho phép bạn xác định vị trí hình ảnh xuất hiện trong nội dung bài viết. Bạn có các tùy chọn sau đây để lựa chọn:

– Left: Canh lề bên lề trái.

– Right: Canh lề bên lề phải.

– Center: Canh giữa.

– None: Chèn hình ảnh vào website không thiết lập định dạng nào cả.

Chèn hình ảnh vào bài viết trong WordPress

Chèn liên kết vào hình ảnh

Chèn liên kết URL/ địa chỉ web mà hình ảnh được liên kết đến. Bạn có thể thiết lập liên kết cho hình ảnh sau đây:

Attachment Page: Liên kết đến chính địa chỉ hình ảnh này.

– Media File: Liên kết đến địa chỉ trực tiếp của hình ảnh gốc.

– Custom URL: Cho phép bạn thiết lập một liên kết URL khác.

– None: Thiết lập này sẽ loại bỏ các liên kết hoàn toàn.

Kích thước hình ảnh

Thiết lập kích thước cho hình ảnh của bạn.  Theo mặc định WordPress tạo ra bốn kích thước chuẩn cho bạn lựa chọn:

Thumbnail: Kích thước ảnh thu nhỏ.

Medium: Hiển thị kích thước trung bình của hình ảnh.

Large: Hiển thị kích thước cỡ lớn của hình ảnh.

Full Size: Hiển thị kích thước đầy đủ của hình ảnh.

Bước 6: Chèn hình ảnh

Chèn hình ảnh vào bài viết trong WordPress

Khi đã xác định các thiết lập cho hình ảnh, click vào nút "Insert" màu xanh để chèn hình ảnh vào bài viết. Sau khi cửa sổ tải hình ảnh đóng lại, bạn sẽ thấy hình ảnh hiển thị trong cửa sổ soạn thảo văn bản.

Bất cứ lúc nào, bạn có thể chỉnh sửa các cài đặt hình ảnh bằng cách nhấp vào nút "Edit Image" trong góc trên bên trái. Bạn có thể xóa hình ảnh từ trang web của bạn bằng cách nhấp vào nút "Remove Image".

About Tạp Chí Tin Học

14 comments

  1. Ah cha cha, mình đang có một lỗi khá là lạ nhé, không thể chèn hình ảnh vào bài viết dù mới hay sử, dĩ nhiên hình ảnh đã chèm trước thời điểm chuyển host vẫn hoạt động bình thường, sau thời điểm chuyển host mới thì không thể , dù kiểm tra media vẫn có trên server, nhưng trong bài viết “không có gì” các sửa đơn giản như CMOD folder uploads, kiểm tra htaccess , xem lại URL dẫn ảnh, clear cache hay gì gì đó trên wordpress ORG có chỉ và các blogger khác nhưng vẫn không được.

    Mình thử cài 1 bản mới tinh WP:3.8.1 trên host mới –> ok vẫn upload ảnh bình thường, mình thử copy và đè code sang bản cũ, tình hình vẫn không thay đổi.

    Admin tapchicntt có thể có giải pháp kiểm tra hay gì không? vui lòng help ! hoặc e-mail cho mình nhé – vì comment không có chức năng “theo dõi”.

  2. Hi all,

    Toi cung bi truong hop y nhu vay.

    Lam sao de khac phuc.

  3. Tại sao một cái theme đẹp như vậy mà bị bạn biến thành như vậy hả bạn….

  4. themes này bạn có share không nhỉ, đẹp quá hi, bạn share thì tốt quá, gửi vào mail cho mình nhé.

  5. Mình đã làm được. Thanks thớt đã chia sẻ 🙂

  6. bạn oi cho mình hỏi, mình chèn mãi mà báo lỗi k chèn được ảnh nó báo lỗi thế này
    Missing a temporary folder.

  7. Mình đang bị lỗi Missing a temporary folder. Không biết như vậy là bị lỗi gì? Mình đã chình permission thư mục uploads thành 744 mà vẫn ko up lên được. Nhờ admin hướng dẫn cách khắc phục.

    • Tạp Chí Tin Học

      Chào bạn! Hiện bạn đang dùng host hay VPS. Nếu dùng host thì bạn thử set chmod thành 777 xong upload thử xem sao. Có thể nhà cung cấp host không cho upload file bằng cấu hình chmod 755

  8. Thêm ảnh và căn lề bên phải, nhưng khi để web kích thước mobile thì hình ảnh vẫn nằm bên phải, xin cách để hình ảnh nằm chính giữa (center) khi ở mobile

  9. Có đoạn code nào chèn vào mà nó tự fix tất cả ảnh về một size không bạn?

Leave a Reply

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

*

Time limit is exhausted. Please reload CAPTCHA.