Menu thanh bên WordPress

Một trong những điều đầu tiên bạn nên xem xét khi xây dựng trang web của mình là khách truy cập của bạn có thể điều hướng dễ dàng như thế nào. Thanh bên thường là một tính năng quan trọng cho phép người dùng chuyển đến các phần khác nhau trên trang web của bạn. Nhưng bạn có biết cách thêm thanh bên trong WordPress không?

Ngay cả khi bạn không phải là người am hiểu công nghệ nhất, bạn vẫn có thể tìm hiểu cách thêm thanh bên trong WordPress chỉ bằng vài bước (và chúng tôi cũng có hướng dẫn nhanh chóng và dễ dàng về cách xóa thanh bên). Có năm cách đơn giản mà bạn có thể thực hiện để thêm yếu tố này vào trang web thích hợp của mình và chúng tôi sẽ hướng dẫn từng bước một

Bạn đã sẵn sàng tìm hiểu thêm về cách cải thiện điều hướng trang web của mình chưa?

Bắt đầu nào.  

nội dung

  • Chọn một chủ đề WordPress với các tùy chọn thanh bên
  • Chỉnh sửa Thanh bên bằng Widget trong Tùy biến
  • Đăng ký Sidebar với WordPress
  • Tùy chỉnh Widget trên Dashboard
  • Plugin thanh bên tùy chỉnh
    • Thanh bên tùy chỉnh – Trình quản lý khu vực tiện ích thanh bên động
    • Thanh bên tùy chỉnh dễ dàng
    • phần tử
  • Bạn sẽ sử dụng phương pháp nào?

Chọn một chủ đề WordPress với các tùy chọn thanh bên

Cách đầu tiên và dễ dàng nhất để thêm thanh bên vào trang WordPress của bạn là chọn một chủ đề cho phép nhiều tùy chọn thanh bên

Có rất nhiều chủ đề WordPress dành cho người mới bắt đầu mà bạn có thể chọn nếu bạn biết rằng bạn muốn có một thanh bên nổi bật để sắp xếp điều hướng hoặc liên kết đến các phần khác của trang web không phải là một phần của menu chính của bạn

Ví dụ: bạn có thể sử dụng thanh bên để

  • Hiển thị các bài đăng trên blog mới nhất của bạn
  • Phân loại chủ đề
  • Đăng lịch sự kiện

Thiết kế trang web của bạn có thể khá tốn thời gian nhưng bạn có thể tiết kiệm thời gian cho việc tạo thanh bên bằng cách chọn một trong các tùy chọn chủ đề này.  

  • ColorMag
  • Divi
  • đường mòn
  • Mực
  • Palermo
  • mâm xôi

Đây hoàn toàn không phải là danh sách đầy đủ tất cả các tùy chọn chủ đề mà bạn có thể sử dụng để cài đặt tiện ích thanh bên. Điều này chỉ đơn giản là cung cấp cho bạn một lựa chọn chủ đề đẹp mắt mà bạn có thể xem xét nếu bạn sẵn sàng cải tiến trang web của mình hoặc bắt đầu xây dựng xung quanh một trong những chủ đề này.  

Khi bạn đã cài đặt chủ đề mới của mình, hãy chuyển đến thanh bên và chọn Giao diện. Từ menu, chọn Tùy chỉnh.  

Menu thanh bên WordPress

Nếu chủ đề của bạn tương thích ngay lập tức, bạn sẽ thấy một tùy chọn cho Toàn cầu ở đầu menu Tùy chỉnh. Thao tác này sẽ hiển thị khả năng chọn Bố cục và sau đó là Bố cục thanh bên.  

Nó sẽ đưa ra một lựa chọn các hình ảnh mà bạn có thể chọn, tùy thuộc vào vị trí của thanh bên mong muốn của bạn. Ví dụ: bạn có thể chọn thanh bên phải hoặc thanh bên trái

Chọn cái nào bạn muốn hiển thị bản xem trước trực tiếp về trang sẽ trông như thế nào với thanh bên của bạn.  

Menu thanh bên WordPress

Từ đây, bạn có thể thêm các tiện ích vào khu vực thanh bên để tùy chỉnh những gì khách truy cập của bạn sẽ thấy. Nhấn Xuất bản khi hoàn tất.   

Chỉnh sửa Thanh bên bằng Widget trong Tùy biến

Một phương pháp khác để học cách thêm thanh bên trong WordPress là sử dụng chức năng Widgets. Điều này rất giống với các bước được liệt kê ở trên, nhưng nó có thể hữu ích nếu chủ đề của bạn không có bố cục thanh bên cụ thể

Bạn sẽ làm theo cùng một vài bước đầu tiên.  

  • Nhấp vào Giao diện và Tùy chỉnh.  
  • Chọn tiện ích.  
  • Chọn thanh bên.  
  • Nhấp vào Thêm khối

Menu thanh bên WordPress

Điều này sẽ mở ra toàn bộ danh sách các khối có thể được thêm vào thanh bên của bạn, bao gồm cả dấu ngoặc kép hoặc văn bản. Nó cũng mở ra khả năng thêm nhiều loại vật dụng

Bạn có thể thêm các biểu tượng mạng xã hội, lịch, nhận xét mới nhất về bài đăng trên blog của mình, v.v.  

Menu thanh bên WordPress

Nếu các tiện ích không bật lên theo đúng thứ tự bạn muốn, bạn có thể dễ dàng di chuyển chúng xung quanh. Đơn giản chỉ cần kéo và thả chúng theo thứ tự

Bạn thậm chí có thể đặt lại tên cho chúng hoặc xóa tiêu đề khỏi mỗi tiện ích.  

Đừng quên nhấn Xuất bản khi bạn hoàn thành việc hoàn thiện thanh bên mới của mình

Đăng ký Sidebar với WordPress

Phương pháp tìm hiểu cách thêm thanh bên vào WordPress này phức tạp hơn một chút và yêu cầu một số kiến ​​thức về mã hóa

Hai phương pháp đầu tiên đơn giản hơn nhiều. Bạn cũng có thể muốn xem xét việc cài đặt một plugin để trợ giúp với thanh bên của mình trước khi bạn cố gắng tự mình giải quyết việc đăng ký nó với WordPress

Tuy nhiên, chủ sở hữu trang web có một số kinh nghiệm về viết mã có thể thấy đây là một quy trình đơn giản.  

Nếu bạn muốn xử lý phương pháp này, hãy bắt đầu bằng cách chuẩn bị thêm mã vào các hàm. tập tin php. Bạn sẽ nhập register_sidebar() cùng với chuỗi mã sau.  

Menu thanh bên WordPress

Để có hướng dẫn chi tiết hơn về cách gắn nhãn cho từng phần mã, WordPress đã tổng hợp một mẫu hướng dẫn tiện dụng cung cấp các ví dụ.  

Bạn cũng có thể sử dụng phương pháp này để thêm nhiều thanh bên hoặc một thanh bên khác. Thay vì thêm mã dưới dạng register_sidebar(), bạn có thể thêm register_sidebars() để lấy nhiều vùng.  

Tùy chỉnh Widget trên Dashboard

Khi bạn đã tạo thanh bên của mình bằng cách thêm các dòng mã hoặc thông qua Trình tùy chỉnh, đã đến lúc sắp xếp lại các tiện ích của bạn

Điều này có thể dễ dàng được thực hiện từ bảng điều khiển. Quay trở lại bảng điều khiển của bạn và nhấp vào Xuất hiện từ menu ở phía bên trái. Nó sẽ mở ra một cửa sổ với một số tùy chọn và bạn sẽ chọn Widgets

Điều này sẽ mở ra một màn hình mới với tất cả các khu vực mà bạn hiện có các tiện ích con, bao gồm thanh bên và nội dung ở cuối chủ đề của bạn.  

Menu thanh bên WordPress

Khi bạn đã chọn tùy chọn thanh bên, bạn có thể nhấp vào dấu + nhỏ ở góc dưới cùng bên phải của khu vực thanh bên. Điều này sẽ cho phép bạn thêm các khối và tiện ích vào thanh bên tùy chỉnh của mình.  

Menu thanh bên WordPress

Bằng cách nhấp vào nút Duyệt tất cả màu đen, bạn có thể xem danh sách đầy đủ các tiện ích có thể được thêm vào thanh bên của mình.  

Đối với ví dụ này, tôi đã chọn một lịch để thêm vào thanh bên của mình. Khi bạn đã chọn tiện ích bạn muốn sử dụng trong menu điều hướng mới, bạn có thể thấy rằng bạn có các tùy chọn khác để tùy chỉnh tiện ích đó

Nhân tiện, nếu bạn quan tâm đến loại tùy chỉnh này, bạn có thể xem hướng dẫn từng bước của chúng tôi về cách chỉnh sửa menu trong wordpress

Nhấp vào các khu vực để điều hướng tiện ích con lên hoặc xuống theo thứ tự bạn cần.  

Menu thanh bên WordPress

Bạn cũng có thể nhấp vào sáu dấu chấm và kéo tiện ích của mình vào vị trí mong muốn nếu bạn không muốn di chuyển tiện ích theo cách thủ công bằng các mũi tên.  

Khi bạn tùy chỉnh xong phần này trên trang web của mình, đừng quên nhấp vào Cập nhật ở góc trên bên phải màn hình

Menu thanh bên WordPress

Plugin thanh bên tùy chỉnh

Nếu tất cả các phương pháp trên vẫn cảm thấy quá cồng kềnh với bạn, thì bạn có thể muốn thử cài đặt plugin thanh bên. Chúng rất dễ sử dụng và loại bỏ một số mã hóa và phỏng đoán khi tìm hiểu cách thêm thanh bên trong WordPress (xem cách chỉnh sửa mã trong WordPress tại đây)

May mắn thay, nhiều trong số chúng cũng là các tùy chọn miễn phí mà bạn có thể sử dụng để cải thiện điều hướng trang web của mình.  

Để bắt đầu, hãy quay lại menu chính trên bảng điều khiển WordPress của bạn. Ở phía bên tay trái, chọn Plugins. Thao tác này sẽ chuyển hướng bạn đến khu vực nơi bạn có thể chọn và cài đặt plugin thanh bên mới.  

Quyết định plugin thanh bên tùy chỉnh nào bạn muốn cài đặt và tìm kiếm nó. Chọn Cài đặt. Khi nó kết thúc, bạn cần nhấp vào Kích hoạt để bắt đầu sử dụng nó.  

Menu thanh bên WordPress

Dưới đây là một số lựa chọn hàng đầu của chúng tôi để cài đặt thanh bên tùy chỉnh trên trang của bạn.  

Thanh bên tùy chỉnh – Trình quản lý khu vực tiện ích thanh bên động

Menu thanh bên WordPress

Plugin WordPress đầu tiên mà bạn có thể muốn xem xét sử dụng là Thanh bên tùy chỉnh – Trình quản lý khu vực tiện ích thanh bên động. Nó là một plugin nhẹ giúp loại bỏ nhu cầu mã hóa liên quan

Plugin này cho phép bạn định cấu hình lại các tiện ích của mình theo nhiều cách khác nhau, kể cả trên.  

  • trang
  • bài viết
  • Thể loại
  • lưu trữ

Tùy thuộc vào phiên bản WordPress bạn đang sử dụng, bạn cũng có thể phải cài đặt plugin Tiện ích cổ điển để sử dụng Thanh bên tùy chỉnh

Tôi đang dùng phiên bản WordPress mới nhất và phải quay lại để cài đặt lại plugin này trước khi nó cho phép tôi sử dụng plugin (tuy nhiên đôi khi có thể khôi phục các plugin WordPress).  

Khi điều này được giải quyết, bạn có thể vào Giao diện và Tiện ích. Nó sẽ mở ra một cửa sổ mới trông không giống như trước đây

Nó đơn giản như một vài cú nhấp chuột để bắt đầu thiết kế thanh bên mới của bạn.  

Menu thanh bên WordPress

 

Thanh bên tùy chỉnh dễ dàng

Một tùy chọn plugin tuyệt vời khác để điều chỉnh thanh bên hoặc menu điều hướng của bạn là Thanh bên tùy chỉnh dễ dàng. Nó khó sử dụng hơn một chút so với Thanh bên tùy chỉnh – Trình quản lý khu vực tiện ích thanh bên động nhưng không phải là không thể

So với việc đăng ký mã của bạn với trang web WordPress, việc thay thế các thanh bên hiện tại của bạn bằng các phiên bản tùy chỉnh vẫn rất dễ dàng

Sau khi cài đặt và kích hoạt plugin, hãy truy cập trang tổng quan của bạn. Di chuột qua menu Giao diện và chọn tùy chọn Thay thế thanh bên để được chuyển đến màn hình quản trị.  

Điều này cho phép bạn tạo thanh bên tùy chỉnh của riêng mình bằng cách đặt tên cho nó và chọn thanh bên nào bạn muốn thay thế ở mặt trước của trang web.  

Giống như plugin khác dành cho thanh bên tùy chỉnh, Easy Custom Sidebars cho phép bạn chọn vị trí hiển thị thanh bên mới của mình. Bạn có thể chọn để nó hiển thị trên tất cả các trang, trên một số trang nhất định và trong một số danh mục nhất định

Nhấp vào Lưu Thanh bên sau khi tất cả các trường của bạn đã được điền, sau đó quay lại khu vực Tiện ích trong menu Giao diện của bạn

Thêm các tiện ích mà bạn muốn đưa vào thanh bên của mình và bạn sẽ hoàn thành ngay lập tức.  

Nếu bạn gặp khó khăn trong quá trình này, video hướng dẫn WordPress ở đầu phần sẽ giúp ích cho bạn.  

phần tử

Elementor là một công cụ tuyệt vời khác giúp việc tạo các thanh bên tùy chỉnh trở nên dễ dàng. Chúng tôi đã xem xét kỹ công cụ này trong bài đánh giá Elementor của mình

Nó được thiết kế để giúp bạn xây dựng toàn bộ trang web của mình mà không cần nhập một dòng mã và nó thực hiện tốt lời hứa

Sử dụng trình tạo chủ đề của họ là một cách tuyệt vời để tiết kiệm thời gian và tránh các chuỗi mã khó hiểu đôi khi được yêu cầu.  

Quá trình này đơn giản.  

  • Chuyển đến Mẫu và sau đó Trình tạo chủ đề.  
  • Chọn xem bạn muốn thanh bên mới của mình hiển thị trên một bài đăng hay một trang.  
  • Chọn mẫu tạo sẵn có chứa thanh bên và định dạng bạn muốn hoặc chọn tạo mẫu tùy chỉnh có hai cột và tiện ích thanh bên
  • Chỉnh sửa tiện ích thanh bên và chọn thanh bên bạn muốn thay đổi.  
  • Thêm tiện ích vào khu vực thanh bên mới của bạn.  
  • Nhấp vào xuất bản.  

Nếu bạn muốn xem qua quy trình với hướng dẫn WordPress, thì video này cho bạn thấy việc kéo và thả các yếu tố khác nhau mà bạn muốn đưa vào thanh bên của mình dễ dàng như thế nào.  

Giống như hai plugin đầu tiên được thiết kế để giúp bạn tạo thanh bên tùy chỉnh, Elementor có phiên bản miễn phí mà bạn có thể sử dụng. Hãy nhớ rằng với phiên bản miễn phí này, bạn sẽ không thể truy cập tất cả các mẫu hoặc Trình tạo chủ đề

Vì đây là những yếu tố quan trọng để xây dựng thanh bên, nên bạn có thể cân nhắc đầu tư vào gói trả phí.  

Có những chương trình khác tương tự như Elementor, vì vậy hãy đảm bảo bạn đã nghiên cứu xem đây có phải là plugin phù hợp với mình không. Bạn cũng có thể điều tra Thrive Architect hoặc Oxygen Builder. Kiểm tra các bài đăng của chúng tôi trên Thrive Architect vs Elementor và Oxygen vs Elementor

định giá

Giá dựa trên số lượng trang web bạn định sử dụng Elementor trên. Xem bảng phân tích bên dưới để tìm hiểu thêm về những gì bạn có thể phải trả để có quyền truy cập vào tất cả các tính năng.  

  • Kế hoạch cá nhân (1 trang web). $49/năm
  • Gói Plus (3 trang web). $99/năm
  • Kế hoạch chuyên gia (1.000 trang web). $199/năm

Tôi khuyên bạn nên dùng thử Elementor trên phiên bản miễn phí trước khi cam kết với gói trả phí. Bạn sẽ có quyền truy cập vào các tính năng mạnh mẽ hơn với gói Pro, nhưng bạn có thể điều hướng xung quanh bằng giao diện thân thiện với người dùng của họ mà không cần phải trả tiền cho các dịch vụ.  

Nhận phần tử tại đây

Bạn sẽ sử dụng phương pháp nào?

Có rất nhiều tùy chọn có sẵn cho bạn nếu bạn muốn tìm hiểu cách thêm thanh bên trong WordPress. Cho dù bạn cảm thấy thoải mái khi thêm mã của riêng mình hay bạn thích sự đơn giản của việc sử dụng plugin, bạn có thể chọn phương pháp cuối cùng sẽ phù hợp với mình.  

Hai plugin miễn phí được đề cập ở đây sẽ hoàn thành công việc, nhưng Elementor có một cú đấm mạnh mẽ nếu bạn muốn làm nhiều hơn là chỉ thêm các thanh bên tùy chỉnh vào trang web của mình. Giao diện kéo và thả của họ khiến nó trở nên lý tưởng cho những người xây dựng trang web mới muốn tùy chỉnh trang của họ nhiều nhất có thể

Chúng tôi khuyên bạn nên dùng thử Elementor ngay hôm nay nếu bạn muốn thêm các thanh bên tùy chỉnh và thiết lập một mẫu duy nhất cho trang web của mình.  

Dùng thử Elementor ngay hôm nay

Nhận phần tử tại đây

Menu thanh bên WordPress

đăng trong

wordpress

Menu thanh bên WordPress

Bởi Ashley Simpson

Ashley là một nhà văn tự do giàu kinh nghiệm, nhiệt tình tìm kiếm những cách sáng tạo để kiếm tiền trực tuyến. Cô ấy sử dụng niềm đam mê ngôn từ của mình để chia sẻ những gì cô ấy đã học được với thế giới

Cô ấy dành phần lớn thời gian của mình để viết blog cho vô số trang web và tiêu thụ mọi thứ cô ấy có thể có được liên quan đến tài chính cá nhân và công việc phụ.

Thanh bên cho phép điều hướng ứng dụng và cung cấp quyền truy cập nhanh vào bộ sưu tập nội dung cấp cao nhất trong ứng dụng hoặc trò chơi của bạn . Thuật ngữ thanh bên đề cập đến danh sách các khu vực và bộ sưu tập ứng dụng cấp cao nhất, hầu như luôn được hiển thị trong ngăn chính của chế độ xem phân tách.

Thanh bên trong WordPress là gì?

Thanh bên WordPress là một khu vực trên trang web WordPress bên cạnh nội dung chính, hiển thị thông tin bổ sung hoặc menu điều hướng . Nó thường là một cột dọc ở hai bên của trang, nhưng nó cũng có thể được tìm thấy ở những nơi khác, chẳng hạn như dưới chân trang.