WordPress thay đổi logo trong tiêu đề
|
Logo trang web của bạn là một phần quan trọng của thương hiệu của bạn. Tùy thuộc vào chủ đề WordPress của bạn, đôi khi không rõ cách làm cho logo lớn hơn hoặc nhỏ hơn Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách dễ dàng thay đổi kích thước logo WordPress trong bất kỳ chủ đề nào Tại sao thay đổi kích thước của Logo trong WordPress?Khi bạn tải logo của mình lên WordPress, nó có thể không phải lúc nào cũng đúng kích cỡ Logo quá nhỏ sẽ không nổi bật, trong khi logo quá lớn có thể khiến khách truy cập mất tập trung vào phần còn lại của nội dung của bạn Nếu bạn đã đầu tư vào một thiết kế logo tùy chỉnh, thì bạn muốn đảm bảo rằng logo của bạn có kích thước phù hợp trong tiêu đề trang web của bạn Vẫn đang trong quá trình thiết kế logo của bạn? Nói như vậy, hãy xem cách bạn có thể dễ dàng thay đổi kích thước logo trong WordPress. Phương pháp bạn chọn sẽ tùy thuộc vào chủ đề WordPress của bạn và mức độ thoải mái của bạn khi chỉnh sửa mã CSS. Chỉ cần sử dụng các liên kết nhanh bên dưới để chuyển sang phương pháp bạn muốn Phương pháp 1. Thay đổi kích thước logo bằng WordPress Customizer (Được khuyến nghị)Cách đơn giản và dễ dàng nhất để thay đổi kích thước logo trong WordPress là sử dụng tùy biến chủ đề. Tuy nhiên, phương pháp này chỉ hoạt động nếu chủ đề WordPress của bạn hỗ trợ nó Tin vui là rất nhiều chủ đề phổ biến như Divi, Astra và Ultra đều có công cụ tích hợp để thay đổi kích thước logo Ghi chú. Biểu trưng của bạn sẽ chỉ lớn bằng hình ảnh bạn tải lên, vì vậy hãy đảm bảo bạn tải lên hình ảnh lớn hơn nếu bạn muốn làm cho biểu trưng lớn hơn Vì lợi ích của hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách thay đổi logo của bạn trong các chủ đề Divi, Astra và Ultra, nhưng phương pháp này tương tự đối với hầu hết các chủ đề phổ biến của WordPress Ngay cả khi chúng tôi không đề cập đến chủ đề cụ thể của bạn, bạn vẫn nên xem nếu bạn có thể thay đổi kích thước logo bằng tùy biến WordPress Chỉ cần đi tới Giao diện »Tùy chỉnh và tìm bất kỳ cài đặt nào được gắn nhãn Tiêu đề, Nhận dạng trang web, Logo hoặc tương tự Nếu chủ đề của bạn không có trình chỉnh sửa logo tích hợp, thì bạn sẽ cần sử dụng phương pháp 2 hoặc 3 của hướng dẫn này Thay đổi Kích thước Logo WordPress trong Chủ đề Divi WordPress Đầu tiên, điều hướng đến Divi » Theme Customizer và nhấp vào ‘Header & Navigation. ’ Sau đó, nhấp vào tùy chọn thả xuống 'Thanh menu chính' Tại đây bạn có thể thay đổi kích thước logo của mình Trước tiên, bạn cần điều chỉnh cài đặt ‘Menu Height’. Điều này kiểm soát chiều cao của toàn bộ menu điều hướng của bạn, điều này sẽ xác định mức độ bạn có thể tạo logo của mình Sau đó, bạn có thể thay đổi cài đặt 'Chiều cao tối đa của logo', là tỷ lệ phần trăm của tổng chiều cao menu Bạn có thể di chuyển thanh trượt ‘Logo Max Height’ lên và xuống cho đến khi bạn tìm thấy kích thước hoàn hảo cho blog WordPress của mình Khi bạn hài lòng với giao diện của logo, hãy đảm bảo nhấp vào ‘Xuất bản’ trước khi đóng Trình tùy chỉnh WordPress Thay đổi Kích thước Logo WordPress trong Astra WordPress Theme Điều đầu tiên bạn cần làm là điều hướng đến Giao diện »Tùy chỉnh và sau đó nhấp vào tùy chọn menu ‘Trình tạo tiêu đề’ Sau đó, nhấp vào tùy chọn menu 'Tiêu đề & Logo' Tại đây bạn có thể dễ dàng thay đổi kích thước logo của mình Tất cả những gì bạn phải làm là di chuyển thanh trượt 'Chiều rộng Logo' sang trái hoặc phải Trình tùy chỉnh WordPress sẽ hiển thị các thay đổi về logo khi bạn thực hiện chúng, vì vậy bạn có thể thử các kích cỡ khác nhau Khi bạn hài lòng với kích thước logo của mình, hãy đảm bảo nhấp vào 'Xuất bản' trước khi thoát khỏi Trình tùy chỉnh WordPress Thay đổi kích thước logo WordPress trong Ultra WordPress Theme Để tùy chỉnh kích thước logo trong chủ đề Ultra, hãy đi tới Giao diện »Tùy chỉnh và nhấp vào ‘Biểu trưng trang web & Dòng giới thiệu’ trong menu bên trái Sau đó, nhấp vào menu thả xuống 'Biểu trưng trang web' Sau đó, chọn nút radio 'Logo Image' xuất hiện Bây giờ, bạn có thể làm cho logo to hơn hoặc nhỏ hơn bằng cách nhập kích thước mới vào các hộp Bạn có thể thay đổi chiều rộng bằng hộp bên trái và chiều cao bằng hộp bên phải Nếu bạn muốn hình ảnh được chia tỷ lệ dựa trên kích thước ban đầu, thì chỉ nhập kích thước logo mới vào một hộp Khi bạn nhập kích thước mới, kích thước của logo sẽ thay đổi theo thời gian thực Khi bạn hài lòng với giao diện của logo, hãy tiếp tục và nhấp vào 'Xuất bản' để thực hiện các thay đổi của bạn trực tuyến Phương pháp 2. Thay đổi kích thước logo WordPress bằng cách chỉnh sửa CSS (Hoạt động với hầu hết các chủ đề)Nếu chủ đề WordPress của bạn không có hỗ trợ tích hợp để thay đổi kích thước logo, thì một tùy chọn khác là thêm CSS tùy chỉnh Để bắt đầu, hãy truy cập trang chủ của trang web của bạn và nhấp chuột phải vào bất kỳ đâu trên trang đó. Sau đó, chọn tùy chọn 'Kiểm tra' Thao tác này sẽ mở menu Kiểm tra hiển thị tất cả mã cho trang chủ Sau đó, nhấp vào biểu tượng 'Chọn phần tử', trông giống như con trỏ chuột Tiếp theo, chỉ cần di chuột qua logo trang web của bạn cho đến khi lớp CSS bật lên Nó sẽ trông giống như hình dưới đây Bạn sẽ sử dụng lớp CSS này để tùy chỉnh kích thước logo WordPress của mình, vì vậy hãy ghi lại lớp này trong trình soạn thảo văn bản như Notepad Trong bảng điều khiển WordPress, đi đến Giao diện »Tùy chỉnh. Sau đó, nhấp vào tùy chọn 'CSS bổ sung' Bây giờ bạn có thể thêm mã CSS tùy chỉnh vào trình chỉnh sửa mã nhỏ Chỉ cần thêm lớp CSS mà bạn đã tìm thấy trước đó, sau đó chỉ định kích thước logo mới mà bạn muốn sử dụng Đây là một ví dụ về giao diện của mã img.custom-logo {
max-height: 100px !important;
}
Đảm bảo bạn thay đổi lớp CSS Sau khi thực hiện các thay đổi của bạn, chỉ cần nhấp vào nút 'Xuất bản' để đưa chúng vào hoạt động Phương pháp 3. Thay Đổi Kích Thước Logo WordPress Không Cần Chỉnh Sửa CSS (No Code)Nếu bạn không thoải mái khi chỉnh sửa tệp chủ đề hoặc thêm CSS tùy chỉnh, thì bạn có thể sử dụng plugin tạo kiểu WordPress thay thế. Các plugin này cho phép bạn thực hiện các thay đổi trực quan đối với trang web của mình, tương tự như sử dụng trình tạo trang kéo và thả Chúng tôi khuyên bạn nên sử dụng CSS Hero. Đó là một plugin tạo kiểu cho phép bạn chỉnh sửa hầu hết mọi kiểu CSS trên trang web WordPress của mình mà không cần viết một dòng mã CSS nào Đối phó. Người đọc WPBeginner có thể được giảm giá 34% thông qua mã phiếu giảm giá CSS Hero của chúng tôi Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin. Để 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, hãy nhấp vào nút 'Tiếp tục kích hoạt sản phẩm' để kích hoạt plugin. Bạn sẽ tìm thấy nó ngay phía trên danh sách các plugin đã cài đặt của mình Điều này sẽ đưa bạn đến một màn hình nơi bạn có thể nhập tên người dùng và mật khẩu của mình. Chỉ cần làm theo các hướng dẫn trên màn hình để xác minh tài khoản của bạn và bạn sẽ được chuyển hướng trở lại bảng điều khiển WordPress khi bạn hoàn tất Sau đó, nhấp vào nút ‘Tùy chỉnh với CSS Hero’ trên thanh công cụ quản trị WordPress Bây giờ bạn sẽ thấy trang web của mình với CSS Hero đang chạy trên đó CSS Hero sử dụng trình chỉnh sửa WYSIWYG (What You See Is What You Get), vì vậy bạn có thể nhấp vào bất kỳ thành phần nào trên trang để xem thanh công cụ với tất cả các tùy chỉnh khác nhau mà bạn có thể thực hiện Chỉ cần nhấp vào biểu tượng WordPress của bạn ở đầu trang Sau đó, nhấp vào liên kết 'Hiển thị Đạo cụ Nâng cao' để xem thêm các tùy chọn tùy chỉnh CSS khác Trong hộp 'Số đo', bạn sẽ tìm thấy các tùy chọn có tên là 'Chiều rộng tối đa' và 'Chiều cao tối đa' Thay vào đó, bạn có thể thay đổi những kích thước này thành kích thước logo bạn muốn sử dụng. Nếu bạn muốn hình ảnh giữ nguyên kích thước, thì chỉ thay đổi chiều cao hoặc chiều rộng WordPress Customizer sẽ tự động hiển thị các thay đổi của bạn khi bạn thực hiện chúng. Điều này có nghĩa là bạn có thể thử các kích cỡ khác nhau để xem cái nào trông đẹp nhất Khi bạn hài lòng với biểu trưng của mình, hãy nhấp vào 'Lưu và Xuất bản' để thực hiện các thay đổi của bạn Chúng tôi hy vọng bài viết này đã giúp bạn thay đổi kích thước logo WordPress của mình. Bạn cũng có thể muốn xem chuyên gia của chúng tôi chọn phần mềm trò chuyện trực tiếp tốt nhất cho doanh nghiệp nhỏ và danh sách các plugin WordPress phải có cho trang web doanh nghiệp của chúng tôi 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 Twitter và Facebook |
