Bạn muốn hiển thị một hình ảnh nổi bật trong chủ đề WordPress của mình mà người chỉnh sửa trang web của bạn có thể dễ dàng thêm vào một bài đăng trên blog hoặc một trang trong phần phụ trợ WordPress? . Chúng tôi chỉ cho bạn đoạn mã để lấy URL của hình ảnh nổi bật cho chủ đề WordPress của bạn
URL của hình ảnh nổi bật để hiển thị nó trong chủ đề WordPress của bạn
WordPress cung cấp cho bạn chức năng get_post_thumbnail_id
để lấy ID của hình ảnh. Trong trường hợp của chúng tôi, chúng tôi muốn lấy ID của hình ảnh nổi bật trong bài đăng hiện tại. ID này có thể được sử dụng làm tham số của phương thức wp_get_attachment_image_src
để lấy URL của bất kỳ hình ảnh nào mà chúng tôi biết ID của. Chúng tôi cũng cần chỉ định kích thước của hình ảnh. Các kích thước hình ảnh sau đây có sẵn theo mặc định
thumbnail
medium
medium_large
large
Bạn có thể đăng ký bất kỳ kích thước hình ảnh tùy chỉnh nào với tên cho nó trong function.php
của chủ đề WordPress của bạn bằng cách sử dụng phương pháp add_image_size
. Trang web WordPress của bạn sẽ tự động thay đổi kích thước hình ảnh mới tải lên thành kích thước đã xác định dưới dạng phiên bản bổ sung của hình ảnh. Hình ảnh đã tải lên trước đây không tự động thay đổi kích thước khi bạn thêm kích thước hình ảnh mới. Để tạo lại tất cả các hình ảnh ở kích thước mới, bạn cần một plugin như Real Thumbnail Generator
Chúng tôi khuyên bạn nên kiểm tra xem hình ảnh nổi bật có sẵn hay không trước khi chèn nó. Mã PHP để lấy URL của hình ảnh nổi bật và chèn nó có thể trông như thế này
Đôi khi bạn cần tìm URL của hình ảnh mà bạn đã tải lên WordPress. Có thể bạn muốn sử dụng hình ảnh trong một bài đăng trên mạng xã hội hoặc hiển thị nó trên một trang web khác
Dù lý do là gì, đó là một nhu cầu chung. Hôm nay mình sẽ hướng dẫn các bạn cách lấy URL hình ảnh để có thể sử dụng ở bất cứ đâu. Chúng tôi sẽ xem xét một số phương pháp và kịch bản khác nhau sẽ bao gồm tất cả các cơ sở
Các ví dụ bên dưới sử dụng trình duyệt Google Chrome, nhưng các phương pháp này nên áp dụng cho hầu hết các trình duyệt khác. Từ ngữ của các chức năng có thể hơi khác trong trình duyệt bạn chọn
điều đầu tiên đầu tiên. Bạn có thể nghĩ rằng mình đã biết cách tìm URL hình ảnh và bạn đã đúng. Bạn làm. Chỉ cần nhấp chuột phải vào hình ảnh, cách tổ tiên của chúng tôi đã làm
Hãy xem phương pháp đó là số một và xem nó được thực hiện như thế nào
Sử dụng nhấp chuột phải để lấy URL hình ảnh
Nhấp chuột phải vào hình ảnh là cách chúng tôi truy xuất URL [và hình ảnh đã lưu] kể từ buổi bình minh của web. Thông thường, có một số tùy chọn khả dụng khi lấy URL hình ảnh bằng cách nhấp chuột phải
- Mở hình ảnh trong trang mới
Chỉ thế thôi. Khi hình ảnh mở trong tab, bạn có thể sao chép URL từ thanh địa chỉ - Sao chép địa chỉ hình ảnh
Loại bỏ người trung gian và thêm trực tiếp URL vào khay nhớ tạm của bạn để bạn có thể dán vào bất cứ nơi nào bạn cần
Nếu bạn đang làm việc trên máy Mac mà không có nút bấm chuột phải, hãy giữ phím Control trên bàn phím khi bạn bấm
Đó là phương pháp đơn giản và dễ hiểu nhất để tìm URL hình ảnh
Tuy nhiên…
Coi chừng hình ảnh đã thay đổi kích thước
Chúng ta đang nói về những hình ảnh được tải lên WordPress trong bài viết này và điều đó có thể làm phức tạp mọi thứ
Khi bạn tải lên một hình ảnh bằng trình tải lên phương tiện WordPress, nó sẽ được lưu ở kích thước ban đầu. Tuy nhiên, nó cũng thay đổi kích thước và lưu các biến thể của hình ảnh. Số lượng phiên bản sẽ được tạo và lưu tùy thuộc vào kích thước tải lên và yêu cầu của chủ đề của bạn
Như bạn có thể thấy trong ví dụ này, WordPress đã tạo bốn bản sao của một trong những hình ảnh đã tải lên và năm bản sao của một hình ảnh lớn hơn
Tại sao WordPress thay đổi kích thước hình ảnh?
Khi bạn xem một trang hoặc một bài đăng trên trang WordPress, hệ thống sẽ phát hiện loại thiết bị nào đang được sử dụng. Sau đó, nó cung cấp hình ảnh mà nó cho là có kích thước phù hợp
Hệ thống đó hoạt động tốt. Ví dụ, nó ngăn trang web của bạn gửi hình ảnh lớn đến thiết bị di động
Một chức năng khác của WordPress là tạo hình thu nhỏ của bản gốc. Điều này hữu ích cho các plugin và chủ đề khác nhau hiển thị các phiên bản nhỏ hơn của hình ảnh nổi bật
Nhưng nó có thể gây ra sự cố nếu bạn muốn nhấp chuột phải để lấy URL cho hình ảnh của mình và tình cờ bạn đang xem phiên bản đã thay đổi kích thước của hình ảnh
Làm thế nào điều đó có thể xảy ra?
Bạn có thể thấy từ ví dụ rằng hệ thống thay đổi kích thước hình ảnh WordPress đặt tên cho các hình ảnh đã thay đổi kích thước. Đây là cách URL bị hỏng
- Tất nhiên, nó bắt đầu với tên miền của bạn và đường dẫn đến blog hoặc trang web WordPress của bạn
https. //ggexample. com /wp-content/uploads/2019/08/Screenshot-2019-08-02-150×150. png - Sau đó, đường dẫn hình ảnh WordPress nội bộ
https. //ggexample. com /wp-content/uploads /2019/08/Screenshot-2019-08-02-150×150. png - Sau đó, một đường dẫn ngày/năm
https. //ggexample. com/wp-content/uploads /2019/08 /Screenshot-2019-08-02-150×150. png - Cuối cùng là tên ảnh
https. //ggexample. com/wp-content/uploads/2019/08/ Ảnh chụp màn hình-2019-08-02-150×150. png - Và vì ví dụ này sử dụng hình ảnh đã thay đổi kích thước, bạn có thể thấy rằng WordPress đã thêm kích thước hình ảnh theo kích thước pixel vào cuối tên tệp
https. //ggexample. com/wp-content/uploads/2019/08/Screenshot-2019-08-02 -150×150 . png
Chỉnh sửa URL của hình ảnh
Sự khác biệt thực sự duy nhất trong URL hình ảnh đã thay đổi kích thước là kích thước pixel được thêm vào cuối. Vì vậy, bạn có thể thấy rằng có thể dễ dàng vô tình sao chép một URL hình ảnh đã thay đổi kích thước
Nếu làm như vậy, bạn có thể xóa kích thước hình ảnh ở cuối URL để lấy địa chỉ của hình ảnh gốc
Nhưng việc xóa kích thước hình ảnh ở cuối URL hơi phức tạp và có thể bị lỗi. Đầu tiên, nó phụ thuộc vào việc bạn có nhận ra rằng mình đã sao chép URL của một hình ảnh đã thay đổi kích thước hay không. Nếu bạn bị phân tâm hoặc làm việc nhanh chóng, bạn có thể không nắm bắt được chi tiết nhỏ đó
Và tất nhiên, bất cứ khi nào bạn chỉnh sửa thủ công một URL [hoặc bất kỳ chuỗi văn bản nào], bạn đều có khả năng xảy ra lỗi. Vì vậy, đây không phải lúc nào cũng là cách lý tưởng để lấy URL hình ảnh
Điều này đưa chúng ta đến phương pháp thứ hai, dễ dàng hơn để tìm URL cho một hình ảnh được tải lên WordPress
Lấy URL hình ảnh trực tiếp từ WordPress
Truy cập nguồn để lấy URL hình ảnh là cách tốt nhất để đảm bảo rằng nó chính xác. Vì vậy, đây là cách tìm URL trong WordPress
Đăng nhập vào bảng quản trị WordPress của bạn
Trong điều hướng ở cột bên trái, hãy di chuột qua liên kết “Phương tiện” và nhấp vào liên kết “Thư viện”
Nếu hình ảnh hoặc hình ảnh là gần đây, chúng phải ở gần đầu màn hình. Nếu chúng không phải là gần đây, hãy sử dụng chức năng tìm kiếm
Nhấp vào hình ảnh mà bạn muốn có URL. Một cửa sổ bật lên sẽ mở ra nơi có thể tìm thấy tất cả các chi tiết đính kèm hình ảnh
Cuộn xuống và chọn URL trong trường “Sao chép liên kết”
Sao chép URL bằng Ctrl+C hoặc nhấp chuột phải và chọn một tùy chọn
Lấy URL cho nhiều hình ảnh trên một trang
Nếu bạn cần lấy URL của nhiều hình ảnh xuất hiện trên một trang, bạn có thể trích xuất chúng từ nguồn trang
Nhấp chuột phải vào trang bên ngoài bất kỳ hình ảnh nào. Bấm trực tiếp vào ảnh sẽ không thấy menu muốn xem
Nhấp vào liên kết “Xem nguồn trang”
Ctrl+F để tìm kiếm phần mở rộng hình ảnh [i. e. jpg, png]. Bây giờ bạn có thể đi qua trang và sao chép các URL hình ảnh
Như ví dụ của chúng tôi cho thấy, nhiều phiên bản của mỗi hình ảnh sẽ được liệt kê trong nguồn trang. Như đã thảo luận ở trên, URL của ảnh gốc sẽ không có kích thước được thêm vào cuối tên tệp
Tìm URL cho bất kỳ tệp nào được tải lên bằng Trình tải lên phương tiện WordPress
Các phương pháp này không chỉ hoạt động trên hình ảnh. Để lấy URL cho gif, video, pdf hoặc bất kỳ tệp nào được tải lên bằng trình tải lên phương tiện WordPress, hãy làm theo các bước trong phần “Lấy URL hình ảnh trực tiếp từ WordPress”
Như bạn có thể thấy, có một số cách để tìm URL cho hình ảnh được tải lên WordPress. Điều này bao gồm từ rất đơn giản đến nâng cao hơn. Cái nào bạn nên sử dụng tùy thuộc vào tình huống. Cách tốt nhất để thực hiện bất kỳ nhiệm vụ nào là bắt đầu với giải pháp đơn giản nhất và làm việc từ đó
Bạn có sử dụng hình ảnh từ trang web WordPress của mình trong các bài đăng trên mạng xã hội không?