Hướng dẫn thêm biểu tượng mạng xã hội vào menu trong WordPress

Bạn có muốn thêm biểu tượng mạng xã hội vào menu trong WordPress? Mặc dù WordPress không tích hợp phần hồ sơ truyền thông xã hội, bạn có thể dễ dàng sử dụng các menu điều hướng trong WordPress để thêm và hiển thị các biểu tượng mạng xã hội vào bất kỳ khu vực tiện ích nào. Trong bài viết này tôi sẽ chia sẻ các thêm biểu tượng mạng xã hội vào menu trong WordPress.

Tại sao bạn cần thêm biểu tượng mạng xã hội vào menu trong WordPress?

Ưu điểm lớn nhất của việc thêm biểu tượng mạng xã hội vào menu trong WordPress là bạn có thể thay đổi vị trí của chúng một cách dễ dàng bằng cách kéo thả.

Mặc dù bạn có thể sử dụng plugin của bên thứ ba để hiển thị biểu tượng mạng xã hội trong thanh bên, nhưng các giải pháp đó hầu như đều không được linh hoạt cho lắm.

Ngoài giao diện kéo thả dễ dàng, khi bạn thêm biểu tượng mạng xã hội vào menu trong WordPress bạn có thể hiển thị nó ở bất kỳ khu vực tiện ích nào mà mình muốn. Các khu vực tiện ích đó có thể là sidebar, footer, bên dưới bài viết…

Chúng ta hãy cùng tìm hiểu cách thêm biểu tượng mạng xã hội vào menu trong WordPress.

Thêm biểu tượng mạng xã hội vào menu trong WordPress

Việc đầu tiên bạn cần làm là cài đặt và kích hoạt plugin có tên là Menu Image. Nếu bạn chưa biết cách cài đặt và kích hoạt plugin, hãy đọc lại bài viết Hướng dẫn cài đặt và quản lý plugin.

Sau khi kích hoạt, bạn cần truy cập vào trang Appearance » Menus và tạo một menu mới.

create new menu

Tiếp theo, bạn cần thêm liên kết tùy chỉnh cho mỗi mạng xã hội khác nhau trong social menu mới tạo.

Bạn sẽ nhìn thấy một tùy chọn Menu image bên dưới mỗi đối tượng trong menu. Bạn có thể sử dụng nó để upload biểu tượng mạng xã hội của mình.

menu structure

Nó cho phép bạn tải lên một biểu tượng khác để khi bạn rê chuột lên nó sẽ hiển thị ảnh này.

Sau đó bạn có thể chọn kích thước cho biểu tượng. Có nhiều tùy chọn cho kích cỡ ảnh.

facebook icon size

Tiếp theo bạn cần chọn vị trí để hiển thị tên của các mạng xã hội với icon của mình. Nếu bạn chỉ muốn hiển thị biểu tượng mạng xã hội, không cần hiển thị tên bạn có thể kích chọn tùy chọn “Hide” bên dưới mục Title position.

hide social chanel label

Chỉ cần lặp lại các bước tương tự để thêm các biểu tượng mạng xã hội khác theo ý của bạn.

Sau khi bạn đã hoàn tất việc thêm các biểu tượng cho các đối tượng trong menu, bạn cần chọn nơi hiển thị menu sau đó nhấp vào nút “Save Menu” để lưu lại các thay đổi.

add menu to display location

Giờ bạn có thể truy cập vào website của mình để xem các biểu tượng mạng xã hội trên menu của bạn.

add social icon to menu

Bạn cũng có thể thêm menu có chứa các biểu tượng mạng xã hội vào thanh bên. Chỉ cần truy cập vào trang Appearance » Widgets, sau đó kéo widget có tên là ‘Navigation Menu’ ở phía thanh bên của vùng tiện ích.

add social icon to nav widget

Trong Select Menu xổ xuống, bạn cần chọn social menu mà bạn đã tạo ở trên và nhấp vào nút Save.

social menu sidebar

Lưu ý: Hình ảnh ở trên chỉ hiển thị với mục đích minh họa. Để có được widget giống như hình trên bạn cần phải sử dụng CSS để tạo kiểu cho nó.

Vậy là xong. Tôi hy vọng rằng bài viết này sẽ giúp bạn biết cách thêm biểu tượng mạng xã hội vào menu trong WordPress.

Nếu bạn thấy bài viết hữu ích đừng quên Like và Share.

Hẹn gặp lại bạn trong các bài viết tiếp theo./.

Đăng ký nhận bài viết mới nhất

Hãy đăng ký nhận tin để nhận được những nội dung thú vị và tuyệt vời!

Để lại bình luận