Gần đây, một trong những độc giả của chúng tôi đã hỏi liệu có thể thay đổi kích thước logo của bạn trong WordPress không?
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 bạn sử dụng, đôi khi không rõ ràng về cách thay đổi kích thước logo của bạn để làm cho nó lớn hơn hoặc nhỏ hơn.
Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách dễ dàng thay đổi kích thước logo WordPress theo từng bước.
Tại sao lại thay đổi kích thước của logo trong WordPress?
Khi bạn tải biểu trưng của mình lên WordPress, nó có thể không phải lúc nào cũng có kích thước phù hợp.
Một logo quá nhỏ sẽ không nổi bật. Mặc dù, một logo quá lớn có thể tác động tiêu cực đến thiết kế trang web 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 xuất hiện ở kích thước phù hợp trong tiêu đề trang web của bạn.
Đối với những người vẫn đang trong quá trình thiết kế logo, hãy xem các lựa chọn của chúng tôi về những nhà sản xuất logo miễn phí tốt nhất .
Điều đó đang được nói, chúng tôi sẽ chỉ cho bạn một số cách khác nhau mà bạn có thể sử dụng để thay đổi kích thước logo trong WordPress.
Phương pháp bạn chọn sẽ phụ thuộc vào chủ đề WordPress bạn đang sử dụng và mức độ thoải mái của bạn với việc chỉnh sửa mã CSS.
- Thay đổi kích thước logo WordPress với tùy biến WordPress
- Thay đổi kích thước logo WordPress bằng cách chỉnh sửa mã CSS
- Thay đổi kích thước logo WordPress mà không cần chỉnh sửa mã CSS
Phương pháp 1. Thay đổi kích thước logo WordPress bằng WordPress Customizer
Cách đơn giản và dễ dàng nhất để thay đổi kích thước logo trong WordPress là sử dụng công cụ tùy chỉnh 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ó.
Rất nhiều chủ đề phổ biến như Divi , Astra , Ultra và những chủ đề khác có công cụ thay đổi kích thước logo được tích hợp sẵn.
Khi bạn tải lên biểu trưng của mình trong WordPress, các chủ đề này giúp bạn dễ dàng điều chỉnh biểu trưng bằng một thanh trượt đơn giản mà bạn có thể sử dụng để điều chỉnh chiều rộng và chiều cao.
Lưu ý: kích thước 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 bạn muốn đảm bảo tải lên hình ảnh biểu trưng lớn hơn nếu mục tiêu của bạn là làm cho nó lớn hơn.
Vì lợi ích của hướng dẫn, chúng tôi sẽ chỉ cho bạn cách thay đổi logo của bạn trong 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ủ đề WordPress phổ biến . Nếu chủ đề của bạn không có tùy chọn này, thì bạn 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 Divi WordPress Theme
Đầu tiên, điều hướng đến Divi »Theme Customizer và nhấp vào tùy chọn menu ‘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.
Đầu tiên, bạn cần điều chỉnh cài đặt ‘Chiều cao menu’. Đ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 và sẽ xác định kích thước bạn có thể tạo biểu trưng của mình.
Sau đó, bạn có thể thay đổi cài đặt ‘Chiều cao tối đa của biểu trưng’, là phần trăm của tổng chiều cao menu.
Bạn có thể điều chỉnh thanh trượt ‘Chiều cao tối đa của Logo’ lên và xuống cho đến khi bạn tìm thấy kích thước logo hoàn hảo cho blog WordPress của mình .
Đảm bảo nhấp vào nút ‘Xuất bản’ để lưu các thay đổi của bạn trước khi thoát khỏi màn hình.
Thay đổi Kích thước Logo WordPress trong Chủ đề Astra WordPress
Đ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 ‘Tiêu đề’.
Sau đó, nhấp vào tùy chọn trình đơn ‘Nhận dạng Trang web’.
Tại đây bạn có thể dễ dàng điều chỉnh 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.
Bạn có thể tự động thấy những thay đổi về kích thước biểu trưng của mình trong thời gian thực khi bạn di chuyển thanh trượt.
Khi bạn đã hài lòng với kích thước biểu trưng của mình, hãy đảm bảo nhấp vào ‘Xuất bản’ trước khi thoát khỏi trang.
Thay đổi kích thước logo WordPress trong chủ đề Ultra WordPress
Để tùy chỉnh kích thước logo trong chủ đề Ultra , hãy điều hướng đến Giao diện »Tùy chỉnh , và nhấp vào mục điều hướng ‘Logo & Dòng giới thiệu của trang web’.
Sau đó, nhấp vào trình đơn thả xuống ‘Biểu trưng trang web’.
Sau đó, chọn nút radio ‘Hình ảnh biểu trưng’ xuất hiện.
Bây giờ, bạn có thể thay đổi kích thước của biểu trưng bằng cách nhập các kích thước mới vào các hộp bên phải hình ảnh biểu trưng của bạn. Nếu bạn muốn hình ảnh chia tỷ lệ dựa trên kích thước ban đầu, thì chỉ nhập kích thước biểu trưng mới vào một hộp.
Bạn có thể thay đổi chiều rộng với hộp bên trái và chiều cao với hộp bên phải.
Khi bạn nhập các kích thước mới, bạn sẽ thấy kích thước logo của mình thay đổi theo thời gian thực.
Khi bạn đã hoàn tất việc tùy chỉnh kích thước biểu trưng của mình, hãy đảm bảo nhấp vào nút ‘Xuất bản’.
Nếu chủ đề của bạn không được đánh dấu ở trên, thì vẫn có khả năng bạn có thể tùy chỉnh kích thước biểu trưng của mình bằng cách sử dụng tùy biến WordPress .
Chỉ cần đi tới Giao diện »Tùy chỉnh trên bất kỳ chủ đề nào bạn đang sử dụng và xem những tùy chọn tùy chỉnh nào có sẵn cho biểu trưng hoặc tiêu đề của bạn.
Phương pháp 2. Thay đổi kích thước logo WordPress bằng cách chỉnh sửa CSS
Nếu chủ đề WordPress của bạn không hỗ trợ thay đổi kích thước logo bằng công cụ tùy chỉnh chủ đề WordPress, thì bạn có thể thay đổi kích thước bằng cách thêm CSS tùy chỉnh.
Điều đầu tiên bạn cần làm là điều hướng đến trang chủ trang web của bạn.
Sau đó, nhấp chuột phải vào bất kỳ đâu trên trang và chọn tùy chọn ‘Kiểm tra’. Thao tác này sẽ hiển thị menu Kiểm tra hiển thị tất cả mã cho trang.
Sau đó, bạn cần nhấp vào biểu tượng ‘Chọn phần tử’ trông giống như một con trỏ chuột.
Điều này sẽ cho phép bạn chọn phần tử biểu trưng của trang web của bạn và xem mã.
Tiếp theo, chỉ cần di chuột qua biểu trưng trang web của bạn cho đến khi lớp CSS bật lên. Nó sẽ trông tương tự như hình ảnh bên dưới.
Bạn sẽ sử dụng lớp CSS này để tùy chỉnh kích thước của logo WordPress của mình. Vì vậy, hãy viết điều này xuống một trình soạn thảo văn bản như Notepad.
Bây giờ bạn có thể quay lại bảng điều khiển quản trị WordPress của mình và điều hướng đến Giao diện »Tùy chỉnh . Bạn cần nhấp vào tùy chọn menu ‘CSS bổ sung’.
Thao tác này sẽ hiển thị một menu thả xuống, nơi bạn có thể thêm mã CSS tùy chỉnh.
Chỉ cần thêm lớp CSS bạn đã tìm thấy trước đó và chỉ định kích thước hình ảnh mới. Bạn có thể sử dụng mã CSS bên dưới làm ví dụ.
img.custom-logo {
max-height: 100px !important;
}Bạn cần thay đổi img.custom-logolớp CSS ở trên thành lớp CSS mà chủ đề của bạn sử dụng.
Bạn cũng có thể thay đổi max-heightkích thước thành bất kỳ kích thước nào bạn muốn.
Đây là cách nó trông như thế nào bên trong tùy biến WordPress.
Khi bạn đã thực hiện các thay đổi của mình, chỉ cần nhấp vào nút ‘Xuất bản’ để thực hiện các thay đổi của bạn.
Phương pháp 3. Thay đổi kích thước logo WordPress mà không cần chỉnh sửa CSS
Nếu bạn không cảm thấy thoải mái khi chỉnh sửa các tệp chủ đề hoặc thêm CSS tùy chỉnh, thì phương pháp này là dành cho bạn.
Bằng cách sử dụng plugin tạo kiểu WordPress, bạn có thể thực hiện các thay đổi trực quan cho 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ề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 .
Khi kích hoạt, bạn cần nhấp vào nút ‘Tiến hành Kích hoạt Sản phẩm’ để kích hoạt plugin. Nó nằm ngay trên danh sách các plugin đã cài đặt của bạn.
Thao tác 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 hướng dẫn trên màn hình và bạn sẽ được chuyển hướng trở lại trang web của mình sau khi tài khoản của bạn được xác minh.
Sau đó, nhấp vào nút ‘Customize with CSS Hero ‘ ở đầu thanh công cụ quản trị WordPress của bạn.
Thao tác này sẽ đưa bạn đến trang web của mình với CSS Hero chạy trên đó. CSS Hero sử dụng trình chỉnh sửa WYSIWYG (Những gì bạn thấy là những gì bạn nhận được).
Khi bạn nhấp vào bất kỳ phần tử nào trên trang của mình, nó sẽ hiển thị một thanh công cụ ở bên trái để thực hiện các tùy chỉnh.
Tiếp theo, 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’.
Điều này cung cấp cho bạn nhiều tùy chọn tùy chỉnh CSS hơn nữa.
Sau đó, tìm hộp ‘Biện pháp’. Tại đây, bạn sẽ tìm thấy các tùy chọn được gọi là ‘Chiều rộng tối đa’ và ‘Chiều cao tối đa’.
Bạn muốn thay đổi chúng thành kích thước hình ảnh bạn muốn. 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.
Những thay đổi bạn thực hiện sẽ tự động hiển thị trên trang của bạn.
Khi bạn đã hoàn tất việc thay đổi kích thước biểu trưng của mình, bạn cần 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.
