Cách thay đổi logo trong WordPress Elementor

Nếu bạn đã quen thuộc với trình tạo trang phổ biến Elementor, thì bạn sẽ biết rằng nó mang lại sự linh hoạt đáng kinh ngạc trong việc xây dựng trang web của bạn — không cần viết mã

Tuy nhiên, Elementor chỉ đưa bạn đến đây, bởi vì chủ đề WordPress của bạn kiểm soát các yếu tố như tiêu đề, bao gồm logo và khu vực điều hướng.  

Đây không phải là vấn đề nếu bạn hài lòng với các tùy chọn tiêu đề đi kèm với chủ đề của mình, nhưng mỗi chủ đề WordPress đều khác nhau, vì vậy các tùy chọn tích hợp có thể không chính xác như những gì bạn đang tìm kiếm. Hoặc có thể bạn thích tiêu đề của mình, nhưng ước gì bạn có thể dễ dàng áp dụng tiêu đề duy nhất cho trang đích trên trang web của mình.  

Bất kể tùy chỉnh nào bạn cần trong tiêu đề của mình, có một số cách tuyệt vời để sử dụng Elementor và tận hưởng toàn quyền kiểm soát kéo và thả đối với tiêu đề trang web của bạn. Đây là những gì bạn cần biết để tạo các tiêu đề tùy chỉnh đẹp mắt với Elementor.  

Mục lục

  1. Cách chỉnh sửa tiêu đề trong Elementor
  2. Xây dựng Elementor Header với Theme Builder
  3. Giải pháp thay thế miễn phí cho Elementor Pro để tạo tiêu đề tùy chỉnh
  4. Bạn có nên sử dụng tiêu đề Elementor không?
  5. Phần kết luận

Cách chỉnh sửa tiêu đề trong Elementor

Rõ ràng, về cả tính thẩm mỹ và chức năng, tiêu đề trang web của bạn là điều cần thiết để mang lại trải nghiệm tốt cho người dùng. Rốt cuộc, đây là nơi đặt menu điều hướng, logo, giỏ hàng và các yếu tố quan trọng khác của bạn.  

Để tùy chỉnh tiêu đề của bạn cho Elementor, bạn sẽ sử dụng một tính năng tuyệt vời có tên là Trình tạo chủ đề, chỉ có trong Elementor Pro

(Ghi chú. Cách tiếp cận này yêu cầu bạn phải có phiên bản trả phí của Elementor, nhưng chúng ta cũng sẽ khám phá một giải pháp thay thế miễn phí sau này. )

Xây dựng Elementor Header với Theme Builder

Đây là cách bắt đầu với Trình tạo chủ đề

Cách thay đổi logo trong WordPress Elementor

Xin chào. Tên tôi là Sujay và tôi là CEO của Astra

Chúng tôi đang thực hiện sứ mệnh giúp các doanh nghiệp nhỏ phát triển trực tuyến bằng các sản phẩm phần mềm giá cả phải chăng và nền giáo dục mà bạn cần để thành công

Để lại nhận xét bên dưới nếu bạn muốn tham gia cuộc trò chuyện hoặc nhấp vào đây nếu bạn muốn trợ giúp cá nhân hoặc tham gia riêng với nhóm của chúng tôi

Bước 1. Tìm Tab Elementor trong Thanh bên

Chuyển đến phần phụ trợ của trang web WordPress của bạn, cài đặt plugin Elementor từ Plugin> Thêm mới.  

Đảm bảo bạn cài đặt phiên bản chuyên nghiệp của trình tạo trang này. Nó bao gồm hàng chục mẫu tiêu đề được tạo sẵn, nhưng để có toàn quyền kiểm soát, bạn nên tạo mẫu của riêng mình từ đầu

Điều hướng đến Mẫu > Trình tạo chủ đề

Cách thay đổi logo trong WordPress Elementor

Bước 2. Tạo một mẫu mới trong Elementor

Nhấp vào Thêm mẫu mới để tạo mẫu mới trong Elementor.  

Cách thay đổi logo trong WordPress Elementor

Trong hộp thoại này, bạn có thể chọn tùy chọn Tiêu đề và tạo tên cho mẫu của mình.  

Bước 3. Nhấp vào “Tạo mẫu” để bắt đầu

Khi mẫu được tạo và xuất bản, bạn có thể chỉnh sửa tiêu đề trực tiếp bằng Elementor.  

Tiện ích phần tử

Cách thay đổi logo trong WordPress Elementor

Thiết kế tiêu đề của bạn hoạt động giống như bất kỳ trang hoặc phần nào với Elementor. Chỉ cần kéo các tiện ích khác nhau vào trang chính để tạo ra thứ gì đó tuyệt vời

Nói về các tiện ích, bạn sẽ tìm thấy tất cả các loại tiện ích Elementor tiện dụng để nhanh chóng tạo tiêu đề tùy chỉnh trong thanh bên Elementor Pro

Dưới đây là một số hữu ích nhất

  • Logo trang web
  • Tiêu đề trang web
  • Tiêu đề trang
  • Menu điều hướng
  • Form tìm kiếm
  • Sơ đồ trang web

Với các tùy chọn tiện ích này trong Elementor Pro, bạn có thể tạo tiêu đề có mọi thành phần bạn cần

Chỉ cần nhớ rằng, nếu bạn đang thiết kế tiêu đề tùy chỉnh, bạn muốn tận dụng nội dung động để trang web lấy cùng một yếu tố từ mọi trang.  

Ví dụ: để có biểu trưng nhất quán, bạn có thể tải biểu trưng trang web lên công cụ tùy chỉnh của mình bằng tiện ích Biểu trưng trang web và sử dụng biểu trưng đó làm thành phần động trong mẫu tiêu đề của bạn, thay vì sử dụng tiện ích Hình ảnh cho biểu trưng

Bằng cách đó, nó sẽ xuất hiện giống nhau trên bất kỳ trang nào sử dụng mẫu tiêu đề này – và khi đến lúc cập nhật logo của bạn, bạn chỉ phải hoán đổi logo ở một nơi

Bước 4. Chọn điều kiện hiển thị

Bây giờ bạn chỉ còn một bước nữa để hoàn thành và bạn đã sẵn sàng khuấy động tiêu đề mới của mình

Khi bạn nhấn 'Xuất bản', bạn sẽ được yêu cầu chọn điều kiện hiển thị.  

Điều kiện hiển thị chỉ có nghĩa là bạn muốn hiển thị tiêu đề ở đâu trong trang web WordPress của mình.  

Cách thay đổi logo trong WordPress Elementor

Có ba lựa chọn

  • Toàn bộ trang web. Nếu được chọn, tiêu đề sẽ hiển thị trên tất cả các trang và tất cả các bài đăng trên blog của trang web của bạn
  • lưu trữ. Nếu bạn chọn tùy chọn này, bạn có thể hiển thị tiêu đề trong một trang hoặc bài đăng được lưu trữ cụ thể
  • số ít. Nếu bạn chọn tùy chọn này, bạn có thể hiển thị tiêu đề trong một trang, danh mục hoặc bài đăng cụ thể

Màn hình được nhắm mục tiêu này là một trong những điều mạnh mẽ nhất về Elementor. Bạn có thể sử dụng điều này để tạo các trang tùy chỉnh, bài đăng và thậm chí cả trang đích trong Trang web WordPress của mình

Elementor Stick Header

Trong Elementor Pro, bạn có tùy chọn tạo một số biến thể tiêu đề thú vị. Thay vì dựa vào các tùy chọn tiêu đề cố định của chủ đề hoặc plugin tiêu đề cố định của bên thứ ba, bạn có thể sử dụng tính năng tiêu đề cố định Elementor đi kèm

Để tạo tiêu đề cố định cho mẫu tiêu đề của bạn, tất cả những gì bạn phải làm là vào bảng điều khiển và chọn Nâng cao > Hiệu ứng cuộn.  

Sau đó, chọn “trên cùng” hoặc “dưới cùng” để tiêu đề bạn đã tạo “dính” vào đầu hoặc cuối trang khi người dùng cuộn

Cách thay đổi logo trong WordPress Elementor

Có các tính năng bổ sung để xác định cách hoạt ảnh của tiêu đề và bạn cũng có thể chọn thiết bị nào bạn muốn áp dụng tính năng này cho máy tính để bàn, thiết bị di động và máy tính bảng

Tiêu đề trong suốt Elementor

Nếu bạn thực sự muốn tiêu đề tùy chỉnh của mình gây ấn tượng, bạn có thể thêm độ trong suốt cho tiêu đề đó bằng cách thay đổi độ mờ thành một số như 0. 5 với một số CSS tùy chỉnh và lớp CSS của Elementor.  

Sau đó, bạn có thể kết hợp nó với tính năng tiêu đề cố định, để khi người dùng cuộn, tiêu đề trong suốt của Elementor sẽ hiển thị trang phía sau nó

Tính năng này yêu cầu một chút mã, nhưng may mắn thay, nó đơn giản như sao chép và dán.  

Đây là một video Elementor chính thức cho thấy nó được thực hiện như thế nào

Tạo tiêu đề di động

Elementor Pro cho phép bạn tự do tùy chỉnh hoàn toàn tiêu đề di động của mình giống như bạn tùy chỉnh một trang.  

Bạn có thể chọn chế độ xem trên thiết bị di động hoặc máy tính bảng bằng cách nhấp vào nút chế độ phản hồi ở phía dưới bên trái màn hình, ngay bên dưới bảng tiện ích Elementor

Cách thay đổi logo trong WordPress Elementor

Sau khi được chọn, bạn sẽ thấy một thanh xuất hiện trên đầu khu vực chỉnh sửa. Bạn có thể chọn kích thước màn hình từ đây

Cách thay đổi logo trong WordPress Elementor

Quá trình này rất giống với chỉnh sửa trang với phiên bản miễn phí Elementor

Tổng kết trình tạo chủ đề Elementor

Đó là tổng quan nhanh về cách tạo tiêu đề tùy chỉnh trong Elementor. Nó không phải là một giải pháp hoàn hảo, nhưng nó mang lại cho bạn nhiều sự linh hoạt trong việc xây dựng tiêu đề tùy chỉnh mà bạn cần cho trang web của mình

Sử dụng các điều kiện, Trình tạo chủ đề cũng cho phép bạn tạo nhiều tiêu đề và chỉ định chúng cho các khu vực khác nhau trên trang web của bạn, đây là một lợi ích to lớn mà bạn có thể không có với chủ đề hiện tại của mình

Bạn muốn tìm hiểu thêm về phương pháp Trình tạo chủ đề?

Chuyên gia xây dựng chủ đề.  

  • Cung cấp cho bạn toàn bộ tùy chỉnh cho thiết kế tiêu đề của bạn
  • Sử dụng trình tạo trang Elementor trực quan
  • Bao gồm nhiều lựa chọn tiện ích hữu ích

Nhược điểm của Trình tạo chủ đề

  • Nó không bao gồm đánh dấu lược đồ
  • Không bao gồm menu lớn
  • Yêu cầu Elementor Pro (phiên bản trả phí của Elementor)
Cách thay đổi logo trong WordPress Elementor

Giải pháp thay thế miễn phí cho Elementor Pro để tạo tiêu đề tùy chỉnh

Trình tạo chủ đề trong Elementor Pro chắc chắn là mạnh mẽ, nhưng để có quyền truy cập vào nó, bạn phải mua đăng ký Elementor cá nhân, có giá 49 đô la/năm cho một trang web.  

Tin tốt là, nếu bạn đang sử dụng phiên bản Elementor miễn phí, bạn có một tùy chọn khác

Chúng tôi đã tạo một plugin miễn phí tuyệt vời có tên là plugin Elementor – Header, Footer & Blocks. Đây là một addon dành cho Elementor cho phép bạn tạo bố cục và đặt nó làm đầu trang hoặc chân trang trên trang web của bạn

Cách thay đổi logo trong WordPress Elementor

Làm thế nào nó hoạt động?

  1. Thiết kế bố cục trong Elementor như bình thường
  2. Chỉ định nó làm tiêu đề
  3. Mẫu bạn đã tạo sẽ tự động được áp dụng làm tiêu đề

Hãy xem bài đăng trên blog này để biết quy trình chi tiết từng bước

Plugin Elementor – Header, Footer & Blocks cung cấp cho bạn nhiều chức năng giống như Trình tạo chủ đề trong Elementor Pro, với lợi ích bổ sung là đánh dấu lược đồ.  

Một lợi ích lớn khác của plugin trình tạo này là bạn có thể sử dụng nó miễn phí vô thời hạn – bạn không bao giờ phải lo lắng về việc mất quyền truy cập nếu bạn không duy trì đăng ký trả phí

Plugin đi kèm với các tiện ích tích hợp giúp quá trình thiết kế tiêu đề trở nên dễ dàng.  

Các vật dụng này cung cấp các tính năng cơ bản cần thiết, do đó bạn không cần phải tìm kiếm các plugin bổ sung.  

  • Logo trang web
  • Tiêu đề trang web
  • Dòng giới thiệu trang web
  • Chức năng điều hướng
  • Tiêu đề trang
  • Hình ảnh võng mạc
  • bản quyền

Plugin này hoạt động với tất cả các chủ đề. Rất ít chủ đề có khả năng tương thích tích hợp cho plugin này trong khi đối với một số chủ đề, bạn sẽ cần chọn một phương thức tương thích

Trường hợp sau khi kích hoạt plugin, bạn thấy thông báo kiểm tra các phương thức tương thích có sẵn

Điều hướng đến Giao diện > Header Footer Builder > Theme Support và chọn một phương pháp phù hợp

Khi bạn thêm hỗ trợ chủ đề, chỉ cần thiết kế bố cục bằng Elementor, chỉ định xem nó sẽ được áp dụng làm đầu trang hay chân trang và bạn đã hoàn tất

Bắt đầu với Elementor – Đầu trang, Chân trang & Khối

Bạn có nên sử dụng tiêu đề Elementor không?

Cho đến nay trong bài đăng này, chúng tôi đã xem xét một số cách để tạo tiêu đề tùy chỉnh với Elementor. Nhưng với tất cả những gì đã nói, có thực sự đáng để bỏ các tùy chọn tiêu đề của chủ đề để chuyển sang tiêu đề Elementor tùy chỉnh không?

Không cần thiết

Lợi ích lớn nhất của việc gắn bó với tiêu đề tích hợp trong chủ đề của bạn là nó đã được hỗ trợ đầy đủ.  

Đây chỉ là một số tính năng mà chủ đề của bạn có thể bao gồm

  • Nhiều biến thể bố cục
  • Một tiêu đề dính
  • Khả năng phản hồi trên thiết bị di động
  • Tùy chọn tiêu đề di động
  • Tùy chọn kiểu dáng tùy chỉnh

Nói cách khác,

Nếu bạn có thể lấy tiêu đề bạn muốn mà không cần Elementor, bạn có thể hoàn thành công việc chỉ bằng vài cú nhấp chuột. Nó dễ dàng hơn và ít có khả năng gây đau đầu hơn

tiếng riu ríu

Cuối cùng, những gì nó đi xuống là điều này. Chủ đề hiện tại của bạn có cho phép bạn tạo tiêu đề thực hiện những gì bạn cần không?

Với chủ đề Astra, bạn có được trình tạo Đầu trang và chân trang nâng cao, công cụ này sẽ hoạt động tốt. Bạn có thể xem thêm về nó trong video này

Đừng hy sinh chức năng hoặc thương hiệu với tiêu đề của bạn, nhưng cũng đừng tạo ra nhiều công việc hơn mức cần thiết cho chính bạn. Chỉ bạn mới có thể quyết định xem bạn có cần tiêu đề hoàn toàn tùy chỉnh hay không

Phần kết luận

Việc tạo các trang web đẹp mắt dễ dàng hơn bao giờ hết bằng cách sử dụng các tính năng kéo và thả của trình tạo trang WordPress phổ biến nhất. Bất kể bạn thực hiện phương pháp nào, trang web của bạn chắc chắn sẽ có giao diện và hoạt động tốt với Elementor. Không chỉ điều này, mà bạn còn có thể thiết kế blog của mình bằng Elementor

Nếu bạn cũng muốn chỉnh sửa chân trang web của mình, đây là hướng dẫn nhanh

Bây giờ chúng tôi muốn nghe từ bạn. Bạn đã thành công khi sử dụng Trình tạo chủ đề trong Elementor Pro cho tiêu đề của mình chưa?

Tham gia 635.020 người đăng ký

Nhận quyền truy cập độc quyền vào các mẹo, bài viết, hướng dẫn, cập nhật mới, v.v.

Tên của bạn

địa chỉ email của bạn

ĐẶT MUA

Thông tin về các Tác giả

Cách thay đổi logo trong WordPress Elementor

Nhóm biên tập của chúng tôi tại Astra là một nhóm các chuyên gia do người đồng sáng lập Brainstorm Force, Sujay Pawar đứng đầu. Chúng tôi mong muốn tạo ra nội dung được nghiên cứu kỹ lưỡng, có độ chi tiết cao liên quan đến WordPress, thiết kế Web và hướng dẫn về cách phát triển doanh nghiệp trực tuyến của bạn

Chia sẻ là quan tâm

2 bình luận

  1. Cách thay đổi logo trong WordPress Elementor

    Jen

    Tháng Một 11, 2022 tại 7. 15 giờ chiều

    Nó không hoạt động. Làm thế nào tôi có thể làm cho nó xuất hiện?

    Hồi đáp

    1. Cách thay đổi logo trong WordPress Elementor

      Nhóm hỗ trợ

      Tháng Một 21, 2022 tại 11. 01 giờ sáng

      Xin chào Jen, bạn có thể giải thích thêm về những gì không hoạt động không? . Vui lòng liên hệ với chúng tôi qua Cổng hỗ trợ và đề cập ngắn gọn về sản phẩm cũng như vấn đề bạn đang gặp phải. Rất mong được giúp đỡ

      Hồi đáp

Để lại một bình luận Hủy trả lời

Địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *

Nhập ở đây

Tên*

E-mail*

Trang mạng

Bài viết được đề xuất

Cách thay đổi logo trong WordPress Elementor

Thành viên WishList vs MemberPress vs SureMembers – Chọn cái tốt nhất cho trang web thành viên của bạn

Nhóm biên tập Ngày 30 tháng 12 năm 2022

Cách thay đổi logo trong WordPress Elementor

Ưu đãi Giáng sinh và Năm mới tốt nhất cho WordPress cho ngày 23/2022

Nhóm biên tập Ngày 22 tháng 12 năm 2022

Cách thay đổi logo trong WordPress Elementor

Cách bán cây trực tuyến tại nhà với cửa hàng Thương mại điện tử của riêng bạn

Nhóm biên tập Ngày 20 tháng 12 năm 2022

Astra miễn phí. Bây giờ và mãi mãi

Chúng tôi tin rằng việc tạo các trang web đẹp không nên tốn kém. Đó là lý do tại sao Astra miễn phí cho mọi người. Bắt đầu miễn phí và mở rộng với các gói giá cả phải chăng

Tại sao logo của tôi không hiển thị trong Elementor?

Ghi chú. Việc hiển thị logo phụ thuộc vào chủ đề của bạn. Elementor tuân theo các tiêu chuẩn mã hóa của WordPress do Codex chính thức của nó đặt ra. Nếu chủ đề của bạn không sử dụng chức năng mặc định của WordPress gọi là biểu trưng tùy chỉnh, thì nó sẽ không được hiển thị . https. // codex. báo chí. org/Theme_Logo.

Tại sao tôi không thể chỉnh sửa tiêu đề trong Elementor?

Để chỉnh sửa đầu trang và chân trang trong Elementor, trước tiên bạn cần cài đặt và kích hoạt plugin . Bạn có thể làm điều này bằng cách tìm kiếm nó trên trang plugin của bảng điều khiển quản trị viên WordPress của bạn. Khi plugin đã được cài đặt và kích hoạt, hãy nhấp vào Giao diện> Trình tạo chân trang đầu trang.