Cách thêm hình ảnh trong tiện ích thanh bên WordPress

Nội dung bài viết

Bạn có muốn thêm hình ảnh vào tiện ích thanh bên trong WordPress không? Theo mặc định, WordPress giúp bạn dễ dàng tải lên và thêm hình ảnh vào bất kỳ đâu trên trang web của mình. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách dễ dàng thêm hình ảnh vào tiện ích thanh bên WordPress của bạn. Chúng tôi sẽ chia sẻ nhiều phương pháp, vì vậy bạn có thể sử dụng một phương pháp phù hợp nhất với mình.

Adding an image in WordPress sidebar widget

Phiên bản Video

Đăng ký Thuthuatwordpress.net

Nếu bạn không thích video hoặc cần thêm hướng dẫn, thì hãy tiếp tục đọc.

Thêm hình ảnh trong WordPress bằng tiện ích hình ảnh

Cách dễ nhất để thêm hình ảnh trong thanh bên của WordPress là sử dụng tiện ích ‘Hình ảnh’ mặc định.

Chỉ cần truy cập trang Appearance »Widgets và thêm widget ‘Hình ảnh’ vào thanh bên của bạn. Nếu bạn chưa sử dụng widget trước đây, hãy xem hướng dẫn của chúng tôi về cách thêm và sử dụng widget trong WordPress .

Add image widget

Tiện ích sẽ mở rộng và bạn sẽ có thể xem cài đặt của nó.

Tùy chọn đầu tiên là thêm tiêu đề vào tiện ích hình ảnh. Sau đó, nhấp vào nút ‘Thêm hình ảnh’ để tiếp tục.

Thao tác này sẽ hiển thị trình tải lên phương tiện WordPress nơi bạn có thể nhấp vào nút tải tệp lên để tải lên hình ảnh của mình hoặc chọn hình ảnh bạn đã tải lên trước đó.

Image settings

Sau khi tải hình ảnh lên, bạn sẽ thấy cài đặt hình ảnh ở cột bên phải. Từ đây, bạn có thể cung cấp tiêu đề / văn bản ALT cho hình ảnh, thêm mô tả, chọn kích thước hoặc thậm chí thêm liên kết.

Sau khi hoàn tất, bạn có thể nhấp vào nút ‘Thêm vào tiện ích con’ để lưu các thay đổi của mình. Bây giờ bạn sẽ thấy bản xem trước của hình ảnh bên trong khu vực cài đặt tiện ích.

Widget preview

Đừng quên nhấp vào nút ‘Lưu’ để lưu tiện ích hình ảnh của bạn.

Bây giờ bạn có thể truy cập trang web của mình để xem hình ảnh được hiển thị trên thanh bên của blog WordPress của bạn.

Sidebar image preview

Thêm hình ảnh trong thanh bên WordPress bằng tiện ích con văn bản

Thêm hình ảnh vào thanh bên bằng tiện ích con ‘Hình ảnh’ mặc định khá dễ dàng. Tuy nhiên, đôi khi bạn có thể cần thêm hình ảnh với HTML tùy chỉnh hoặc văn bản có định dạng. Trong trường hợp đó, bạn sẽ cần sử dụng tiện ích ‘Văn bản’ để thay thế.

Chỉ cần truy cập trang Appearance »Widgets và thêm widget ‘Văn bản’ vào thanh bên của bạn. Trong cài đặt tiện ích, bạn sẽ thấy nút ‘Thêm phương tiện’ phía trên khu vực chỉnh sửa văn bản.

Add an image in WordPress sidebar using Text widget

Nhấp vào nút sẽ hiển thị trình tải lên phương tiện cho phép bạn tải lên hoặc chọn một hình ảnh từ thư viện phương tiện.

Sau khi chọn hình ảnh của bạn, hãy nhấp vào nút ‘Chèn vào bài đăng’. Bây giờ bạn sẽ có thể xem bản xem trước hình ảnh trong cài đặt tiện ích văn bản.

Bạn có thể tiếp tục thêm văn bản và các phần tử khác vào tiện ích văn bản. Thanh công cụ trong trình soạn thảo văn bản cung cấp cho bạn một số nút định dạng cơ bản.

Adding an image with text and basic formatting

Sau khi hoàn tất, đừng quên nhấp vào nút ‘Lưu’ để lưu cài đặt tiện ích con của bạn.

Bây giờ bạn có thể truy cập trang web của mình để xem hình ảnh thanh bên đang hoạt động.

Image displayed using text widget in sidebar

Thêm hình ảnh theo cách thủ công trong tiện ích thanh bên WordPress

Trong một số trường hợp, bạn có thể cần thêm mã HTML bổ sung vào hình ảnh của mình. Tiện ích văn bản mặc định cho phép một số HTML rất cơ bản, nhưng nó có thể không hoạt động với định dạng hoặc HTML nâng cao. Trong trường hợp đó, bạn sẽ cần phải thêm hình ảnh vào thanh bên của blog theo cách thủ công.

Đầu tiên, bạn cần tải hình ảnh lên trang WordPress của mình. Chỉ cần vào Media »Add New và tải lên tệp hình ảnh của bạn.

Sau khi tải ảnh lên, bạn cần nhấp vào liên kết Chỉnh sửa bên cạnh ảnh.

Upload and Edit an image file in WordPress

WordPress bây giờ sẽ đưa bạn đến trang ‘Chỉnh sửa phương tiện’, nơi bạn sẽ thấy URL tệp hình ảnh ở phía bên phải của màn hình. Bạn cần sao chép URL này và dán vào một trình soạn thảo văn bản như Notepad.

Copying the image file URL in WordPress

Tiếp theo, bạn cần chuyển đến màn hình Appearance »Widgets và kéo-thả widget ‘Custom HTML’ vào thanh bên nơi bạn muốn hiển thị hình ảnh.

Manually add image to WordPress sidebar widget

Trong vùng hộp văn bản của tiện ích con, bạn cần thêm hình ảnh của mình bằng mã sau:

<img src="Paste The File URL Here" alt="Strawberries" />

img được sử dụng trong HTML để hiển thị hình ảnh. Nó cần hai thuộc tính, thuộc tính đầu tiên là src xác định vị trí tệp hình ảnh. Đây là nơi bạn sẽ dán URL mà bạn đã sao chép trước đó.

Cái thứ hai là alt được sử dụng để cung cấp văn bản thay thế cho hình ảnh. Thẻ img cuối cùng của bạn sẽ trông giống như sau:

<img src="http://www.example.com/wp-content/uploads/2014/09/strawberries.jpg" alt="Strawberries" />

Bạn cần nhấp vào nút Lưu để lưu trữ cài đặt tiện ích và sau đó xem trước trang web của mình.

Thêm hình ảnh trong thanh bên WordPress bằng plugin

Một cách khác để thêm hình ảnh vào thanh bên WordPress của bạn là sử dụng một plugin. Điều này sẽ cung cấp cho bạn thêm một số tùy chọn và giao diện đơn giản, mà một số người mới bắt đầu có thể thấy dễ dàng hơn tiện ích con ‘Hình ảnh’ mặc định.

Đầu tiên, bạn cần cài đặt và kích hoạt plugin Image Widget. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress .

Sau khi kích hoạt, chỉ cần truy cập trang Appearance »Widgets . Bạn sẽ thấy một widget mới có nhãn ‘Image Widget’ bên dưới cột widget có sẵn. Chỉ cần kéo và thả tiện ích hình ảnh này vào thanh bên WordPress của bạn nơi bạn muốn hiển thị hình ảnh.

Image widget plugin

Tiếp theo, nhấp vào nút ‘Chọn Hình ảnh’ để tải lên hình ảnh hoặc chọn một hình ảnh từ thư viện phương tiện. Sau đó, bạn cần nhấp vào nút ‘Chèn vào tiện ích con’ và bạn sẽ thấy bản xem trước hình ảnh trong cài đặt tiện ích con.

Bạn có thể thêm tiêu đề, văn bản thay thế, liên kết và chú thích cho hình ảnh. Bạn cũng có thể chọn kích thước hình ảnh từ danh sách các tùy chọn có sẵn.

More settings for image widget plugin

Khi bạn đã hài lòng, chỉ cần nhấp vào nút Lưu để lưu tiện ích hình ảnh. Đó là tất cả, bây giờ bạn có thể truy cập trang web của bạn và xem hình ảnh được hiển thị trong thanh bên của bạn.

Chúng tôi hy vọng bài viết này đã giúp bạn thêm một hình ảnh trong tiện ích thanh bên của WordPress. Nếu bạn gặp sự cố, đừng quên xem hướng dẫn của chúng tôi về cách khắc phục các sự cố hình ảnh phổ biến trong WordPress .

Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên TwitterGoogle+ .

Chia sẻ để ủng hộ ad nhé
Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
0 0 Đánh giá
Xếp hạng bài viết
Đăng ký
Thông báo về
guest
0 Bình luận
Phản hồi nội tuyến
Xem tất cả bình luận
0
Để lại ý kiến của bạnx
()
x
error: Cảnh báo: Không có quyền !!