Làm cách nào để thêm liên kết đến hình ảnh nổi bật trong WordPress?

Tùy thuộc vào chủ đề bạn đang sử dụng trong WordPress, người dùng nhấp vào 'Hình ảnh nổi bật' trên trang web của bạn có thể sẽ hoàn toàn không được đưa đến đâu

cơn ác mộng

Hình ảnh nổi bật thường chiếm nhiều diện tích trên một trang, đặc biệt là trên một bài đăng trên blog. Nếu người dùng nhấp vào hình ảnh và không có gì xảy ra, thì đó thường được coi là thiết kế trang kém. Bạn mất thẩm quyền, người dùng mất hứng thú và trong nháy mắt họ đã chuyển sang trang khác

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách làm cho Hình ảnh nổi bật của bạn có thể nhấp được trong WordPress, để người dùng sẽ được đưa đến bất kỳ URL nào bạn quyết định. Chúng tôi cũng sẽ đề cập đến cách chính xác Hình ảnh nổi bật được sử dụng trong WordPress và cung cấp cho bạn một số gợi ý để tối ưu hóa hình ảnh của bạn

Nhưng trước tiên, Hình ảnh nổi bật trong WordPress là gì?

Mục lục

Hình ảnh nổi bật trong WordPress là gì?

Rất nhiều người dùng WordPress có xu hướng nhầm lẫn Ảnh nổi bật với Ảnh tiêu đề tùy chỉnh. Chúng tôi không đổ lỗi cho họ vì cách sử dụng các loại hình ảnh này thường có thể trùng lặp. Dưới đây là các mô tả chính thức, trực tiếp từ WordPress

“Hình ảnh nổi bật thể hiện nội dung, tâm trạng hoặc chủ đề của bài đăng hoặc trang. Các bài đăng và trang có thể có một hình ảnh nổi bật duy nhất mà nhiều chủ đề và công cụ có thể sử dụng để cải thiện cách trình bày trang web của bạn. ”

Hình ảnh tiêu đề tùy chỉnh. “một tùy chọn cho phép người dùng tải lên tiêu đề hình ảnh tùy chỉnh của riêng họ để có được giao diện được cá nhân hóa hơn nhiều […. ] tất nhiên là miễn là bạn đang sử dụng một trong những chủ đề bao gồm tùy chọn này, tất nhiên. ”

Bây giờ, thật tốt khi sử dụng các cụm từ cảm động như “nội dung, tâm trạng hoặc chủ đề của bài đăng”, nhưng nó không thực sự giải thích được sự khác biệt. Vì vậy, đây là mất của chúng tôi. Hình ảnh nổi bật dành riêng cho một bài đăng hoặc bài viết trên blog riêng lẻ, trong khi Hình ảnh tiêu đề tùy chỉnh là hình ảnh chạy trên toàn bộ trang web của bạn

Sự khác biệt này khá quan trọng vì các chủ đề khác nhau sử dụng mỗi hình ảnh theo một cách khác nhau. Điều quan trọng cần biết là tên cũ của Hình ảnh nổi bật là 'hình thu nhỏ của bài đăng'. Đây là một cái tên thực sự khó hiểu, vì hình ảnh thường được hiển thị ở kích thước gần như đầy đủ, trong khi từ 'hình thu nhỏ' gợi ý một phiên bản nhỏ của hình ảnh được sử dụng cho thư viện. Tuy nhiên, nhiều hướng dẫn vẫn đề cập đến 'hình thu nhỏ của bài đăng', vì vậy bạn sẽ cần thay thế nó bằng 'Hình ảnh nổi bật' mỗi khi bạn nhìn thấy nó.   

Cách thêm văn bản vào Image Carousel trong Elementor

Tại sao nên sử dụng hình ảnh nổi bật trong WordPress?

Hình ảnh nổi bật là rất quan trọng, vì đó là điều đầu tiên khách truy cập sẽ nhìn thấy khi họ đọc bài đăng của bạn. Như vậy, nó đặt bối cảnh cho toàn bộ bài đăng và có thể có nghĩa là sự khác biệt giữa người dùng ở lại trang web của bạn hoặc tìm kiếm ở nơi khác. Người ta nói “một bức tranh thay ngàn lời nói” và họ đúng — một Hình ảnh Nổi bật được lựa chọn kỹ lưỡng có khả năng tóm tắt toàn bộ blog của bạn trước khi những từ đầu tiên được đọc

Chỉ cần nhìn vào sự khác biệt mà một Ảnh nổi bật có thể tạo ra. Đây là hai hình ảnh nổi bật cho cùng một bài đăng trên blog, với tiêu đề chính “Sự thật về các mối quan hệ”…

Và ví dụ thứ hai…

Ngay lập tức, khách truy cập vào trang web của bạn sẽ quyết định chính xác nội dung của blog và liệu họ có muốn đọc nó hay không. Tóm lại, đó là lý do số một tại sao Ảnh nổi bật lại quan trọng đến vậy

Ngoài ra còn có một lý do không thể chối cãi khác. một phiên bản nhỏ của Ảnh nổi bật được sử dụng trên các trang khác có tham chiếu đến blog cụ thể đó, chẳng hạn như trên các trang lưu trữ hoặc kết quả của công cụ tìm kiếm. Không có Hình ảnh nổi bật sẽ dẫn đến một khoảng trống với một số văn bản bên dưới nó. Một lần nữa, đây chỉ là một cách khác để người dùng quyết định rằng trang web của bạn được xây dựng kém.  

Ở phần sau của hướng dẫn này, chúng ta sẽ xem xét một số cách để sử dụng Hình ảnh nổi bật của bạn một cách hiệu quả. Nhưng trước tiên, hãy giới thiệu cách làm cho Hình ảnh nổi bật có thể nhấp được trong WordPress

Cách thêm hình ảnh nổi bật trong WordPress

Chúng tôi sẽ cho rằng bạn đã biết cách thực hiện việc này. Nếu không, thì bạn có thể muốn xem hướng dẫn ‘cách thực hiện’ tuyệt vời do WordPress tổng hợp.

Cách tạo một hình ảnh nổi bật có thể nhấp được trong WordPress

Điều quan trọng cần biết là WordPress không bao giờ có ý định để Hình ảnh nổi bật có bất kỳ chức năng nào, ngoài việc nằm ở đó ở đầu trang và trông đẹp mắt. Tuy nhiên, rõ ràng là mọi người sẽ nhấp vào hình ảnh, chỉ để xem điều gì sẽ xảy ra

Và do đó, có một mặc định được tích hợp trong WordPress, đó là việc nhấp vào Hình ảnh nổi bật hiển thị ở bất kỳ đâu trên trang web WordPress sẽ đưa người dùng đến . Nói cách khác, nhấp vào hình ảnh được sử dụng làm định danh cho một bài đăng trên blog sẽ đưa người dùng đến bài đăng trên blog đó.

Nhưng mặc định này không thể thay đổi — không có tùy chọn nào trong WordPress để nhập một URL khác hoặc bất kỳ hành động nhấp chuột nào khác. Vì vậy, đối với điều này, chúng ta cần phải tìm một cách khác

WP-Admin có đang chuyển hướng đến Trang chủ của bạn không?

Con đường vô cùng dễ dàng. Không làm gì cả

Như chúng tôi đã nói, mặc định của WordPress là một lần nhấp vào Hình ảnh nổi bật sẽ chuyển đến bài đăng có hình ảnh đó. Trong nhiều trường hợp, đây chính xác là điều bạn muốn xảy ra. Vì vậy, hãy kiểm tra xem chức năng đã có sẵn chưa và nếu có thì bạn không cần phải làm gì cả.   

Nếu bạn đang sử dụng chủ đề của bên thứ ba trong WordPress, bạn có thể thấy rằng chủ đề đó có một số tùy chọn Hình ảnh nổi bật được tích hợp sẵn. Những điều này thường bao gồm làm cho hình ảnh có thể nhấp được, do đó, một lần nữa, bạn không cần gì nhiều ngoài việc nhập URL.   

Cách dễ dàng. Sử dụng một Plugin

Đáng ngạc nhiên là không có cách nào dễ dàng. Theo như chúng tôi có thể biết (và chúng tôi đã cuộn qua rất nhiều danh sách plugin. ) không có phần bổ trợ nào làm cho Hình ảnh nổi bật có thể nhấp được. Có có plugin nghe có vẻ như chúng sẽ thực hiện công việc, chẳng hạn như Thêm liên kết tùy chỉnh hình ảnh nổi bật, by Viitorcloud. But if you read the description carefully, you’ll find that the plugin allows you to fetch your Featured Image from an external URL. Whilst this is useful, especially if your site is a satellite that draws from client data, it doesn’t offer a way to make the Featured Image clickable. 

Cách không mã hóa. Thay vào đó, hãy sử dụng Thanh trượt hình ảnh

Bây giờ điều này nghe có vẻ điên rồ, nhưng hãy nhớ rằng việc có Ảnh nổi bật ở đầu bài đăng của bạn quan trọng như thế nào. Nhưng nếu bạn sử dụng thanh trượt hình ảnh đầy đủ tính năng, bạn sẽ thấy rằng họ có cách làm cho hình ảnh có thể nhấp được và bạn có thể nhập bất kỳ URL nào bạn thích làm đích. Bạn thậm chí có thể sử dụng plugin băng chuyền hình ảnh và chỉ cần đặt số lượng hình ảnh trong băng chuyền thành một để đạt được hiệu quả tương tự.  

Hoặc, nếu muốn mạo hiểm hơn, bạn có thể đặt số lượng hình ảnh quay vòng thành ba và cuộn một nhóm hình ảnh có liên quan thay cho Hình ảnh nổi bật duy nhất của bạn. Bằng cách làm nổi khối văn bản trên hình ảnh băng chuyền, bạn có thể tạo tiêu đề trực quan thú vị cho bài đăng của mình. Chúng tôi đã tự thực hiện việc này bằng Elementor và bạn có thể xem kết quả bên dưới. (Để có thiết kế gọn gàng hơn, hãy chọn không có mũi tên và không có dấu chấm trên băng chuyền hình ảnh).

Nhược điểm duy nhất của kỹ thuật này là bạn sẽ cần chọn Ảnh nổi bật, cần thiết ở bất cứ nơi nào có liên kết đến bài đăng của bạn. Bạn có thể chụp ảnh màn hình thanh trượt hoặc băng chuyền hình ảnh của mình, sau đó cắt ảnh đó thành hình vuông và tải lên làm Ảnh nổi bật cho bài đăng. Hoặc bạn có thể chọn một hình ảnh chung — sự lựa chọn là của bạn.

Xếp hạng Toán học hay SEOPress?

Phương pháp mã hóa. Không dành cho những người yếu tim

Đối với những người trong số các bạn thích chỉnh sửa các tệp PHP và thực hiện một số mã cơ bản, chúng tôi sẽ hiển thị cho bạn một đoạn mã mà bạn cần thêm vào các hàm. php cho bất kỳ chủ đề nào bạn đang sử dụng. Chúng tôi khuyên bạn nên tạo chủ đề con trước rồi thêm mã vào phiên bản chức năng đó. php tệp. Bằng cách đó, bạn sẽ không bị mất mã khi cập nhật plugin.

Các chức năng. tệp php là một tập hợp các mã và giá trị tùy chỉnh có thể giao tiếp với WordPress và thực hiện các thay đổi ở mức cơ bản, thấp. Khi bạn kích hoạt một chủ đề, các chức năng . php tự động tải và bắt đầu thông báo cho WordPress những thay đổi cần thực hiện.

Một lời cảnh báo…

chỉnh sửa. php của bất kỳ chủ đề nào, kể cả chủ đề con, có thể gây ra sự cố. Nếu bạn vô tình xóa dấu chấm phẩy hoặc quên thêm dấu gạch chéo ở cuối phần, thì toàn bộ tệp có thể bị biến thành một đống gobbledygook không thể đọc được. Nếu bạn lo lắng về việc tạo chủ đề con và chỉnh sửa tệp văn bản, thì chúng tôi thực sự khuyên bạn nên thử một trong các phương pháp khác trước

Điều đó đang được nói, tùy chọn mã hóa chắc chắn là hiệu quả nhất. Bởi vì hệ thống của bạn không phải chạy qua một plugin nào khác, nên có rất ít hoặc không ảnh hưởng đến hiệu suất trang web. Ngoài ra, bạn không dựa vào phương pháp của bên thứ ba để đạt được kết quả. phương thức ở ngay đó, được gắn vào mã của bạn

Vậy là bạn đã tạo chủ đề con của mình và mở các hàm. php để chỉnh sửa, bây giờ bạn cần làm theo ba bước sau.

Bước 1. thêm mã. Thêm đoạn mã WordPress sau vào các hàm . php

// Add External Link to Featured Image with Custom Field
add_filter('post_thumbnail_html','add_external_link_on_page_post_thumbnail',10);
       function add_external_link_on_page_post_thumbnail( $html ) {
       if( is_singular() ) { 
               global $post;
               $name = get_post_meta($post->ID, 'ExternalUrl', true);
               if( $name ) { 
                       $html = ''. $html . '';
               }
        }
        return $html;
}

Liên kết ngược là quan trọng. Đây là cách xây dựng thẩm quyền cho blog WordPress của bạn

 

$html = '' . $html . '';

Bước 2. Bật Trường tùy chỉnh WordPress Để kích hoạt đoạn mã của chúng tôi, chúng tôi cần lấy giá trị đầu vào cho mã PHP. Để làm điều này, chúng tôi tạo một trường tùy chỉnh. Nhưng trước tiên, bạn cần đảm bảo rằng 'Trường nâng cao' được đánh dấu trong tùy chọn Hiển thị của bạn. Đối với WordPress5. 0/Gutenburg, bạn cần nhấp vào menu bánh mì kẹp thịt (ba dòng dọc ở trên cùng bên phải), đi tới 'Tùy chọn' và đảm bảo 'Trường nâng cao' được chọn.

Quyền truy cập vào các tùy chọn này là khác nhau đối với mọi chủ đề, vì vậy bạn có thể cần tham khảo sách hướng dẫn nếu không chắc chắn. Ví dụ: trong Chủ đề Báo chí — mà chúng tôi chạy cho một trong các blog của mình — các tùy chọn được truy cập từ một tab ở góc trên cùng bên phải được đánh dấu là 'Tùy chọn Màn hình' và hộp đánh dấu có liên quan được gọi là 'Trường Tùy chỉnh', không phải 'Nâng cao .  

Trước khi chuyển sang Bước 3, bạn sẽ tạo bài đăng của mình và thêm tất cả phương tiện, bao gồm chọn và tải lên Ảnh nổi bật.  

Bước 3. Thêm Trường tùy chỉnh mới . Sau khi bài đăng của bạn hoàn tất, hãy cuộn xuống để tìm bảng Trường tùy chỉnh rồi chuyển đến phần ‘Thêm trường tùy chỉnh mới’. Dưới tên, chúng tôi cần tên ID mà chúng tôi đã sử dụng trong mã, vì vậy hãy nhập “ExternalUrl”. Bên cạnh đó, trong hộp giá trị, nhập bất kỳ URL đầy đủ nào bạn chọn.

Và đó là nó. Bất cứ khi nào người dùng nhấp vào Hình ảnh nổi bật của bạn, họ sẽ được đưa trực tiếp đến bất kỳ URL nào bạn đã nhập trong hộp Giá trị.   

Một số mẹo để sử dụng hình ảnh nổi bật một cách hiệu quả

Như chúng tôi đã lưu ý, một Hình ảnh nổi bật tốt thực sự có thể tạo nên phong cách cho blog của bạn. Nhưng nó không chỉ là tìm kiếm một hình ảnh đẹp; . Dưới đây là một số mẹo chọn Ảnh nổi bật

Tìm một thư viện hình ảnh tốt

Rõ ràng là bạn có thể tự do sử dụng bất kỳ hình ảnh nào mình muốn, nhưng bạn cần phải có một nguồn cung cấp tốt. Câu trả lời tốt nhất là tìm một thư viện trực tuyến tốt. Có nhiều phòng trưng bày miễn phí, chẳng hạn như thư viện Creative Commons lưu trữ hơn 500 triệu hình ảnh miễn phí. Một nguồn tuyệt vời khác là Pixabay, nơi cung cấp nhiều hình ảnh chất lượng cao, rất hữu dụng.

Đối với hình ảnh từ các trang web miễn phí như Pixabay hoặc Unsplash, bạn cần ghi nhận người chụp bằng cách thêm văn bản vào hình ảnh. Điều này có thể trông rất xấu, đặc biệt là trên hình ảnh đầu tiên mà khách truy cập nhìn thấy. Do đó, chúng tôi khuyên bạn nên đăng ký một dịch vụ hình ảnh trả phí và đảm bảo rằng bạn sử dụng trang web đó để lấy nguồn Hình ảnh nổi bật của mình. Vì bạn đang trả phí giấy phép, nên bạn đang mua hình ảnh để sử dụng cho mục đích thương mại và bạn không cần đưa vào bất kỳ ghi nhận tác giả nào, vì vậy Hình ảnh nổi bật của bạn có thể không bị lộn xộn.

Chọn một phong cách và gắn bó với nó

Tín dụng hình ảnh. Blog nghệ thuật của bà Dowling

Mỗi bài đăng bạn tạo sẽ có Hình ảnh nổi bật của WordPress và hình ảnh đó có thể xuất hiện nhiều lần trên trang web của bạn. Trong khoảng thời gian một năm, đó có thể là hơn 100 hình ảnh được đăng — và tất cả những hình ảnh này nói lên điều gì đó về trang web của bạn. Do đó, đáng để suy nghĩ về cách những hình ảnh này giúp thể hiện không chỉ nội dung bài đăng riêng lẻ mà còn toàn bộ trang web của bạn

Vì vậy, chiến lược tốt nhất ở đây là giữ cho giao diện hình ảnh của bạn nhất quán, vì chúng là một phần hiệu quả trong việc xây dựng thương hiệu của bạn. Bạn có thể chọn sử dụng hình ảnh thực tế, nhưng luôn có tông màu cụ thể trở thành một phần bản sắc blog của bạn. Hoặc bạn có thể quyết định sử dụng một hình ảnh trừu tượng cho mỗi bài viết;

Bạn có gặp lỗi WordPress 404 không? . permalinks không hoạt động

Bạn cũng nên đặt kích thước chuẩn cho mỗi hình ảnh nổi bật của WordPress. Rất nhiều người dùng sẽ nhấp qua các bài đăng trên blog của bạn, tìm kiếm một bài có vẻ thú vị. Nhìn thấy nhiều bài đăng và hình ảnh phù hợp với cùng một thiết kế sẽ làm tăng sự tin tưởng vào trang web của bạn, từ đó có thể tạo ra nhiều chuyển đổi hơn. Không có kích thước hình ảnh tốt nhất vì tất cả các chủ đề đều khác nhau, nhưng 1200px x 400px là điểm khởi đầu tốt vì nó phù hợp với hầu hết các loại màn hình

Tối ưu hóa hình ảnh nổi bật WordPress của bạn

Tín dụng hình ảnh. www. apptha. com/

Như chúng ta đã thấy, trong một vài tháng, số lượng hình ảnh bạn sử dụng có thể cao một cách đáng ngạc nhiên và cuối cùng sẽ chiếm nhiều dung lượng trên máy chủ của bạn. Điều này có thể có tác động tiêu cực đến hiệu suất trang web của bạn và gây ra thời gian tải chậm, điều này luôn dẫn đến việc người dùng nhấn nút quay lại.  

Do đó, chúng tôi khuyên bạn nên sử dụng plugin thay đổi kích thước hình ảnh, lý tưởng nhất là plugin sử dụng thuật toán lossless để không làm giảm chất lượng. chỉ có kích thước. Hình ảnh nhỏ hơn ít có khả năng kéo tốc độ trang của bạn xuống và chúng có thể giúp giảm chi phí lưu trữ của bạn. Chúng tôi rất hâm mộ Optimole, bao gồm trình tối ưu hóa tự động 'thiết lập và quên nó đi' và CDN (Mạng phân phối nội dung) chuyên dụng để giảm . Nhưng có rất nhiều plugin tối ưu hóa hình ảnh khác có sẵn, vì vậy hãy dành một chút thời gian để tìm ra plugin phù hợp.

Tóm lại là

Cảm ơn bạn đã dành thời gian đọc hướng dẫn của chúng tôi. Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu tất cả về Hình ảnh nổi bật của WordPress và cách làm cho nó có thể nhấp được. Nếu bạn có bất kỳ câu hỏi hoặc nhận xét nào, vui lòng liên hệ với chúng tôi. Cuối cùng, tại sao không chia sẻ bài viết này với những người có thể hưởng lợi từ việc học các kỹ thuật tương tự?

• THẺ
• Hình ảnh nổi bật có thể nhấp trong WordPress
• Cách thêm URL vào Ảnh nổi bật của WordPress
• Hình ảnh nổi bật của WordPress có thể nhấp được

Chia sẻ

Facebook

Twitter

Google+

Pinterest

WhatsApp

Bài viết trước Đánh giá BlueGriffon. Ưu và nhược điểm của Trình chỉnh sửa trang web

Bài viết tiếp theo Di chuyển WordPress – Giai đoạn sang sản xuất (Hướng dẫn từng bước)

Dặm

Miles là một người viết quảng cáo nội dung web làm việc với chúng tôi để tạo ra các bài báo giúp mọi người kiếm tiền trực tuyến. Kiến thức về ngành của anh ấy cho phép anh ấy viết các bài so sánh phần mềm thực sự, để thông báo cho mọi người và giúp họ chọn các công cụ gia tăng giá trị cho doanh nghiệp của họ. Khi không viết bài, Miles làm việc như một nghệ sĩ dương cầm trên tàu du lịch, công việc mà anh ấy đảm bảo với chúng tôi được coi là một công việc thực sự.