Bạn có thường xuyên truy cập một trang web hoặc nhấp chuột xung quanh chỉ vì chúng có hình ảnh hấp dẫn không? . Blog này nói về các hình ảnh nổi bật trên WordPress và bước bạn có thể thực hiện để đảm bảo hình ảnh của bạn phù hợp nhất với chủ đề WordPress của bạn Show
Hình ảnh nổi bật là gì và tìm nó ở đâu trên WordPress của bạnHình ảnh nổi bật là hình ảnh chào đầu tiên đại diện cho blog hoặc trang của bạn, chủ yếu nhằm mục đích thu hút khách truy cập vào trang gần như ngay lập tức. Một hình ảnh nổi bật hoàn hảo trên bài đăng hoặc trang WordPress của bạn mang lại tác động xây dựng thương hiệu và thiết lập giai điệu ban đầu để khiến người đọc say mê nội dung của bạn, đặc biệt là khi được chia sẻ trên các trang xã hội. Bạn có thể thắc mắc, tôi tìm hình ảnh nổi bật trên trang web WordPress của mình ở đâu? . Một hình ảnh đặc trưng được phát hiện trong ba khu vực này
Đây là một ví dụ về cách hình ảnh nổi bật hiển thị trên trang web WordPress  Ở trong trình chỉnh sửa cổ điểnSẽ chỉ còn là vấn đề thời gian khi WordPress loại bỏ hoàn toàn trình chỉnh sửa Cổ điển. Nhưng hiện tại, nếu bạn thích làm việc không có khối và ở lại với trình chỉnh sửa cũ, hãy xem sơ đồ bên dưới
Kích thước hình ảnh nổi bật nào để sử dụng trên trang web WordPress của bạn?
Tôi thường giữ kích thước khoảng 1200 x 628 pixel cho hình ảnh nổi bật của mình. Hoặc, đối với Tỷ lệ điên rồ, đó là 1. 91. 1. Nếu bạn cần điều chỉnh kích thước hình ảnh trên bảng, hãy chuyển đến Cài đặt phương tiện. Ở đó bạn có thể tùy chỉnh các cài đặt này. Xem khối hình ảnh bên dưới
Tâm điểm Nếu bạn thay đổi kích thước của hình ảnh trong bảng Cài đặt phương tiện, các ảnh trước đây sẽ không bị ảnh hưởng, chỉ những ảnh mới bạn đặt trong tệp phương tiện Để định dạng lại các hình ảnh nổi bật cũ của bạn, bạn sẽ cần một plugin cho việc đó Một cái mà tôi khuyên dùng là Tạo lại hình thu nhỏ của Alex Mills Để nhắc lại, WordPress tự động tạo ba phiên bản của hình ảnh gốc, hình thu nhỏ, kích thước trung bình và lớn của chúng tôi Các cách khác để thay đổi kích thước hình ảnh nổi bật của bạnCó một số cách khác để đặt kích thước hình ảnh nổi bật, từ PHP, đến CSS, đến các chức năng chủ đề tích hợp Điều này sẽ yêu cầu một số mã hóa và bạn sẽ cần truy cập vào các chức năng của trang web. tập tin php. Nên tạo một bản sao lưu hoặc làm việc trong môi trường dàn dựng. Quan trọng nhất, tôi khuyên bạn nên tạo một chủ đề con theo cách này để bảo vệ bạn nếu có cập nhật. Điều này liên quan đến bất kỳ thay đổi nào được thực hiện đối với các chức năng. tập tin php Đặt kích thước hình ảnh nổi bật bằng PHPMột cách để đặt kích thước hình ảnh nổi bật là thông qua PHP. Điều này chỉ nên được thực hiện bởi các nhà phát triển hoặc chuyên gia biết cách thêm mã PHP vào trang web của họ. Nó cũng chỉ nên được thực hiện trên các chủ đề con hoặc trong một plugin, để các thay đổi không bị mất với một bản cập nhật cho chủ đề WordPress của bạn. trong WordPress Đây là chuỗi mã bạn có thể sử dụng để đặt “post_thumbnail” hoặc kích thước hình ảnh nổi bật. Tất nhiên, chủ đề và cài đặt WordPress bạn đang sử dụng phải hỗ trợ các hình ảnh nổi bật để điều này hoạt động (hầu hết đều có). Bạn có thể cần liên hệ với công ty lưu trữ hoặc người quản lý trang web của mình để tìm hiểu xem có thể có vấn đề phức tạp khi thay đổi cài đặt này không Thêm đoạn mã sau vào chức năng của bạn. tệp php (hoặc plugin) <?php
set_post_thumbnail_size( $width, $height, $crop );
?>Đối số $width được sử dụng để chỉ định chiều rộng của hình ảnh nổi bật. Đối số $height được sử dụng để chỉ định chiều cao của hình ảnh nổi bật. Đối số $crop chấp nhận giá trị boolean (true/false) để xác định xem hình ảnh nổi bật có nên được cắt theo kích thước chính xác hay không. Thông tin thêm có thể được tìm thấy trên trang tham khảo mã WordPress Một số chủ đề có thể chỉ định kích thước hình ảnh nổi bật của riêng chúng khi hiển thị hình ảnh nổi bật. Nếu mã trên không hoạt động với bạn ngay lập tức, bạn có thể cần tìm hiểu sâu hơn về mã của chủ đề để xác định xem họ có đang sử dụng hình ảnh nổi bật mặc định (“post_thumbnail“) Nếu bạn có một trang web đã được thiết lập một thời gian, chỉ cần thêm mã ở trên vào chức năng của bạn. tệp php có thể không thực hiện thủ thuật. Bạn có thể cần tạo lại hình ảnh của mình để đảm bảo kích thước hình ảnh nổi bật mới được sử dụng đúng cách. Nếu không, WordPress có thể sử dụng hình ảnh có kích thước đầy đủ và điều này có thể ảnh hưởng đến tốc độ trang của bạn Đây là cách cao cấp nhất để đặt kích thước hình ảnh nổi bật trên trang web của bạn vì nó sẽ áp dụng cho hầu hết mọi trang web. Nhưng nó cũng có thể phức tạp nếu bạn không thoải mái với mã Điều chỉnh hoặc đặt kích thước hình ảnh nổi bật của WordPress bằng CSSVới một số phần CSS tiện dụng, bạn cũng có thể chỉnh sửa cách hiển thị của hình ảnh nổi bật trên biểu định kiểu của mình bằng cách khám phá loại hình ảnh nổi bật trong chủ đề của bạn và sửa đổi nó từ đó Bạn cũng sẽ muốn làm điều này trong chủ đề con, theo phong cách chủ đề con của bạn. css để các thay đổi không bị mất khi chủ đề được cập nhật. Bạn cũng có thể sử dụng mô-đun tích hợp của WordPress Giống như PHP, điều này hơi khó thực hiện nếu bạn không phải là nhà thiết kế hoặc nhà phát triển có kinh nghiệm, nhưng đó là một cách để điều chỉnh chiều rộng hoặc chiều cao của hình ảnh nổi bật theo cách thủ công. Điều này cũng có thể được thực hiện bằng tỷ lệ phần trăm. Không hài lòng với hình ảnh nổi bật 100% chiều rộng? . Chơi xung quanh và tận hưởng niềm vui, nhưng quan trọng nhất là cố gắng không làm hỏng trang web trực tiếp của bạn. Trước tiên, tốt nhất bạn nên thử bất kỳ phương pháp nào trong số này trên môi trường dàn dựng hoặc phát triển Ví dụ: hầu hết các chủ đề của chúng tôi đều sử dụng hình. post-image, vì vậy bạn sẽ muốn sửa đổi phần tử này để đặt các thuộc tính như chiều rộng, chiều cao, tỷ lệ phần trăm, đường viền, v.v. trên hình ảnh nổi bật bằng CSS Đảm bảo lưu công việc của bạn khi hoàn tất bằng cách nhấp vào nút Lưu bên dưới các tùy chọn để lưu các thay đổi được thực hiện đối với hình ảnh nổi bật mặc định Chúng tôi hy vọng thông tin này hữu íchNếu bạn có bất kỳ mẹo nào khác để chia sẻ, hãy để lại trong phần bình luận bên dưới. Ngoài ra, để được trợ giúp thêm, vui lòng liên hệ với chúng tôi |
